Get the footer style working and add a demo page to demo it

diff --git a/main.py b/main.py
index 189009c..b87aa3a 100644 (file)
--- a/main.py
+++ b/main.py
@@ -10,7 +10,7 @@ def index():
 @app.route('/p/<name>')
 def page(name):
     for ch in name:
-        if not ch in 'abcdefghijklmnopqrstuvwxyz_':
+        if not ch in 'abcdefghijklmnopqrstuvwxyz_0123456789':
             flask.abort(404)
 
     try:

diff --git a/pages/demo2.md b/pages/demo2.md
new file mode 100644 (file)
index 0000000..6e4b426
--- /dev/null
+++ b/pages/demo2.md
@@ -0,0 +1,19 @@
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in. Convallis posuere morbi leo urna molestie. Sapien et ligula ullamcorper malesuada proin libero nunc consequat interdum. Aliquet eget sit amet tellus cras adipiscing enim. Semper quis lectus nulla at. Non sodales neque sodales ut etiam sit. Elementum tempus egestas sed sed risus pretium. Vestibulum morbi blandit cursus risus. Nulla pellentesque dignissim enim sit amet venenatis urna cursus. Maecenas volutpat blandit aliquam etiam erat velit scelerisque in dictum. Lacus vel facilisis volutpat est velit egestas dui id. Volutpat diam ut venenatis tellus. Consectetur lorem donec massa sapien faucibus et molestie. Molestie a iaculis at erat pellentesque adipiscing.
+
+Faucibus pulvinar elementum integer enim neque volutpat ac tincidunt. In arcu cursus euismod quis viverra nibh cras pulvinar mattis. Enim eu turpis egestas pretium aenean pharetra. Ut lectus arcu bibendum at. Viverra adipiscing at in tellus integer feugiat scelerisque varius. Vestibulum lorem sed risus ultricies tristique. Enim nec dui nunc mattis. Ut lectus arcu bibendum at varius vel. Nullam vehicula ipsum a arcu cursus vitae congue mauris rhoncus. Risus quis varius quam quisque id diam vel quam.
+
+Sagittis vitae et leo duis ut diam. Senectus et netus et malesuada fames ac turpis. Consectetur adipiscing elit ut aliquam purus. Erat imperdiet sed euismod nisi porta lorem mollis aliquam ut. Eu sem integer vitae justo eget magna fermentum iaculis. Tristique senectus et netus et malesuada fames ac turpis egestas. Consectetur purus ut faucibus pulvinar elementum. Bibendum arcu vitae elementum curabitur vitae nunc sed. Ultrices neque ornare aenean euismod elementum nisi quis eleifend. Mi sit amet mauris commodo quis imperdiet massa tincidunt. Erat pellentesque adipiscing commodo elit at imperdiet dui accumsan sit. Interdum posuere lorem ipsum dolor sit. Quam elementum pulvinar etiam non quam lacus. Blandit cursus risus at ultrices mi tempus imperdiet. Et netus et malesuada fames ac turpis egestas integer eget. Sed risus ultricies tristique nulla aliquet. Iaculis at erat pellentesque adipiscing commodo elit at imperdiet dui. Dignissim diam quis enim lobortis scelerisque fermentum. Id semper risus in hendrerit gravida rutrum quisque. Fermentum et sollicitudin ac orci.
+
+Est velit egestas dui id ornare arcu. Arcu bibendum at varius vel pharetra vel turpis. Tellus mauris a diam maecenas sed enim ut sem. Sagittis orci a scelerisque purus semper. Volutpat odio facilisis mauris sit amet massa vitae. Pellentesque sit amet porttitor eget. Dignissim cras tincidunt lobortis feugiat. Felis imperdiet proin fermentum leo vel orci porta. Pharetra vel turpis nunc eget lorem dolor sed. Odio ut enim blandit volutpat maecenas volutpat blandit. Auctor eu augue ut lectus arcu bibendum. Amet nulla facilisi morbi tempus iaculis urna id volutpat. Tellus at urna condimentum mattis pellentesque id nibh tortor.
+
+Molestie nunc non blandit massa enim nec dui nunc. Suscipit adipiscing bibendum est ultricies. Pulvinar mattis nunc sed blandit libero volutpat sed cras. Pellentesque adipiscing commodo elit at imperdiet dui. Fermentum posuere urna nec tincidunt praesent semper feugiat nibh sed. Vulputate ut pharetra sit amet aliquam id. Morbi tristique senectus et netus et malesuada. Amet nulla facilisi morbi tempus iaculis. Pulvinar sapien et ligula ullamcorper malesuada proin libero nunc. Maecenas pharetra convallis posuere morbi leo urna. Mattis ullamcorper velit sed ullamcorper morbi tincidunt ornare. Imperdiet proin fermentum leo vel orci porta. Orci phasellus egestas tellus rutrum tellus pellentesque eu. Id faucibus nisl tincidunt eget nullam non. Augue interdum velit euismod in pellentesque massa placerat. Volutpat lacus laoreet non curabitur gravida arcu. Cras sed felis eget velit aliquet. Massa tempor nec feugiat nisl pretium fusce. Et magnis dis parturient montes nascetur ridiculus mus. Vulputate odio ut enim blandit volutpat maecenas.
+
+Quis eleifend quam adipiscing vitae proin sagittis. Ac tortor vitae purus faucibus ornare. Pulvinar neque laoreet suspendisse interdum consectetur libero id faucibus nisl. Tincidunt dui ut ornare lectus sit amet. Proin sed libero enim sed faucibus turpis in. Lobortis scelerisque fermentum dui faucibus in ornare quam. Viverra accumsan in nisl nisi scelerisque eu ultrices vitae auctor. Sit amet purus gravida quis blandit. Quam elementum pulvinar etiam non quam. Pretium viverra suspendisse potenti nullam ac tortor vitae purus. Varius quam quisque id diam vel quam elementum pulvinar. Morbi tristique senectus et netus et malesuada fames. Eu consequat ac felis donec et odio pellentesque. Elit sed vulputate mi sit amet. Ipsum dolor sit amet consectetur adipiscing.
+
+Id diam maecenas ultricies mi. Vestibulum lorem sed risus ultricies tristique. Tortor vitae purus faucibus ornare suspendisse. Accumsan sit amet nulla facilisi morbi tempus. Nunc faucibus a pellentesque sit amet. Neque egestas congue quisque egestas diam in arcu cursus euismod. Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque eleifend. Sagittis aliquam malesuada bibendum arcu vitae elementum. Ut diam quam nulla porttitor massa id. Purus gravida quis blandit turpis cursus in.
+
+Volutpat est velit egestas dui id ornare arcu odio ut. Varius duis at consectetur lorem donec massa sapien faucibus et. Sollicitudin ac orci phasellus egestas tellus rutrum tellus pellentesque. Posuere lorem ipsum dolor sit amet consectetur adipiscing. Nunc mattis enim ut tellus. Turpis cursus in hac habitasse platea dictumst quisque. Morbi tristique senectus et netus et malesuada fames. Mollis aliquam ut porttitor leo a diam sollicitudin. Elementum curabitur vitae nunc sed velit. Et malesuada fames ac turpis egestas. Cras ornare arcu dui vivamus arcu felis bibendum. Neque aliquam vestibulum morbi blandit cursus risus at ultrices. Orci nulla pellentesque dignissim enim sit amet venenatis. Parturient montes nascetur ridiculus mus mauris. Proin sed libero enim sed faucibus. Quam adipiscing vitae proin sagittis.
+
+Quisque sagittis purus sit amet volutpat. Aliquam ultrices sagittis orci a scelerisque. Scelerisque viverra mauris in aliquam sem fringilla ut. Dignissim sodales ut eu sem integer vitae justo eget. Urna nunc id cursus metus aliquam eleifend mi. Velit euismod in pellentesque massa placerat duis ultricies lacus sed. Turpis egestas sed tempus urna et pharetra pharetra. Cursus eget nunc scelerisque viverra mauris in aliquam. Nibh praesent tristique magna sit amet. Gravida cum sociis natoque penatibus et magnis dis parturient. Adipiscing vitae proin sagittis nisl rhoncus mattis. Nulla malesuada pellentesque elit eget gravida cum sociis natoque. Ultrices sagittis orci a scelerisque purus.
+
+Lacus sed viverra tellus in hac habitasse. Gravida cum sociis natoque penatibus et magnis. Ultrices eros in cursus turpis massa. Purus viverra accumsan in nisl nisi. Tellus at urna condimentum mattis pellentesque id nibh. Eget egestas purus viverra accumsan in. Sollicitudin ac orci phasellus egestas tellus rutrum. Pellentesque id nibh tortor id aliquet lectus. Sit amet commodo nulla facilisi. Dictum sit amet justo donec enim diam. Aliquet sagittis id consectetur purus ut faucibus pulvinar elementum. Amet nisl suscipit adipiscing bibendum est ultricies.

diff --git a/templates/page.html b/templates/page.html
index c028b5b..fbf07ca 100644 (file)
--- a/templates/page.html
+++ b/templates/page.html
@@ -16,6 +16,7 @@
       html {
         font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
         font-size: 18px;
+        min-height: 100%;
       }
 
       h1, h2, h3, h4, h5 {
@@ -23,6 +24,9 @@
       }
 
       body {
+        min-height: 100%;
+        position: absolute;
+
         width: 100%;
         margin: 0;
         padding: 0;
@@ -51,6 +55,7 @@
       body > main {
         max-width: 40rem;
         width: calc(100% - 2rem);
+        margin-bottom: 1rem;
       }
 
       body > main > section.content > blockquote,
@@ -69,7 +74,7 @@
       }
 
       body > footer {
-        margin-top: 1rem;
+        margin-top: auto;
         border-top: 1px solid black;
 
         width: 100%;