fashion page writeup

src/index.py

@@ -67,6 +67,13 @@ def demo():
     info = {'css': 'demo', 'title': 'blessfrey demo', 'year': find_year()}
     return template('demo.tpl', info)
 
+# Fashion Page
+@route('/fashion')
+def fashion():
+    """fashion"""
+    info = {'css': 'fashion', 'title': 'blessfrey fashion', 'year': find_year()}
+    return template('fashion.tpl', info)
+
 # Home Page - Index Template
 @route('/')
 def home():

src/static/css/all.css

@@ -100,7 +100,7 @@ li {
         grid-row-gap: 0px; 
         flex-direction: column;
     }
-    .nav-lemonland { grid-area: 1 / 4 / 2 / 5;
+    .nav-diary { grid-area: 1 / 4 / 2 / 5;
         display: grid;
         grid-template-columns: 100%;
         grid-template-rows: 80% 20%;
@@ -108,7 +108,7 @@ li {
         grid-row-gap: 0px; 
         flex-direction: column;
     }
-    .nav-diary { grid-area: 1 / 5 / 2 / 6;
+    .nav-fashion { grid-area: 1 / 5 / 2 / 6;
         display: grid;
         grid-template-columns: 100%;
         grid-template-rows: 80% 20%;

src/static/css/fashion.css

@@ -0,0 +1,33 @@
+.content-grid { 
+    grid-area: 3 / 1 / 4 / 4; 
+    display: grid;
+    grid-template-columns: 1fr;
+    grid-template-rows: repeat(6, auto);
+    grid-column-gap: 0px;
+    grid-row-gap: 2em; 
+    color: white
+}
+    .banner { 
+        grid-area: 1 / 1 / 2 / 2;
+        text-align: center;
+        margin-top: 2em;
+    }
+        .controls img { width: 10em; }
+
+.demo-game iframe {
+    border: 2px solid #df85a5;
+    padding: 10px;
+    display: block;
+    margin: auto;
+}
+.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; }

src/views/fashion.tpl

@@ -0,0 +1,56 @@
+% rebase('frame.tpl')
+    <div class="content-grid"> 
+        <div class="banner">
+            <h1>blessfrey fashion </h1>
+        </div>
+
+        <div class="season" id="season">
+            <h2>church girls + animal parade</h2>
+            <i>a collection in two parts</i> <br>
+            <br>
+            <p><b>Church girls</b> comes from my personal apparel history. Growing up, most of my clothes were the older girls from church's castaways. I retained a majority hand-me-down wardrobe through my post-graduation internship. I never felt embarrassed about it. Actually, I enjoyed looking unique, wearing nothing you could buy in a store. One lady told me I looked like I was from a different era. (Insult maybe, but I loved that.) Other hand-me-downs became so old they were once again on the cusp of a trend. <br></p>
+            <br>
+            <p>Many of my hand-me-downs were banished to the back of the closet as I got to buy my own clothes and participate in street fashion for the first time on a college campus. My outfits got very dainty with sheer and uncomfortable fabrics, complex layering, and a general lack of practicality. The pandemic knocked that out of me quickly, and I retreated back into my old, floppy, cotton hand-me-downs and stolen t-shirts from my husband. This time with the clothes, I was older and more aware of things. They became a symbol of neglect and pity. None of them were chosen by me or my parents, and many were from people I barely knew. I was well-dressed for the depressive, disassociative state of the world. <br></p>
+            <br>
+            <p>When the town began to open back up, I had a reason to dress up again but saw nothing both exciting and comfortable. Most of the clothes I made had been given away or broken down into scraps. I hadn't sewn for myself in ages anyway. My last set of hand-me-downs were starting to deteriorate beyond repair. Left with some chiffon blouses and rayon skirts, it was finally time to sew and dress for me again. <br></p>
+            <br>
+            <p>Church girls's theme is finding appreciation again for the anachronistic, cultural melting pot of my old hand-me-down wardrobe. There are clothes from the 00s, 90s, and proper vintage eras; from American families but also Mexican and Panaman families; and from mass retail, luxury, and home seamstresses. Also, they aren't just stuff that looked good in a store - they are care items that were set aside for me by people in my community. <br></p>
+            <br>
+            For the capsule collection, I immortalized my favorite old clothes as reverse-engineered patterns. With the original garments, I am creating clothes that are finally <i>me</i> but flavoring them with discordant sources of inspiration and sentimentality. I take each design's name from scattered memories. <br></p>
+            <br>
+            <hr>
+            <img src="/static/img/fash/hikari.png" alt="(link: home)">
+            <div class="caption">(Hikari from Harvest Moon: Animal Parade, snapped from a <a href="https://www.youtube.com/watch?v=bNi5A047aoo&list=PLqNTe2pSF5Fr3JdFjksSbq0p4KtbcL9Fz">NaVi（ナビ） YouTube video</a>)</div>
+            <p>I wasn't prepared to unlock a 00s fashion time capsule when I found a copy of <b>Animal Parade</b>. It's not like Hikari epitomizes the era and I never liked that style back then, but her cami layered over a basic tee and bulky cargo pockets has a hold over me. It's a mix of fresh and nostalgic. It brought to mind some of the silly and hyper-girly outfits Hillary Duff wore. She wore layers and comfy cottons all the time, too. Maybe people would cringe at her old outfits, but they were undeniably fun. <br></p>
+            <br>
+            <p>Pre-AP, I wore camis and biker shorts for modesty under fussy chiffons. My foundation was decidedly neutral. There's something expressive and carefree about wearing these purely functional elements on top and in cute colors. Even these 'boring' garments can be special. It was a line I needed to be led across in my life. This speaks to me in several different directions. Rejoice always. It's okay to be playful. Whatever you do, work heartily, as for the Lord. Even drudgery is an area for personal growth and exploration. I was sad for a long time, but seamstress's block has finally lifted.<br></p>
+            <br>
+            <p>The animal parade capsule collection is what Hikari is to me: individualism in each layer, joy in adding details, and amiable natural fibers. I name each design after significant animals in my life. <br></p>
+            <hr>
+            <p>The two themes belong together. Meditating over the introspective and the expressive, hiding away and being open, the old and the new. They come bundled with transformational passages of Scripture. <br></p>
+            <br>
+<div class="verse">I will extol you, O Lord, for you have drawn me up
+    and have not let my foes rejoice over me.
+O Lord my God, I cried to you for help,
+    and you have healed me.
+O Lord, you have brought up my soul from Sheol;
+    you restored me to life from among those who go down to the pit.
+Sing praises to the Lord, O you his saints,
+    and give thanks to his holy name.
+For his anger is but for a moment,
+    and his favor is for a lifetime.
+Weeping may tarry for the night,
+    but joy comes with the morning. <br></div>
+            <i>(Psalm 30:1-5)</i> <br>
+            <br>
+<div class="verse">My beloved speaks and says to me: "Arise, my love, my beautiful one, and come away, for behold, the winter is past; the rain is over and gone. The flowers appear on the earth, the time of singing has come, and the voice of the turtledove is heard in our land. <br></div>
+            <i>(Song of Solomon 2:10-12)</i> <br>
+        </div>
+
+        <div class="gallery" id="gallery">
+        </div>
+
+        <div class="blog" id="blog">
+        </div>
+    </div>
+

src/views/nav.tpl

@@ -16,13 +16,6 @@
             </a>
         </div>
 
-        <div class="nav-lemonland">
-            <a href="/lemonland">
-            <div class="navbutton"><img src="/static/img/nav/lemonland.png" alt="(link: lemonland demo)"></div>
-            <div class="navlink">petsite</div>
-            </a>
-        </div>
-
         <div class="nav-diary">
             <a href="/diary">
             <div class="navbutton"><img src="/static/img/nav/diary.png" alt="(link: diary)"></div>
@@ -30,6 +23,13 @@
             </a>
         </div>
 
+        <div class="nav-fashion">
+            <a href="/fashion">
+            <div class="navbutton"><img src="/static/img/nav/fashion.png" alt="(link: fashion blog)"></div>
+            <div class="navlink">fashion</div>
+            </a>
+        </div>
+
         <div class="nav-about">
             <a href="/me">
             <div class="navbutton"><img src="/static/img/nav/about.png" alt="(link: about me)"></div>