character pages
This commit is contained in:
@@ -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
@@ -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
@@ -8,8 +8,7 @@
|
||||
<body>
|
||||
|
||||
<div class="grid">
|
||||
|
||||
% include('logo-bar.tpl')
|
||||
<div class="top-row"> </div>
|
||||
|
||||
% include('nav.tpl')
|
||||
|
||||
|
||||
+14
-7
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user