fashion page is no longer code; typos checked, fashion writeup done

src/static/css/entry.css

@@ -1,3 +1,20 @@
+a {
+    color: #1D1761;
+}
+a:hover {
+    color: #3127A5;
+}
+a:visited {
+    color: #1D1761;
+}
+a:active {
+    color: #3B2FC6;
+}
+
+hr {
+  border: 1px solid black;
+}
+
 .content-grid {
     grid-area: 3 / 1 / 4 / 4; 
     max-width: MAX(50em, 50%);
@@ -59,6 +76,9 @@
     margin-bottom: 0em;
     text-indent: 0em;
 } 
+.diary-content a {
+    text-decoration: underline;
+}
 .diary-tags {
         background-color: #585c88;
     padding: 1em;
@@ -68,12 +88,25 @@
     background-color: #b9b4af;
     border-radius: .3em;
     padding: .3em;
-    color: #1c2628;
     font-size: 1em;
     font-weight: bold;
     display: inline-block;
 }
+.diary-tag a {
+    color: #1D1761;
+}
+.diary-tag a:hover {
+    color: #3127A5;
+}
+.diary-tag a:visited {
+    color: #1D1761;
+}
+.diary-tag a:active {
+    color: #3B2FC6;
+}
+
 .share-links {
+    display: none;
     background-color: #1c2628;
     color: #aaa39d;
     padding-top: 1em;
@@ -93,20 +126,24 @@
     margin-top: 1em;
 }
 .sidebar a:link {
-    color: #213021;
+    font-weight: bold;
+}
+.sidebar a {
+    color: #1D1761;
 }
 .sidebar a:hover {
-    color: #486438;
+    color: #3127A5;
 }
 .sidebar a:visited {
-    color: #213021;
+    color: #1D1761;
 }
 .sidebar a:active {
-    color: #945634;
+    color: #3B2FC6;
 }
 
+
     .diary-box {
-        background-color: #886488; 
+        background-color: #A88AA8;  
         text-align: center;
         border-radius: 1em;
         margin: 1em;
@@ -114,8 +151,7 @@
         margin-top: 0em;
         padding-bottom: 1em;
     }
-    .diary-box a {
-        
+
     }
     .about-box {
         grid-area: 1 / 1 / 2 / 2;
@@ -129,7 +165,7 @@
     .latest-text {
         text-align: left;
         padding: 0em;
-        background-color: #886488;
+        background-color: #A88AA8; 
     }
     .wordcloud {
         grid-area: 4 / 1 / 5 / 2;
@@ -139,48 +175,32 @@
     }
 
 .recommend {
-    grid-area: 4 / 2 / 5 / 3;
-    background-color: #080410;
+    grid-area: 2 / 1 / 3 / 3; 
     color: #F9B3D7;
     display: grid;
-    grid-template-columns: auto auto auto;
+    grid-template-columns: auto;
     grid-template-rows: auto auto;
     grid-column-gap: 0em;
     grid-row-gap: 0em; 
-    padding: .3em;
+    padding: 1em;
+    width: 80%;
+    margin: auto;
+    overflow: auto;
 } 
 
 .more { 
-    grid-area:   1 / 1 / 2 / 4; 
-    background-color: #486438;
-    border-radius: .3em;
+    grid-area:   1 / 1 / 2 / 2; 
+        background-color: #A88AA8; 
     padding: .3em;
     text-align: center;
     color: #080410;
 }
 
-.rec-box { grid-area: 2 / 1 / 3 / 3; }
+.rec-box { grid-area: 2 / 1 / 3 / 2;
+        background-color: #A88AA8;
+    padding: 1em;  }
 
-.snip { 
-    width: 9.375em; 
-    float: left; 
-    margin: 1.875em;
-    background-color: #95939f;
-    border-radius: .3em;
-    padding: .3em;
-    text-align: center;
-    font-size: 1em;
+.snippet-title {
+        background-color: #A88AA8; 
+  font-weight: bold;
 }
-.snip a {
-    color: #080410;
-}
-.snip a:hover {
-    color: #404664;
-}
-.snip a:visited {
-    color: #080410;
-}
-.snip a:active {
-    color: #404664;
-}
-

src/static/css/fashion.css

@@ -2,32 +2,32 @@
     grid-area: 3 / 1 / 4 / 4; 
     display: grid;
     grid-template-columns: 1fr;
-    grid-template-rows: repeat(6, auto);
+    grid-template-rows: repeat(8, auto);
     grid-column-gap: 0px;
     grid-row-gap: 2em; 
-    color: white
+    color: white;
+    width: 80%;
+    margin: auto;
 }
-    .banner { 
-        grid-area: 1 / 1 / 2 / 2;
+
+
+img { 
+    max-width: 31.25em;
+    display: block;}
+
+.banner { 
         text-align: center;
         margin-top: 2em;
-    }
-        .controls img { width: 10em; }
+    grid-area: 1 / 1 / 2 / 2;
+}
 
-.demo-game iframe {
-    border: 2px solid #df85a5;
-    padding: 10px;
-    display: block;
-    margin: auto;
+.season {
+ grid-area: 2 / 1 / 3 / 2;
 }
-.demo-intro {
-    width: 40%;
-    padding: 10px;
-    margin: auto;
-}
-    .demo { grid-area: 2 / 1 / 3 / 2; }
-    .controls { grid-area: 3 / 1 / 4 / 2; }
-    .system { grid-area: 4 / 1 / 5 / 2; }
-    .story { grid-area: 5 / 1 / 6 / 2; }
-    .characters { grid-area: 6 / 1 / 7 / 2; }
-    .info { grid-area:  7 / 1 / 8 / 2; }
+
+.concept { grid-area: 3 / 1 / 4 / 2; }
+.process { grid-area: 4 / 1 / 5 / 2; }
+.material { grid-area: 5 / 1 / 6 / 2; }
+.construction { grid-area: 6 / 1 / 7 / 2; }
+.garment { grid-area: 7 / 1 / 8 / 2; }
+.designer { grid-area: 8 / 1 / 9 / 2; }