character pages

This commit is contained in:
chimchooree
2022-08-25 23:52:10 -05:00
parent e4f8ffe2ff
commit c84df8a817
114 changed files with 330 additions and 134 deletions
+33
View File
@@ -0,0 +1,33 @@
% rebase('frame.tpl')
<div class="content-grid">
<div class="art">
<h2>art gallery</h2>
<p>You will mostly find pixelart, digital painting, and mixed media here. <br><br></p>
<div class="ocs-nav">
<h3>pixelart </h3>
% for c in pixelart:
<img src="/static/img/art/{{c}}" alt="(image: {{c}})" class="ocs-btn">
% end
</div>
<div class="ocs-nav">
<h3>digital painting </h3>
% for c in digital:
<a href="/art/{{c}}">
<img src="/static/img/art/{{c}}" alt="(link: {{c}})" class="ocs-btn">
</a>
% end
</div>
<div class="ocs-nav">
<h3>fanart </h3>
% for c in fanart:
<a href="/art/{{c}}">
<img src="/static/img/art/{{c}}/{{c}}avi.png" alt="(link: {{c}})" class="ocs-btn">
</a>
% end
</div>
</div>
</div>
+42 -12
View File
@@ -1,22 +1,52 @@
% rebase('frame.tpl')
% import random
<div class="content-grid">
<h1><a href="/characters">characters</a> > {{gallery[1]}} > {{gallery[0]}}</h1>
<div class="gallery">
<div class="title">
<h1>characters </h1>
</div>
<div class="ocs-nav">
% for o in ocs:
<a href="/char/{{o}}">
<img src="/static/img/char/{{o}}/nav.png" alt="(link: {{o}})">
</a>
% end
</div>
<div class="profile">
<div class="name">
<h2>{{!name}} </h2>
</div>
<div class="label">
{{!profile[0]}}
</div>
<div class="basics">
<h2>basics </h2>
{{!profile[1]}}
</div>
<div class="story">
<h2>story </h2>
{{!profile[2]}}
</div>
<div class="desc">
<h2>description </h2>
{{!profile[3]}}
</div>
</div>
<div class="portrait">
<div style="background-image: url(/static/img/char/{{name}}/portrait.png); height: 100%; background-repeat: no-repeat; background-position: bottom left;"></div>
</div>
<div class="gallery-div"><h2>gallery </h2><div class="gallery">
% if len(gallery) >=2:
% for g in gallery[2]:
% print(g)
% i = g[0].index('.')
% thumb = g[0][:i] + 'thumb' + g[0][i:]
<a target="_blank" href="/static/img/char/{{gallery[0]}}/{{g[0]}}">
<img src="/static/img/char/{{gallery[0]}}/{{thumb}}" alt="Image: {{g[1]}}">
</a>
<div class="galitem">
<a target="_blank" href="/static/img/char/{{gallery[0]}}/{{g[0]}}">
<img src="/static/img/char/{{gallery[0]}}/{{thumb}}" alt="Image: {{g[1]}}">
<div class="subtitle">{{g[1]}}</div>
</a>
</div>
% end
% end
</div>
<div class="center">
{{!profile}}
<br>
<a href="/characters">return to characters</a>
</div>
</div></div>
</div>
+1 -2
View File
@@ -8,8 +8,7 @@
<body>
<div class="grid">
% include('logo-bar.tpl')
<div class="top-row"> </div>
% include('nav.tpl')
+14 -7
View File
@@ -16,13 +16,6 @@
</a>
</div>
<div class="nav-diary">
<a href="/diary">
<div class="navbutton"><img src="/static/img/nav/diary.png" alt="(link: diary)"></div>
<div class="navlink">diary</div>
</a>
</div>
<div class="nav-fashion">
<a href="/fashion">
<div class="navbutton"><img src="/static/img/nav/fashion.png" alt="(link: fashion blog)"></div>
@@ -30,6 +23,20 @@
</a>
</div>
<!--<div class="nav-art">
<a href="/art">
<div class="navbutton"><img src="/static/img/nav/art.png" alt="(link: art gallery)"></div>
<div class="navlink">art</div>
</a>
</div>-->
<div class="nav-diary">
<a href="/diary">
<div class="navbutton"><img src="/static/img/nav/diary.png" alt="(link: diary)"></div>
<div class="navlink">diary</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>