embedded itch.io game

src/views/demo.tpl

@@ -1,28 +1,43 @@
 % rebase('frame.tpl')
-% import random
-    <div class="latest-row"></div>
     <div class="content-grid"> 
-        <div class="content-left">
-            <div class="contentlogo"></div>
+        <div class="banner">
+            <img src="/static/img/prom/BlessFREY_logo.png" alt="(link: BLESSFREY" class="logo"><br>
+            jump to <a href="#demo">demo</a> • <a href="#controls">controls</a> • <a href="#system">system</a> • <a href="#story">story</a> • <a href="#characters">characters</a> • <a href="#info">info</a><br>
         </div>
-        <div class="content-right">
-            <div class="weaponmaster"></div>
-            <div class="tamer"></div>
-            <div class="disciple"></div>
-            <div class="streetfighter"></div>
-            <div class="hacker"></div>
-            <div class="chemist"></div>
+
+        <div class="demo" id="demo">
+            <h1>demo</h1>
+            <p>Pass the time waiting for Blessfrey's first demo by playing Legless the Cat!<br></p>
+            <iframe src="https://itch.io/embed-upload/6141043?color=333333" allowfullscreen="" width="1024" height="620" frameborder="0"><a href="https://chimchooree.itch.io/legless-the-cat">Play Legless the Cat on itch.io</a></iframe><br>
+            <p>Poltics Cat lost his legs!! Push him around using WASD to find them. Eat any breakfasts you can find along the way! <br></p>
         </div>
+
+        <div class="controls" id="controls">
+            <h2>controls</h2>
+            <ul>
+                <li>WASD - run up, left, down, right </li>
+                <li>space - move to target. If attackable, attack </li>
+                <li>c - target nearest foe </li>
+                <li>shift + click, shift + c, shift + tab - target without moving </li>
+            </ul>
+        </div>
+
+        <div class="system" id="system">
+            <h2>system</h2>
+            <p> </p>
+        </div>
+
+        <div class="story" id="story">
+            <h2>story</h2>
+        </div>
+
+        <div class="characters" id="characters">
+            <h2>characters</h2>
+        </div>
+
+        <div class="info" id="info">
+            <h2>info</h2>
+        </div>
+
     </div>
-    <div class="latest-grid">
-        <div class="latest centered">.      •        . <b>latest</b> ☆            ..   . <br></div>
-        <br>
-        <ul class="latest">
-        % for n in news:
-            % bullet = random.choice(['.','•','☆','★'])
-            <li class="latest">{{bullet}}&#9;<a href={{n[0]}} rel="nofollow">{{!n[1]}}</a><br></li>
-        % end
-        </ul>
-        <br>
-<div class="latest centered">.            ★            ..             •           .            ☆</div>
-    </div>
+