Replacing textual page title/heading with fancy image title.

static/css/style.css

@@ -21,6 +21,10 @@ ol li {
   margin-top: 0.5em;
 }
 
+img {
+  border: 0;
+}
+
 #everything_area {
   margin: 0 auto;
   text-align: center;
@@ -229,11 +233,16 @@ ol li {
 
 #title_area {
   text-align: left;
-  padding-top: 1em;
-  margin-top: 0em;
+  padding-top: 0.5em;
+  margin-top: 0.5em;
   margin-bottom: 1em;
 }
 
+#top_area {
+  margin-left: 0.25em;
+  margin-right: 0.25em;
+}
+
 #search_and_user_area {
   float: right;
   margin-top: 0.5em;

static/images/images.txt

@@ -19,3 +19,6 @@ http://ajaxian.com/archives/googles-rounded-corner-generator
 For instance:
 
 http://groups-beta.google.com/groups/roundedcorners?c=b0d0ff&bc=fafafa&w=6&h=6&a=tl
+
+The title image is in a 50 pt Qlassik medium font, with a 25 pt sub-heading
+and a manually modified "k" character.

view/Main_page.py

@@ -1,6 +1,6 @@
 from cgi import escape
 from Page import Page
-from Tags import Input, Div, Span, H2, H4, A, Br, Strong, Script
+from Tags import Input, Div, Span, H2, H4, A, Br, Strong, Script, Img
 from Search_form import Search_form
 from User_area import User_area
 from Link_area import Link_area
@@ -119,8 +119,7 @@ class Main_page( Page ):
               id = u"search_and_user_area",
             ),
             Div(
-              H2( A( u"Luminotes", href = "/" ), class_ = "page_title" ),
-              H4( A( u"personal wiki notebook", href = "/" ), class_ = u"page_title" ),
+              A( Img( src = "/static/images/luminotes_title.png" ), href = "/", title = "Luminotes personal wiki notebook" ),
               id = u"title_area",
             ),
             id = u"top_area",