oc grid

src/index.py

@@ -65,7 +65,7 @@ def home():
 @route('/me')
 def me():
     """me"""
-    info = {'css': 'me', 'title': 'about me', 'year': find_year()}
+    info = {'css': 'me', 'title': 'about me', 'year': find_year(), 'chars': ["Abbey", "Bless", "Rune", "Silke", "Tessa", "WISE"]}
     return template('me.tpl', info)
 
 

src/static/css/index.css

@@ -4,6 +4,8 @@
     font-family: trebuchet ms; arial; calibri; gill sans; helvetica neue; candara; geneva; verdana; sans-serif;
     background-color: black;
 }
+html, body {padding:0; margin:0; height:100%;}
+footer{position: absolute; bottom: 0; left: 0; right: 0;}
 
 a {
     text-decoration: none;
@@ -110,6 +112,7 @@ a {
     .navlink {
         font-size: 110%;
         font-weight: bold;
+        color: #E6E8EF;
     }
     .navlink a:link {
         color: #E6E8EF;

src/static/css/me.css

@@ -4,6 +4,15 @@
     font-family: trebuchet ms; arial; calibri; gill sans; helvetica neue; candara; geneva; verdana; sans-serif;
     background-color: black;
 }
+/*html, body {padding:0; margin:0; height:100%;}*/
+.footer{
+    position: relative; bottom: 0px; left: 0px; right: 0px;
+    color: white;
+    padding-top: 5px;
+    text-align: right;
+    overflow: hidden;
+    box-shadow: 0 100vh 0 100vh black;  
+}
 
 a {
     text-decoration: none;
@@ -110,6 +119,7 @@ a {
     .navlink {
         font-size: 110%;
         font-weight: bold;
+        color: #E6E8EF;
     }
     .navlink a:link {
         color: #E6E8EF;
@@ -144,13 +154,13 @@ a {
         grid-area: 1 / 2 / 2 / 3;
         display: grid;
         grid-template-columns: repeat(2, 1fr);
-        grid-template-rows: 1fr 2fr repeat(2, 1fr);
+        grid-template-rows: auto auto auto auto;
         grid-column-gap: 0px;
         grid-row-gap: 0px; 
         margin-right: 25%;
     }
         .intro, .rpg, .petsite, .projects, .ocs {
-            background-color: #815f81;
+            background-color: #C0AAC0;
             padding: 5%;
             text-align: justify;
         }
@@ -158,29 +168,35 @@ a {
         .rpg { grid-area: 2 / 1 / 3 / 2;}
         .petsite { grid-area: 2 / 2 / 3 / 3;}
         .projects { grid-area: 3 / 1 / 4 / 3;}
-        .ocs { grid-area: 4 / 1 / 5 / 3;} 
+        .ocs { grid-area: 4 / 1 / 5 / 3; text-align:left;} 
+            .ocs-nav {
+                display: grid;
+                grid-template-columns: repeat(auto-fit, minmax(10em, 1fr));
+            }
+            .ocs img {
+                width: 10em;
+                border-radius: 5%;
+            }
+            .ocs-btn {
+            }
 
-    .content-right h1, h2, ul, li, b, i, p {
+    .content-right h1, h2, ul, li, b, i, p, img, a {
-        background-color: #815f81; 
+        background-color: #C0AAC0; 
     }
     p {
         text-indent: 2em;
     }
     .content-right a:link {
-        color: black;
+        color: #305285;
-        background-color: #815f81; 
     }
     .content-right a:visited {
-        color: black;
+        color: #305285;
-        background-color: #815f81; 
     }
     .content-right a:hover {
-        color: #F9B3D7;
+        color: #9092ca;
-        background-color: #815f81; 
     }
     .content-right a:active {
-        color: #f463ad;
+        color: #9092ca;
-        background-color: #815f81; 
     }
     .content-right ul {
         list-style-type: none;
@@ -189,10 +205,10 @@ a {
         padding-left: 5%;
     }
 
-.footer-content {
+/*.footer-content {
     color: white;
     padding-top: 5px;
     text-align: right;
     overflow: hidden;
     box-shadow: 0 100vh 0 100vh black;  
-}
+}*/

src/views/me.tpl

@@ -9,22 +9,24 @@
                 <i>weeping may tarry for the night,
                     but joy comes with the morning.</i><br>
                 <br>
-                <p><b>hello</b>, you can call me chimchooree. <br></p>
+                <p><b>hello</b>, call me chimchooree. <br></p>
                 <br>
                 <p>I'm a developer from the USA and like to show off my projects here. I dabble in Python, Java, Angular, Godot Engine, and HTML5+CSS, but I sew clothes, make pixelart, and write, too. <br></p>
                 <br>
-                <p>I don't have contact info atm...unless you have a <a href="https://flightrising.com/main.php?p=lair&tab=userpage&id=525948">FlightRising (Aristene#525948)</a> or <a href="https://www.wolvden.com/profile/64287">Wolvden (Urban#64287)</a> account. lol I read every message send through there. Also, if you have <a href="https://artfight.net/~abbey">ArtFight (abbey)</a>, attack me!! <br></p>
+                <p>The only contact I'll put here for now is my discord CustomsOfficer#3449. Unless you have a <a href="https://flightrising.com/main.php?p=lair&tab=userpage&id=525948">FlightRising (Aristene#525948)</a> or <a href="https://www.wolvden.com/profile/64287">Wolvden (Urban#64287)</a> account. I read every message send through there. Also, if you have <a href="https://artfight.net/~abbey">ArtFight (abbey)</a>, attack me!! <br></p>
             </div>
                 
             <div class="rpg">
                 <h2>blessfrey is...</h2>
-                <p>a Godot Engine action rpg inspired by Guild Wars 1's class and skill systems, which were in turn inspired by Magic: The Gathering. You will amass a large library of skills through exploration and practice, but you may only take 8 with you during combat mission. You will also befriend AI companions and manage their skillbars. Find synergies and team strategies to overcome each challenge. Enemies will be using personalized skillbars of their own, so the same skillbar won't work everywhere! No decision is permanent, so experiment to your heart's content. <br></p>
+                <p>a Godot Engine action rpg inspired by Guild Wars 1's class and skill systems, which were in turn inspired by Magic: The Gathering. You will amass a large library of skills through exploration and practice, but you may only take 8 with you into combat. You will also befriend AI companions and manage the skillbars of your team. Find synergies and team strategies to overcome each challenge. Enemies will be using personalized skillbars of their own, so the same skillbar won't work everywhere! No decision is permanent, so experiment to your heart's content. <br></p>
                 <br>
                 <p>Okay, I lied. Blessfrey also has a dual job system. The job you pick at character creation is permanent, but you can take a second as a side gig. Change your side gig frequently to find the best combinations! <br></p>
                 <br>
                 <p>Blessfrey is a dungeoncrawler, so you will find some shops and quests in the hub town, but the local dungeon is deep and full of mysteries to uncover. <br></p>
                 <br>
                 <p>I'll put an HTML5 demo up here soon-ish. Keep checking! Learn more on the <a href="/demo">Blessfrey page</a>. <br></p>
+                <br>
+                <p><a href="/blessfrey-presskit">Presskit is available here.</a> <br></p>
             </div>
 
             <div class="petsite">
@@ -33,20 +35,29 @@
                 <br>
                 <p>When you join Lemonland, you'll take some immigration quizzes and utilize government housing assistance for decorating, showing off your pets, and storing your collections. Around the island, there's some islanders to chat up, shops to barter with, games to play, and scenarios to encounter, so click around! <br></p>
                 <br>
-                <p>Lemonland is a utopian Pacific archipelago where everything is provided for free by the wealthy plutocratic Duke Poppyseed and his wife Lemongrass. What isn't advertised overseas is the curse that afflicts every migrant differently. It can affect small things like your ability to haggle or worse things like make you more prone to monster encounters in the wilds. It also grants strange transmutational powers, allowing you to distill items into essence and craft new items like in Doodle God or My Little Inferno. Recipes seem to turn out differently depending on what kind of person you are, though, so trade around to see what all is out there! <br></p>
+                <p>Lemonland is a utopian Pacific archipelago where everything is provided for free by the wealthy plutocratic Duke Poppyseed and his wife Lemongrass. What isn't advertised overseas is the curse that afflicts every migrant differently. The island also grants strange transmutational powers, allowing you to distill items into essence and craft new items like in Doodle God or My Little Inferno. <br></p>
                 <br>
                 <p>I'm making this game to learn more about Javascript, but I'm still in the very very very early stages. Read about my progress in my <a href="/diary">diary</a>! <br></p>
             </div>
 
             <div class="projects">
                 <h2>other projects</h2>
-                <p>The most obvious is <b>blessfrey.me</b>, this website. My portfolio is coded in <a href="https://bottlepy.org/docs/dev/">Bottle: Python</a>, <a href="https://bottlepy.org/docs/dev/stpl.html">SimpleTemplate</a>, and HTML+CSS because my needs are simple - embed images, videos, and games; display styled text; and execute some simple dynamic scripts. In addition to bulk, frameworks can't avoid having security flaws. Also, the more Python I can write, the better - it's just fun to write. <br></p>
+                <p>The most obvious is <b>blessfrey.me</b>, my portfolio and blog website. It is coded in <a href="https://bottlepy.org/docs/dev/">Bottle: Python</a>, <a href="https://bottlepy.org/docs/dev/stpl.html">SimpleTemplate</a>, and HTML+CSS. Bottle advertises itself as a micro framework, so I can use Bottle to create dynamic webpages without introducing potential bulk, security flaws, or user private data collection. I'm the only person managing this website and my needs are simple, so Bottle works well for me. Also, I get to use Python (yay) instead of PHP (eugh), the language I first built the site in. <br></p>
                 <br>
                 <p>Cat Store - Java, text-based cat breeding and cat show game<br></p>
                 <br>
                 <p><a href="https://gitlab.com/chimchooree">Gitlab (chimchooree)</a> - Code snippets, coding class assignments, and other random stuff on here. If it looks inactive, most of my projects are private...I'm shy! <br></p>
             </div>
 
-            <div class="ocs"></div>
+            <div class="ocs">
+                <h2>characters</h2>
+                <div class="ocs-nav">
+                % for c in chars:
+                    <a href="/char/{{c}}">
+                        <img src="/static/img/char/{{c}}/{{c}}avi.png" alt="(link: {{c}})" class="ocs-btn">
+                    </a>
+                % end
+                </div>
+            </div>
         </div>
     </div>