feat(www): add friends' github links and refactor code.

1 files changed, 13 insertions, 10 deletions

diff --git a/docker/nginx/sites/www/src/style.css b/docker/nginx/sites/www/src/style.css
index 64757a6..05c98a0 100644
--- a/docker/nginx/sites/www/src/style.css
+++ b/docker/nginx/sites/www/src/style.css
@@ -1,10 +1,3 @@
-:root {
-  --im-happy: dodgerblue;
-  --im-angry: orangered;
-  --im-good: hsl(120, 85%, 85%);
-  --im-active: hsl(20, 85%, 85%);
-}
-
 html {
   width: 100%;
 }
@@ -20,6 +13,10 @@ a {
   font-family: monospace;
 }
 
+.fake-link {
+  font-family: monospace;
+}
+
 #main-article {
   max-width: 880px;
   margin-top: 1em;
@@ -84,11 +81,11 @@ a {
 }
 
 .slogan.happy {
-  background-color: var(--im-happy);
+  background-color: dodgerblue;
 }
 
 .slogan.angry {
-  background-color: var(--im-angry);
+  background-color: orangered;
 }
 
 body[data-emotion="happy"] .slogan.happy {
@@ -113,10 +110,16 @@ body[data-emotion="angry"] .slogan.angry {
   font-family: unset;
 }
 
-.friend-img {
+.friend-avatar {
   object-fit: cover;
 }
 
+.friend-github {
+  width: 1em;
+  vertical-align: middle;
+  margin-right: -0.5em;
+}
+
 .friend-tag {
   font-size: 0.8em;
 }