grid push

src/index.py

@@ -2,10 +2,10 @@ import datetime, os, re
 from bottle import error, response, route, run, static_file, template, TEMPLATE_PATH
 
 def find_gallery(name):
+    gal = [name]
     if name == "Aristen":
-        return ["Aristen", [["menu.jpg","Aristen's fancy set with bright colors and an obi belt"], ["scarf.jpg", "Newbie Aristen with her orange scarf"], ["marine.jpg","Aristen in the Epheria Marine Classic Set, a goofy marine pinup costume."]]]
-    else: 
-        return []
+        gal.append([["menu.jpg","Aristen's fancy set with bright colors and an obi belt"], ["scarf.jpg", "Newbie Aristen with her orange scarf"], ["marine.jpg","Aristen in the Epheria Marine Classic Set, a goofy marine pinup costume."]])
+    return gal
 
 
 def prepare_profile(loc, char_name):
@@ -79,7 +79,7 @@ def home():
 def me():
     """me"""
     #"Abbey", "Aloin", "Amarr", "Angel", "Aries", "Aristen", "Bijoux", "Bell", "Bless", "Calder", "Cass", "Chandrakant", "Chloe", "Customs", "Dagmar", "Dia", "Eden", "Fifi", "Flambebe", "Freya", "Funwa", "Futura", "Havelock", "Heath", "Heather", "Helia", "Intern", "Juno", "Katherine", "Laguna", "Lise", "Lune", "Moonstone", "Nephele", "Night", "Nymph", "Rune", "Silke", "Tessa", "Una", "Winter", "WISE", "Abbey", "Aloin", "Aristen", "Bell", "Bijoux", "Bless", "Calder", "Cass", "Eponnin", "Faber", "Fifi", "Freya", "Gundrune", "Heather", "Helia", "Leslie", "Lune", "Night", "Rodolphe", "Rune", "Ryada", "Silke", "Tessa", "Tilly", "WISE"
-    info = {'css': 'me', 'title': 'about me', 'year': find_year(), 'chars': ["Aristen"]}
+    info = {'css': 'me', 'title': 'about me', 'year': find_year(), 'chars': ["Helia", "Rune", "Tessa", "WISE", "Silke", "Calder", "Aloin", "Fifi", "Lune", "Aristen"]}
     return template('me.tpl', info)
 
 

src/static/css/char.css

@@ -1,15 +1,18 @@
 .content-grid { 
-    margin: auto;
+    width: 1fr;
     color: white;
+    margin: auto;
 }
 
 .gallery {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+    grid-template-columns: repeat(auto-fit, 200px);
     grid-column-gap: 0px;
     grid-row-gap: 0px;
-    margin: auto;
+    border: 2px solid #C0AAC0;
 }
 
 .gallery img {
-    height: 200px;}
+    height: 200px;
+    border-radius: 5%;
+}

src/static/css/me.css

@@ -35,15 +35,14 @@
         .ocs { grid-area: 4 / 1 / 5 / 3; text-align:left;} 
             .ocs-nav {
                 display: grid;
-                grid-template-columns: repeat(auto-fit, minmax(10em, 1fr));
+                grid-template-columns: repeat(auto-fit, 150px);
                 background-color: #C0AAC0;
             }
             .ocs-btn {
                 background-color: #C0AAC0;
             }
             .ocs img {
-                width: 10em;
-                border-radius: 5%;
+                width: 150px;
             }
 
     .content-right h1, h2, ul, li, b, i, p, img, a {

src/views/char.tpl

@@ -1,7 +1,10 @@
 % rebase('frame.tpl')
 % import random
 <div class="content-grid">
+
+    <h1>{{gallery[0]}}</h1>
     <div class="gallery">
+        % if len(gallery) >=2:
         % for g in gallery[1]:
         % i = g[0].index('.')
         % thumb = g[0][:i] + 'thumb' + g[0][i:]
@@ -9,6 +12,7 @@
             <img src="/static/img/char/{{gallery[0]}}/{{thumb}}" alt="Image: {{g[1]}}">
         </a>
         % end
+        % end
     </div>
     <div class="center">
         {{!profile}}