asdf (#27)

* Modify rustacean swag thumbnail * Take low-poly ferris off home page (move to more-crabby-things * Move twitter links to mastodon; add a few art pieces; organize derivative works into subtypes * Make thumbnails smaller * Reduce size of a bunch of images * fix sickos ferris link * page style modifications * Fix Ferris 3D GitHub Link (#24) * Fix link * Replace thumbnail image * Remove twitter link --------- Co-authored-by: stffffn <[email protected]>
aldeka · Aug 16, 2024 · 409ef3a · 409ef3a
1 parent 5cfd9b5
commit 409ef3a
Show file tree

Hide file tree

Showing 47 changed files with 256 additions and 175 deletions.
diff --git a/site/assets/corro.png b/site/assets/corro.png
diff --git a/site/assets/cuddlyferris.png b/site/assets/cuddlyferris.png
diff --git a/site/assets/ferris-pronouns.png b/site/assets/ferris-pronouns.png
diff --git a/site/assets/rustacean-flat-gesture.png b/site/assets/rustacean-flat-gesture.png
diff --git a/site/assets/rustacean-flat-happy.png b/site/assets/rustacean-flat-happy.png
diff --git a/site/assets/rustacean-flat-noshadow.png b/site/assets/rustacean-flat-noshadow.png
diff --git a/site/assets/rustacean-orig-noshadow.png b/site/assets/rustacean-orig-noshadow.png
diff --git a/site/assets/style.css b/site/assets/style.css
@@ -9,7 +9,7 @@ body {
 
 .container {
     margin: 0 auto;
-    min-width: 320px;
+    min-width: 470px;
     max-width: 80vw;
     display: flex;
     flex-direction: column;
@@ -27,9 +27,19 @@ img {
     flex-direction: row;
     align-items: flex-start;
 }
-.header img { flex: 0 0 auto; min-width: 80px; width: 22vw; max-width: 120px; margin-right: 12px; }
+.header img {
+    flex: 0 1 auto;
+    min-width: 72px;
+    width: 22vw;
+    max-width: 150px;
+    margin-right: 12px;
+    margin-top: 0.5rem;
+}
 .header .introduction { flex: 1 1 auto; max-width: calc(100% - 80px);}
 .header h1, .header h2 { word-wrap: break-word; }
+.header h1 {
+    line-height: 3rem;
+}
 
 .content {
     display: flex;
@@ -43,16 +53,36 @@ img {
 }
 
 .content .crab-variants > div {
-    flex: 0 0 auto;
+    flex: 0 1 auto;
     min-width: 150px;
-    width: 19vw;
+    max-width: 250px;
     margin-right: 12px;
 }
 
 .crab-variants h3 {
     height: 1.2em;
 }
 
+.related-works-nav {
+    display: flex;
+    background: rgba(255, 255, 255, 0.6);
+    margin-bottom: 8px;
+    width: 100%;
+}
+
+.related-works-nav a {
+    display: block;
+    padding: 12px;
+}
+
+.related-works-nav a:hover {
+    background: white;
+}
+
+.related-works-items .crab-variants {
+    margin-left: 24px;
+}
+
 h2, h3 {
     color: #01346B;
 }
@@ -85,6 +115,10 @@ a:hover {
     color: #01346B;
 }
 
+.license {
+    margin-top: 12px;
+}
+
 .license a[rel="license"] {
     display: block;
-}
+}