diff --git a/static/css/style.css b/static/css/style.css
index ae637f8..b243787 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -12,6 +12,22 @@ a:hover {
color: #ff6600;
}
+noscript {
+ text-align: left;
+}
+
+noscript h3 {
+ margin-bottom: 0.5em;
+}
+
+ul li {
+ margin-top: 0.5em;
+}
+
+ol li {
+ margin-top: 0.5em;
+}
+
#center_and_toolbar_area {
margin: 0 auto;
text-align: center;
diff --git a/static/html/no javascript.html b/static/html/no javascript.html
new file mode 100644
index 0000000..20e29f4
--- /dev/null
+++ b/static/html/no javascript.html
@@ -0,0 +1,4 @@
+
Luminotes requires Javascript
+
+So if you'd like to check out this site any further, please enable Javascript
+in your web browser, and then reload this page. Sorry for the inconvenience.
diff --git a/view/Main_page.py b/view/Main_page.py
index 7989e56..98bad1e 100644
--- a/view/Main_page.py
+++ b/view/Main_page.py
@@ -47,11 +47,9 @@ class Main_page( Page ):
id = u"notes",
),
Noscript(
- u"""
- Luminotes is a personal wiki notebook for organizing your notes and ideas. It also
- happens to require Javascript. So if you'd like to check out this site, please enable
- Javascript in your web browser. Sorry for the inconvenience.
- """,
+ Div( file( u"static/html/about.html" ).read() ),
+ Div( file( u"static/html/features.html" ).read().replace( u"href=", u"disabled=" ) ),
+ Div( file( u"static/html/no javascript.html" ).read() ),
),
id = u"center_area",
),
diff --git a/view/Page.py b/view/Page.py
index adfaf3f..701dccf 100644
--- a/view/Page.py
+++ b/view/Page.py
@@ -5,6 +5,7 @@ class Page( Html ):
def __init__( self, title, *children, **attrs ):
head_types = ( Link, Script, Meta ) # node types to move to the Head section
app_name = u"Luminotes"
+ if not title: title = u"personal wiki notebook"
if "id" not in attrs:
attrs[ "id" ] = u"content"