summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat
-rw-r--r--static/css/default.css140
-rw-r--r--static/css/pygments.css64
-rw-r--r--templates/article.html45
-rw-r--r--templates/base.html107
-rw-r--r--templates/index.html17
-rw-r--r--templates/page.html17
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 }}
generated by cgit v1.2.3 (git 2.39.1) at 2025-05-06 08:04:47 +0000