Update theme for my taste

6 files changed, 299 insertions, 91 deletions

diff --git a/static/css/default.css b/static/css/default.css
new file mode 100644
index 0000000..364a909
--- /dev/null
+++ b/static/css/default.css
@@ -0,0 +1,140 @@
+/* http://www.colourlovers.com/palette/92095/Giant_Goldfish */
+/* @import "format.css"; */
+
+html {
+	/* background-color: white; */
+	background-repeat: no-repeat;
+	background-size: cover;
+	background-attachment: fixed;
+	background-position: center;
+}
+
+body {
+  background-color: white; /* #080b00; */ /* rgba(255, 255, 255, 0.8); */
+  font-family: "Lucida Sans", "Georgia", helvetica, "Droid Serif", "Bitstream Charter", serif; /* verdana, arial, helvetica;*/
+  /* font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; font-size: 15pt; background-color: #eeeeee; */
+  margin: auto;
+  padding: 1em;
+  border-radius: 1em;
+  max-width: 48em;
+  font-size: 100%;
+}
+
+body>h1:first-child, td.main {
+    background-color: #e0e4cc;
+    border-radius: 0.5em;
+    padding: 0em 1em;
+    margin-top: 0;
+}
+
+/* code, .code { */
+/*     font-family: "Inconsolata", monospace; */
+/*     font-size: 15px; */
+/*     white-space:pre-wrap; */
+/*     word-wrap:break-word; */
+/*     overflow:auto; */
+/* } */
+
+
+h1, h2, h3, h4, h5, h6 {
+  color: #fa6900;
+}
+
+a {
+  color: #38d;
+  text-decoration: none;
+}
+a:visited {
+  color: #579;
+}
+a:hover {
+  color: #f83;
+}
+
+/* p { */
+/*     margin: 1em; */
+/*     max-width: 48em; */
+/*     white-space: pre-wrap; */
+/* } */
+
+img {
+  max-width: 60%;
+}
+
+img.right {
+    margin: 1em;
+    float: right;
+}
+
+img.face {
+	margin: 1em;
+	width: 10em;
+	float: left;
+}
+
+
+blockquote {
+    margin: 2em;
+    margin-top: 1em;
+    margin-bottom: 1em;
+    /* max-width: 46em; */
+    white-space: pre-wrap;
+    font-style: italic;
+    background: #e0e4cc;
+
+    padding: 0.1em 1em;
+    border-radius: 0.4em;
+}
+
+#nav {
+  padding: 0;
+  text-align: center;
+  border-top: solid black 1px;
+}
+#nav li {
+  display: inline;
+}
+#nav li + li:before {
+  content: " | ";
+}
+
+/* Syntax Highlight */
+table {
+    table-layout: fixed;
+    width: 100%;
+}
+td {
+    vertical-align: top;
+}
+@media (max-width:979px) {
+    .linenos {
+        display:none !important;
+    }
+}
+.linenos {
+    width: 30px;
+}
+.linenos div pre {
+    text-align: right;
+    overflow: hidden;
+}
+pre {
+    overflow: auto;
+    white-space: pre;
+    word-break: normal;
+    word-wrap: normal;
+}
+td.code .highlight pre {
+    border-radius: 0 3px 3px 0;
+}
+td.code {
+    width: 100%;
+}
+.linenodiv pre {
+    background-color: #eee8d5;
+    border-radius: 3px 0 0 3px;
+    color: #657b83;
+}
+div.highlight {
+    margin-bottom: 20px;
+}
diff --git a/static/css/pygments.css b/static/css/pygments.css
new file mode 100644
index 0000000..4bac045
--- /dev/null
+++ b/static/css/pygments.css
@@ -0,0 +1,64 @@
+.hll { background-color: #ffffcc }
+.c { color: #008800; font-style: italic } /* Comment */
+.err { border: 1px solid #FF0000 } /* Error */
+.k { color: #AA22FF; font-weight: bold } /* Keyword */
+.o { color: #666666 } /* Operator */
+.ch { color: #008800; font-style: italic } /* Comment.Hashbang */
+.cm { color: #008800; font-style: italic } /* Comment.Multiline */
+.cp { color: #008800 } /* Comment.Preproc */
+.cpf { color: #008800; font-style: italic } /* Comment.PreprocFile */
+.c1 { color: #008800; font-style: italic } /* Comment.Single */
+.cs { color: #008800; font-weight: bold } /* Comment.Special */
+.gd { color: #A00000 } /* Generic.Deleted */
+.ge { font-style: italic } /* Generic.Emph */
+.gr { color: #FF0000 } /* Generic.Error */
+.gh { color: #000080; font-weight: bold } /* Generic.Heading */
+.gi { color: #00A000 } /* Generic.Inserted */
+.go { color: #888888 } /* Generic.Output */
+.gp { color: #000080; font-weight: bold } /* Generic.Prompt */
+.gs { font-weight: bold } /* Generic.Strong */
+.gu { color: #800080; font-weight: bold } /* Generic.Subheading */
+.gt { color: #0044DD } /* Generic.Traceback */
+.kc { color: #AA22FF; font-weight: bold } /* Keyword.Constant */
+.kd { color: #AA22FF; font-weight: bold } /* Keyword.Declaration */
+.kn { color: #AA22FF; font-weight: bold } /* Keyword.Namespace */
+.kp { color: #AA22FF } /* Keyword.Pseudo */
+.kr { color: #AA22FF; font-weight: bold } /* Keyword.Reserved */
+.kt { color: #00BB00; font-weight: bold } /* Keyword.Type */
+.m { color: #666666 } /* Literal.Number */
+.s { color: #BB4444 } /* Literal.String */
+.na { color: #BB4444 } /* Name.Attribute */
+.nb { color: #AA22FF } /* Name.Builtin */
+.nc { color: #0000FF } /* Name.Class */
+.no { color: #880000 } /* Name.Constant */
+.nd { color: #AA22FF } /* Name.Decorator */
+.ni { color: #999999; font-weight: bold } /* Name.Entity */
+.ne { color: #D2413A; font-weight: bold } /* Name.Exception */
+.nf { color: #00A000 } /* Name.Function */
+.nl { color: #A0A000 } /* Name.Label */
+.nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
+.nt { color: #008000; font-weight: bold } /* Name.Tag */
+.nv { color: #B8860B } /* Name.Variable */
+.ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
+.w { color: #bbbbbb } /* Text.Whitespace */
+.mb { color: #666666 } /* Literal.Number.Bin */
+.mf { color: #666666 } /* Literal.Number.Float */
+.mh { color: #666666 } /* Literal.Number.Hex */
+.mi { color: #666666 } /* Literal.Number.Integer */
+.mo { color: #666666 } /* Literal.Number.Oct */
+.sb { color: #BB4444 } /* Literal.String.Backtick */
+.sc { color: #BB4444 } /* Literal.String.Char */
+.sd { color: #BB4444; font-style: italic } /* Literal.String.Doc */
+.s2 { color: #BB4444 } /* Literal.String.Double */
+.se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
+.sh { color: #BB4444 } /* Literal.String.Heredoc */
+.si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
+.sx { color: #008000 } /* Literal.String.Other */
+.sr { color: #BB6688 } /* Literal.String.Regex */
+.s1 { color: #BB4444 } /* Literal.String.Single */
+.ss { color: #B8860B } /* Literal.String.Symbol */
+.bp { color: #AA22FF } /* Name.Builtin.Pseudo */
+.vc { color: #B8860B } /* Name.Variable.Class */
+.vg { color: #B8860B } /* Name.Variable.Global */
+.vi { color: #B8860B } /* Name.Variable.Instance */
+.il { color: #666666 } /* Literal.Number.Integer.Long */
diff --git a/templates/article.html b/templates/article.html
index d558183..630323b 100644
--- a/templates/article.html
+++ b/templates/article.html
@@ -1,4 +1,14 @@
 {% extends "base.html" %}
+{% block menu %}
+      | <a href="{{ SITEURL }}">Home</a> |
+      {% for p in PAGES %}
+      | <a href="{{ SITEURL}}/{{p.url}}">{{p.title}}</a> |
+      {% endfor %}
+{% endblock %}
+{% block article %}
+<h1><a href="{{ SITEURL }}/{{ article.url}}">{{
+    article.title |striptags }}</a></h1>
+{% endblock %}
 {% block head %}
   {{ super() }}
   {% for keyword in article.keywords %}
@@ -12,37 +22,34 @@
   {% for tag in article.tags %}
     <meta name="tags" content="{{tag}}" />
   {% endfor %}
-
 {% endblock %}
 
 {% block content %}
 <section id="content" class="body">
-  <header>
-    <h2 class="entry-title">
-      <a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark"
-         title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></h2>
- {% import 'translations.html' as translations with context %}
- {{ translations.translations_for(article) }}
-  </header>
   <footer class="post-info">
-    <abbr class="published" title="{{ article.date.isoformat() }}">
-      {{ article.locale_date }}
+     <p> Posted on {{ article.date|strftime('%b %d, %Y')}}
+      {% if article.authors %} By {{ article.author }}
+       {% endif %}
+       {% if article.category %} under {{ article.category }}
+       {% endif %}
+     </p>
     </abbr>
-	{% if article.modified %}
+    {% if article.modified %}
     <abbr class="modified" title="{{ article.modified.isoformat() }}">
-      {{ article.locale_modified }}
+      Modified on {{ article.locale_modified }}
     </abbr>
-	{% endif %}
-    {% if article.authors %}
-    <address class="vcard author">
-      By {% for author in article.authors %}
-          <a class="url fn" href="{{ SITEURL }}/{{ author.url }}">{{ author }}</a>
-        {% endfor %}
-    </address>
     {% endif %}
   </footer><!-- /.post-info -->
   <div class="entry-content">
     {{ article.content }}
   </div><!-- /.entry-content -->
+  <div id="footer">
+    <p>
+      <italic>Tagged as:
+      {% for t in article.tags|sort %}
+      {{t}}, 
+	{% endfor %}
+      </italic>
+    </p>
 </section>
 {% endblock %}
diff --git a/templates/base.html b/templates/base.html
index a1839b2..0b1808b 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -1,64 +1,57 @@
 <!DOCTYPE html>
 <html lang="{{ DEFAULT_LANG }}">
 <head>
-        {% block head %}
-        <title>{% block title %}{{ SITENAME }}{% endblock title %}</title>
-        <meta charset="utf-8" />
-        {% if FEED_ALL_ATOM %}
-        <link href="{{ FEED_DOMAIN }}/{{ FEED_ALL_ATOM }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Full Atom Feed" />
-        {% endif %}
-        {% if FEED_ALL_RSS %}
-        <link href="{{ FEED_DOMAIN }}/{{ FEED_ALL_RSS }}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} Full RSS Feed" />
-        {% endif %}
-        {% if FEED_ATOM %}
-        <link href="{{ FEED_DOMAIN }}/{{ FEED_ATOM }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Atom Feed" />
-        {% endif %}
-        {% if FEED_RSS %}
-        <link href="{{ FEED_DOMAIN }}/{{ FEED_RSS }}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} RSS Feed" />
-        {% endif %}
-        {% if CATEGORY_FEED_ATOM and category %}
-        <link href="{{ FEED_DOMAIN }}/{{ CATEGORY_FEED_ATOM|format(category.slug) }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Categories Atom Feed" />
-        {% endif %}
-        {% if CATEGORY_FEED_RSS and category %}
-        <link href="{{ FEED_DOMAIN }}/{{ CATEGORY_FEED_RSS|format(category.slug) }}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} Categories RSS Feed" />
-        {% endif %}
-        {% if TAG_FEED_ATOM and tag %}
-        <link href="{{ FEED_DOMAIN }}/{{ TAG_FEED_ATOM|format(tag.slug) }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Tags Atom Feed" />
-        {% endif %}
-        {% if TAG_FEED_RSS and tag %}
-        <link href="{{ FEED_DOMAIN }}/{{ TAG_FEED_RSS|format(tag.slug) }}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} Tags RSS Feed" />
-        {% endif %}
-        {% endblock head %}
-        <link rel="stylesheet" type="text/css" href="/theme/default.css" />	
+  {% block head %}
+  <title>{% block title %}Vasudev Kamath - {{ SITENAME }}{% endblock title %}</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1"/>	
+  {% if FEED_ALL_ATOM %}
+  <link href="{{ FEED_DOMAIN }}/{{ FEED_ALL_ATOM }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Full Atom Feed" />
+  {% endif %}
+  {% if FEED_ALL_RSS %}
+  <link href="{{ FEED_DOMAIN }}/{{ FEED_ALL_RSS }}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} Full RSS Feed" />
+  {% endif %}
+  {% if FEED_ATOM %}
+  <link href="{{ FEED_DOMAIN }}/{{ FEED_ATOM }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Atom Feed" />
+  {% endif %}
+  {% if FEED_RSS %}
+  <link href="{{ FEED_DOMAIN }}/{{ FEED_RSS }}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} RSS Feed" />
+  {% endif %}
+  {% if CATEGORY_FEED_ATOM and category %}
+  <link href="{{ FEED_DOMAIN }}/{{ CATEGORY_FEED_ATOM|format(category.slug) }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Categories Atom Feed" />
+  {% endif %}
+  {% if CATEGORY_FEED_RSS and category %}
+  <link href="{{ FEED_DOMAIN }}/{{ CATEGORY_FEED_RSS|format(category.slug) }}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} Categories RSS Feed" />
+  {% endif %}
+  {% if TAG_FEED_ATOM and tag %}
+  <link href="{{ FEED_DOMAIN }}/{{ TAG_FEED_ATOM|format(tag.slug) }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Tags Atom Feed" />
+  {% endif %}
+  {% if TAG_FEED_RSS and tag %}
+  <link href="{{ FEED_DOMAIN }}/{{ TAG_FEED_RSS|format(tag.slug) }}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} Tags RSS Feed" />
+  {% endif %}
+  <link rel="stylesheet" type="text/css" href="/theme/css/pygments.css"/>  
+  <link rel="stylesheet" type="text/css" href="/theme/css/default.css"/>   
+  {% endblock head %}
 </head>
 
-<body id="index" class="home">
-        <header id="banner" class="body">
-                <h1><a href="{{ SITEURL }}/">{{ SITENAME }} <strong>{{ SITESUBTITLE }}</strong></a></h1>
-        </header><!-- /#banner -->
-        <nav id="menu"><ul>
-        {% for title, link in MENUITEMS %}
-            <li><a href="{{ link }}">{{ title }}</a></li>
-        {% endfor %}
-        {% if DISPLAY_PAGES_ON_MENU %}
-          {% for p in PAGES %}
-            <li{% if p == page %} class="active"{% endif %}><a href="{{ SITEURL }}/{{ p.url }}">{{ p.title }}</a></li>
-          {% endfor %}
-        {% else %}
-          {% if DISPLAY_CATEGORIES_ON_MENU %}
-            {% for cat, null in categories %}
-              <li{% if cat == category %} class="active"{% endif %}><a href="{{ SITEURL }}/{{ cat.url }}">{{ cat }}</a></li>
-            {% endfor %}
-          {% endif %}
-        {% endif %}
-        </ul></nav><!-- /#menu -->
-        {% block content %}
-        {% endblock %}
-        <footer id="contentinfo" class="body">
-                <address id="about" class="vcard body">
-                Proudly powered by <a href="http://getpelican.com/">Pelican</a>,
-                which takes great advantage of <a href="http://python.org">Python</a>.
-                </address><!-- /#about -->
-        </footer><!-- /#contentinfo -->
+<body>
+  <div id="header" class="body">
+    <div id="navigation">
+      {% block menu %}
+      {% endblock %}      
+    </div>
+    {% block article %}
+    {% endblock %}
+    {% block page %}
+    {% endblock %}
+  </div>
+  <div id="content">
+    {% block content %}
+    {% endblock %}
+  </div>
+  <hr/>
+  <div id="footer">    
+    Site Proudly powered by <a href="http://getpelican.com/">Pelican</a>
+  </div>
 </body>
 </html>
diff --git a/templates/index.html b/templates/index.html
index 4bd8198..429020e 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,4 +1,10 @@
 {% extends "base.html" %}
+{% block menu %}
+      {% for p in PAGES %}
+      | <a href="{{ SITEURL}}/{{p.url}}">{{p.title}}</a> |
+      {% endfor %}
+<h1><a href="{{ SITEURL }}">Home</a></h1>
+{% endblock %}
 {% block content %}
 <section id="content">
 {% block content_title %}
@@ -8,16 +14,7 @@
 <ol id="post-list">
 {% for article in articles_page.object_list %}
         <li><article class="hentry">
-                <header> <h2 class="entry-title"><a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></h2> </header>
-                <footer class="post-info">
-                    <abbr class="published" title="{{ article.date.isoformat() }}"> {{ article.locale_date }} </abbr>
-                    <address class="vcard author">By
-                    {% for author in article.authors %}
-                        <a class="url fn" href="{{ SITEURL }}/{{ author.url }}">{{ author }}</a>
-                    {% endfor %}
-                    </address>
-                </footer><!-- /.post-info -->
-                <div class="entry-content"> {{ article.summary }} </div><!-- /.entry-content -->
+	    <a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a>
         </article></li>
 {% endfor %}
 </ol><!-- /#posts-list -->
diff --git a/templates/page.html b/templates/page.html
index 5ceb779..b834171 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -1,12 +1,19 @@
 {% extends "base.html" %}
+{% block menu %}
+| <a href="{{ SITEURL }}"> Home </a> |
+{% for p in pages %}
+{% if p.title != page.title %}
+| <a href="{{ SITEURL }}/{{p.url}}"> {{p.title}} </a>|
+{% endif %}
+{% endfor %}
+{% endblock %}
+{% block page %}
+      <h1><a href={{ SITEURL }}/{{ page.url }}>{{
+	  page.title|striptags}} </a> </h1>
+{% endblock %}
 {% block title %}{{ page.title }}{%endblock%}
 {% block content %}
-    <h1>{{ page.title }}</h1>
-    {% import 'translations.html' as translations with context %}
-    {{ translations.translations_for(page) }}
-
     {{ page.content }}
-
 	{% if page.modified %}
 		<p>
 		Last updated: {{ page.locale_modified }}