Converted app into a package

flask_website/static/mailinglist.js

@@ -0,0 +1,34 @@
+$(function() {
+  var first_mail = $('div.mail:first')[0].id;
+
+  function display(id) {
+    var pos = {
+      x: window.pageXOffset || document.body.scrollLeft,
+      y: window.pageYOffset || document.body.scrollTop
+    };
+    $('ul.mailtree div.link').removeClass('selected');
+    $('#link-' + id).addClass('selected').focus();
+    $('div.mail').hide();
+    $('h2:first').text($('h3', $('#' + id).show()).text());
+    if (!(document.location.hash == '' && id == first_mail))
+      document.location.href = '#' + id;
+    window.scrollTo(pos.x, pos.y);
+  }
+
+  $('div.mail')
+    .addClass('dynamic-mail')
+    .appendTo($('<div></div>').insertBefore('div.mail:first'))
+    .hide();
+  $('div.mail h3').hide();
+
+  $('div.link').each(function() {
+    var id = $('a', $(this).parent()).attr('href').substr(1);
+    $(this).click(function() {
+      display(id);
+      return false;
+    });
+  }).css({cursor: 'pointer'});
+
+  var href = document.location.href.split(/#/, 2)[1];
+  display(href != null ? href : first_mail);
+});

flask_website/static/style.css

@@ -0,0 +1,47 @@
+body       { font-family: 'Georgia', serif; font-size: 17px; color: #000; }
+a          { color: #004B6B; }
+a:hover    { color: #6D4100; }
+.box       { width: 540px; margin: 40px auto; }
+h1, h2, h3 { font-family: 'Garamond', 'Georgia', serif; font-weight: normal; }
+h2         { font-size: 28px; margin: 15px 0 5px 0; }
+h3         { font-size: 22px; margin: 15px 0 5px 0; }
+code,
+pre        { font-family: 'Consolas', 'Menlo', 'Deja Vu Sans Mono', 'Bitstream Vera Sans Mono',
+           monospace; font-size: 15px; background: #eee; }
+pre        { padding: 7px 30px; margin: 15px -30px; line-height: 1.3; }
+.ig        { color: #888; }
+p          { line-height: 1.4; }
+ul         { margin: 15px 0 15px 0; padding: 0; list-style: none; line-height: 1.4; }
+ul li:before { content: "\00BB \0020"; color: #888; position: absolute; margin-left: -19px; }
+blockquote { margin: 0; font-style: italic; color: #444; }
+.footer    { font-size: 13px; color: #888; text-align: right; margin-top: 25px; }
+.nav       { text-align: center; }
+.nav a     { font-style: italic; }
+.backnav   { float: right; color: #444; font-style: italic;
+             margin: 5px 0 0 0; font-size: 0.9em; }
+
+/* mailinglist */
+.pagination         { text-align: center; font-size: 15px; margin: 20px 0 0 0; }
+.disabled           { color: #888; }
+.archive .meta      { font-size: 0.9em; display: block; margin: 0 0 0.5em 1em; }
+.mailtree           { border-top: 1px solid black; padding: 5px 12px 5px 12px;
+                      border-bottom: 1px solid black; font-size: 14px;
+                      max-height: 100px; overflow: auto; }
+.mailtree ul        { margin: 0 0 0 15px; line-height: 1.5; }
+.mailtree li:before { display: none; }
+.mailtree .selected { background: #fafafa; }
+.mailtree .selected:before { content: "\00BB\0020"; color: #888;
+                             position: relative; margin-left: -12px;
+                             width: 12px!important; }
+.mail               { margin: 15px 0; }
+.children .mail     { margin: 15px 0 15px 20px; }
+.dynamic-mail       { margin-left: 0!important; }
+.mail dl            { margin: 0; padding-bottom: 15px;
+                      border-bottom: 1px solid black; }
+.mail dl dt         { color: #888; width: 70px; float: left; height: 20px; }
+.mail dl dd         { height: 20px; width: 500px; }
+.mail dl dd.from    { text-decoration: underline; }
+.mail pre           { background: transparent; font-size: 13px;
+                      line-height: 1.15; }
+.mail .quote        { color: #004B6B; }
+.mail .sig          { color: #888; }