made a secret page with okay css

src/index.py

@@ -132,5 +132,11 @@ def diary(page):
     info = {'css': 'diary', 'title': 'blessfrey - developer diary', 'year': datetime.datetime.now(), 'snippets': list_snippets(sort_files(gather_files())), 'latest': list_headlines(sort_files(gather_files())[0:5]), 'total': len(gather_files()), 'limit': 4, 'cluster': 3, 'page': page}
     return template('diary.tpl', info)
 
+@route('/box')
+def box():
+    """personal page"""
+    info = {'css': 'box', 'title': 'chimchooree\'s personal page', 'year': datetime.datetime.now()}
+    return template('box.tpl', info)
+
 if __name__ == '__main__':
     run()

src/static/css/box.css

@@ -0,0 +1,30 @@
+* {
+    padding:25;
+    margin:25;
+}
+
+a {
+    text-decoration: none;
+}
+a:link {
+    color: red;
+}
+a:visited {
+    color: hotpink;
+}
+a:hover {
+    color: green;
+}
+a:active {
+    color: blue;
+}
+mark {
+    background-color: #900C3F;
+    color: hotpink;
+}
+ul { list-style-position: inside; }
+
+body {
+    background-color: #e5c5d1;
+    color: #900C3F;
+}

src/views/box.tpl

@@ -0,0 +1,18 @@
+% rebase('frame.tpl')
+<!--Content-->
+<br><br>
+    How did you find this page?<br>
+    It's my secret page.<br>
+<br>
+    <h1>Articles</h1>
+    <ul>
+    <li>https://love2dev.com/blog/customize-bulleted-list/ - cute CSS, use custom bullets</li>
+    <li>https://support.google.com/webmasters/answer/96569?hl=en - SEO, sponsored, user, and nofollow link parameters</li>
+    </ul>
+<br>
+    <h1>Web Design</h1>
+    <ul>
+    <li>https://www.otomate.jp/home/game/ - any of their games. so pretty</li>
+    </ul>
+<br>
+    <div class="footer-row"> </div>