summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorDimitri Sokolyuk <demon@dim13.org>2012-09-05 18:35:52 +0000
committerDimitri Sokolyuk <demon@dim13.org>2012-09-05 18:35:52 +0000
commitd1e4715af64a1c38e6fbf3333ca01c3cbdc393c5 (patch)
tree164b25fcf72ecdd976c3798c51fd4c16d1ac6133
parentacb38afcd4780191569ee809f3e8bdb550a634bc (diff)
html5 theme
-rw-r--r--themes/html5/admin.tmpl120
-rw-r--r--themes/html5/feed-icon-12x12.pngbin0 -> 897 bytes
-rw-r--r--themes/html5/index.tmpl239
-rw-r--r--themes/html5/style.css182
4 files changed, 541 insertions, 0 deletions
diff --git a/themes/html5/admin.tmpl b/themes/html5/admin.tmpl
new file mode 100644
index 0000000..4928e26
--- /dev/null
+++ b/themes/html5/admin.tmpl
@@ -0,0 +1,120 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="UTF-8">
+ <title><TMPL_VAR name="blog_title"></title>
+ <link rel="stylesheet" type="text/css" href="/themes/<TMPL_VAR name="theme">/style.css" title="Default">
+</head>
+
+<body>
+
+ <header>
+ <h1 id="admin">
+ <a href="/"><TMPL_VAR name="blog_title"></a> <TMPL_VAR name="view">
+ </h1>
+ <p>
+ <a href="?view=edit">create</a> |
+ <a <TMPL_IF name="comments_to_moderate">id = "moderate"</TMPL_IF> href="?view=moderate">moderate</a> |
+ <a href="?view=administrate">administrate</a>
+ </p>
+ </header>
+
+ <!-- error and notification message handling -->
+ <TMPL_IF name="error">
+ <section id="error">
+ <h3>Error</h3>
+ <p><TMPL_VAR name="error"></p>
+ </section>
+ </TMPL_IF>
+
+ <TMPL_IF name="message">
+ <section id="message">
+ <h3>Ok</h3>
+ <p><TMPL_VAR name="message"></p>
+ </section>
+ </TMPL_IF>
+
+ <TMPL_IF name="preview">
+ <!-- preview articles -->
+ <section id="preview">
+ <header>
+ <h2><TMPL_VAR name="title"></h2>
+ <p><TMPL_VAR name="date"></p>
+ </header>
+ <TMPL_VAR name="preview">
+ </section>
+ </TMPL_IF>
+
+ <TMPL_IF name="edit">
+ <section id="edit">
+ <!-- create or edit articles -->
+ <form id="edit" action="/admin.cgi" method="post">
+ <p><input size="80" name="title" value="<TMPL_VAR name="title">"> title</p>
+ <p><input size="80" name="uri" value="<TMPL_VAR name="uri">"> uri</p>
+ <p><input size="80" name="tags" value="<TMPL_VAR name="tags">"> tags (e.g. <em>foo,bar,baz</em>)</p>
+ <p><textarea rows="15" cols="80" name="body"><TMPL_VAR name="body"></textarea></p>
+ <p><input type="submit" name="preview" value="preview"> <input type="submit" name="save" value="save"></p>
+ <input type="hidden" name="view" value="edit">
+ <TMPL_IF name="id">
+ <input type="hidden" name="id" value="<TMPL_VAR name="id">">
+ </TMPL_IF>
+ </form>
+ </section>
+ </TMPL_IF>
+
+ <TMPL_IF name="articles">
+ <!-- manage articles -->
+ <TMPL_LOOP name="articles">
+ <section>
+ <header>
+ <h5>
+ <TMPL_IF name="enabled">
+ <a href="/<TMPL_VAR name="year">/<TMPL_VAR name="month">/<TMPL_VAR name="uri">" target="_new">
+ </TMPL_IF>
+ <TMPL_VAR name="title">
+ <TMPL_IF name="enabled">
+ </a>
+ </TMPL_IF>
+ by <TMPL_VAR name="author">
+ on <TMPL_VAR name="date">
+ </h5>
+
+ <p>
+ <a title="Edit" href="/admin.cgi?view=edit&id=<TMPL_VAR name="id">">Edit</a> |
+ <TMPL_UNLESS name="enabled">
+ <a title="Publish" href="/admin.cgi?view=administrate&publish=<TMPL_VAR name="id">">Publish</a>
+ <TMPL_ELSE>
+ <a title="Draft" href="/admin.cgi?view=administrate&draft=<TMPL_VAR name="id">">Draft</a>
+ </TMPL_UNLESS>
+
+ | <a title="Delete" href="/admin.cgi?view=administrate&delete=<TMPL_VAR name="id">">Delete</a>
+ </p>
+ </header>
+
+ </section>
+ </TMPL_LOOP>
+ </TMPL_IF>
+
+ <TMPL_IF name="comments">
+ <!-- manage comments -->
+ <section id="comments">
+ <TMPL_LOOP name="comments">
+ <article>
+ <header>
+ <h5>
+ <a href="/<TMPL_VAR name="article_year">/<TMPL_VAR name="article_month">/<TMPL_VAR name="article_uri">" target="_new"><TMPL_VAR name="article_title"></a>
+ by <TMPL_VAR name="name">
+ on <TMPL_VAR name="date">
+ </h5>
+ <p>
+ <a href="/admin.cgi?view=moderate&publish=<TMPL_VAR name="id">">Publish</a> |
+ <a href="/admin.cgi?view=moderate&delete=<TMPL_VAR name="id">">Delete</a>
+ </p>
+ </header>
+ <q><TMPL_VAR name="comment"></q>
+ </article>
+ </TMPL_LOOP>
+ </section>
+ </TMPL_IF>
+</body>
+</html>
diff --git a/themes/html5/feed-icon-12x12.png b/themes/html5/feed-icon-12x12.png
new file mode 100644
index 0000000..4a4e252
--- /dev/null
+++ b/themes/html5/feed-icon-12x12.png
Binary files differ
diff --git a/themes/html5/index.tmpl b/themes/html5/index.tmpl
new file mode 100644
index 0000000..cd59081
--- /dev/null
+++ b/themes/html5/index.tmpl
@@ -0,0 +1,239 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="UTF-8">
+ <title><TMPL_VAR name="title"></title>
+ <meta name="generator" content="Blogsum">
+
+ <link rel="stylesheet" type="text/css" href="/themes/<TMPL_VAR name="theme">/style.css" title="Default">
+
+ <link rel="alternate" type="application/rss+xml" href="/rss.xml" title="RSS 1.0">
+ <link rel="alternate" type="application/rss+xml" href="/rss2.xml" title="RSS 2.0">
+
+ <TMPL_IF name="google_webmaster_id">
+ <meta name="google-site-verification" content="<TMPL_VAR name="google_webmaster_id">">
+ </TMPL_IF>
+
+ <TMPL_IF name="google_analytics_id">
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', '<TMPL_VAR name="google_analytics_id">']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+ </TMPL_IF>
+
+ <TMPL_IF name="comment_form">
+ <script type="text/javascript">
+ var RecaptchaOptions = {
+ theme : 'clean'
+ };
+ </script>
+ </TMPL_IF>
+
+ <!--[if lt IE 9]>
+ <script>
+ (function(){
+ var f=document.createElement;
+ f('section')
+ f('article');
+ f('aside');
+ f('footer');
+ f('header');
+ f('nav');
+ f('hgroup');
+ f('time');
+ })()
+ </script>
+ <![endif]-->
+</head>
+
+<body>
+ <header>
+ <h1><a href="/"><TMPL_VAR name="title"></a></h1>
+ <p><TMPL_VAR name="subtitle"></p>
+ <!--p><span style="color: red"><strong>CSS under constraction right now! May be broken or ugly!</strong></p-->
+ </header>
+
+ <aside>
+ <!--[if lt IE 9]>
+ <noscript>
+ <section>
+ <h3>Warning!</h3>
+ <p>Because your browser does not support HTML5,
+ some elements are simulated using JScript.
+ Unfortunately your browser has disabled scripting.
+ Please enable it in order to display this page.</p>
+ </section>
+ </noscript>
+ <![endif]-->
+
+ <section id="archive">
+ <h3>Archive</h3>
+ <ul>
+ <TMPL_LOOP name="archives">
+ <li><a href="/<TMPL_VAR name="year">/"><TMPL_VAR name="year"></a> (<TMPL_VAR name="count">)
+ <TMPL_IF name="month_loop">
+ <ul>
+ <TMPL_LOOP name="month_loop">
+ <li><a href="/<TMPL_VAR name="year">/<TMPL_VAR name="month">/"><TMPL_VAR name="month_name"></a><TMPL_IF name="count"> (<TMPL_VAR name="count">)</TMPL_IF>
+ <TMPL_IF name="uri_loop">
+ <ul>
+ <TMPL_LOOP name="uri_loop">
+ <li><a href="/<TMPL_VAR name="year">/<TMPL_VAR name="month">/<TMPL_VAR name="uri">"><TMPL_VAR name="title"></a></li>
+ </TMPL_LOOP>
+ </ul>
+ </TMPL_IF>
+ </li>
+ </TMPL_LOOP>
+ </ul>
+ </TMPL_IF>
+ </li>
+ </TMPL_LOOP>
+ </ul>
+ </section>
+
+ <section id="tagcloud">
+ <h3>Tag Cloud</h3>
+ <ul>
+ <TMPL_LOOP name="tagcloud">
+ <li class="tagcloud_<TMPL_VAR name="scale">"><a href="/Tags/<TMPL_VAR name="tag">"><TMPL_VAR name="tag"></a></li>
+ </TMPL_LOOP>
+ </ul>
+ </section>
+
+ <section id="links">
+ <h3>Shortcuts</h3>
+ <ul>
+ <li><a href="/2003/06/cvs">Anonymous CVS</a> / <a href="/cgi-bin/cvsweb/">WebCVS</a></li>
+ <li><a href="ftp://ftp.dim13.org/">Public FTP</a> / <a href="ftp://ftp.dim13.org/pub/ls-lR.gz">ls-lR.gz</a></li>
+ <li><a href="/mindterm/applet.html">Mindterm</a></li>
+ <li><a href="/1978/11/Who-am-I">Who am I</a></li>
+ <li><a href="http://www.user.tu-berlin.de/sokolyuk/">TU-Berlin</a></li>
+ <li><a href="http://www.math.hu-berlin.de/~sokolyuk/">HU-Berlin</a></li>
+ </ul>
+ </section>
+
+ <section id="feeds">
+ <h3>Feeds</h3>
+ <ul>
+ <li><a href="/rss.xml"><img src="/themes/<TMPL_VAR name="theme">/feed-icon-12x12.png" alt="RSS">RSS 1.0</a></li>
+ <li><a href="/rss2.xml"><img src="/themes/<TMPL_VAR name="theme">/feed-icon-12x12.png" alt="RSS">RSS 2.0</a></li>
+ </ul>
+ </section>
+ </aside>
+
+ <TMPL_LOOP name="articles">
+ <article>
+ <header>
+ <h2>
+ <a href="/<TMPL_VAR name="year">/<TMPL_VAR name="month">/<TMPL_VAR name="uri">"><TMPL_VAR name="title"></a>
+ </h2>
+ <p><time><TMPL_VAR name="date"></time>
+ by <a href="/Tags/<TMPL_VAR name="author">"><TMPL_VAR name="author"></a>
+ </p>
+ </header>
+
+ <TMPL_VAR name="body">
+
+ <TMPL_IF name="readmore">
+ <p>
+ <a href="/<TMPL_VAR name="year">/<TMPL_VAR name="month">/<TMPL_VAR name="uri">">
+ Read the rest of this story &hellip;</a>
+ </p>
+ </TMPL_IF>
+
+ <footer>
+ <ul>
+ <TMPL_UNLESS name="comments">
+ <li class="comments_count">
+ Comments <a href="/<TMPL_VAR name="year">/<TMPL_VAR name="month">/<TMPL_VAR name="uri">#comments">(<TMPL_VAR name="comments_count">)</a>
+ </li>
+ </TMPL_UNLESS>
+
+ <TMPL_IF name="tag_loop">
+ <li class="tags">
+ Tags
+ <TMPL_LOOP name="tag_loop">
+ <a href="/Tags/<TMPL_VAR name="tag">"><TMPL_VAR name="tag"></a>
+ </TMPL_LOOP>
+ </li>
+ </TMPL_IF>
+ </ul>
+ </footer>
+
+ </article>
+
+ <TMPL_IF name="comments">
+ <article id="comments">
+ <h4>Comments</h4>
+ <TMPL_LOOP name="comments">
+ <article>
+ <header>
+ <p>at <time><TMPL_VAR name="date"></time>
+ <TMPL_IF name="url"><a href="<TMPL_VAR name="url">"></TMPL_IF>
+ <TMPL_VAR name="name"><TMPL_IF name="url"></a></TMPL_IF>
+ wrote in to say &hellip;
+ </p>
+ </header>
+ <q><TMPL_VAR name="comment"></q>
+ </article>
+ </TMPL_LOOP>
+ </article>
+ </TMPL_IF>
+ </TMPL_LOOP>
+
+ <TMPL_IF name="error">
+ <article id="error">
+ <h3>Error</h3>
+ <p><TMPL_VAR name="error"></p>
+ </article>
+ </TMPL_IF>
+
+ <TMPL_IF name="message">
+ <article id="message">
+ <h3>Ok</h3>
+ <p><TMPL_VAR name="message"></p>
+ </article>
+ </TMPL_IF>
+
+ <TMPL_IF name="comment_form">
+ <article class="comment_form">
+ <header>
+ <h5>Add a comment</h5>
+ <p>max length <TMPL_VAR name="comment_max_length"> chars</p>
+ </header>
+ <form action="/index.cgi" method="post">
+ <p><input name="name" size="40" maxlength="100" value="<TMPL_VAR name="name">"> name</p>
+ <p><input name="email" size="40" maxlength="100" value="<TMPL_VAR name="email">"> email</p>
+ <p><input name="url" size="40" maxlength="100" value="<TMPL_VAR name="url">"> url</p>
+ <p><textarea rows="5" cols="40" name="comment"><TMPL_VAR name="comment"></textarea></p>
+ <script type="text/javascript"
+ src="<TMPL_VAR name="captcha_api_server">/challenge?k=<TMPL_VAR name="captcha_pubkey">">
+ </script>
+ <noscript>
+ <iframe src="<TMPL_VAR name="captcha_api_server">/noscript?k=<TMPL_VAR name="captcha_pubkey">"
+ width="500" height="300"></iframe>
+ <textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea>
+ <input type="hidden" name="recaptcha_response_field" value="manual_challenge">
+ </noscript>
+ <input type="hidden" name="id" value="<TMPL_VAR name="id">">
+ <p><input type="submit" name="submit" value="submit comment"></p>
+ </form>
+ </article>
+ </TMPL_IF>
+
+ <footer>
+ <ul>
+ <TMPL_IF name="page_prev"><li class="lastpage"><a href="/Page/<TMPL_VAR name="page_prev">">&larr; Newer Articles</a></li></TMPL_IF>
+ <TMPL_IF name="page_next"><li class="nextpage"><a href="/Page/<TMPL_VAR name="page_next">">Older Articles &rarr;</a></li></TMPL_IF>
+ <li><TMPL_VAR name="copyright"></li>
+ </ul>
+ </footer>
+</body>
+</html>
diff --git a/themes/html5/style.css b/themes/html5/style.css
new file mode 100644
index 0000000..6950f0b
--- /dev/null
+++ b/themes/html5/style.css
@@ -0,0 +1,182 @@
+body {
+ font-family: sans-serif;
+ font-size: 14px;
+ margin: 3% 8% 2% 12%;
+}
+
+pre {
+ background-color: #ffffea;
+ padding: 2%;
+ border: thin dashed #aaaaaa;
+}
+
+#moderate {
+ color: #bb3300;
+}
+#preview {
+ padding: 3% 5%;
+ margin: 0 35% 10% 0;
+ border: thin dotted #aaaaaa;
+}
+
+img, video {
+ max-width: 100%;
+}
+textarea, input {
+ border: thin solid #aaaaaa;
+}
+
+a {
+ text-decoration: none;
+ color: #bb3300;
+}
+a:hover {
+ /* color: #498a41 !important; */
+ text-decoration: underline;
+}
+
+h1 {
+ margin-bottom: 0;
+}
+h2 a {
+ color: #000000;
+}
+h3 {
+ color: #666666;
+}
+q {
+ margin-left: 2%;
+}
+
+header {
+ margin-bottom: 3%;
+}
+header p {
+ margin: 0;
+ color: #666666;
+ font-size: smaller;
+}
+header p a {
+ color: #4466cc;
+}
+
+/* IE lt 9 hack */
+section, article, aside, footer, header, nav, hgroup {
+ display:block;
+}
+
+article {
+ width: 70%;
+ float: left;
+ margin-bottom: 3%;
+}
+
+aside {
+ float: right;
+ width: 25%;
+ margin-bottom: 3%;
+}
+aside h3 {
+ border-bottom: thin solid #aaaaaa;
+}
+aside section {
+ margin-bottom: 10%;
+}
+aside ul {
+ list-style: none;
+ padding: 0;
+}
+aside ul ul {
+ list-style: none;
+ margin-left: 10%;
+}
+
+article h2 {
+ border-bottom: thin solid #aaaaaa;
+}
+article footer {
+ border: none;
+}
+article footer a {
+ margin-left: 0.5ex;
+}
+
+footer {
+ clear: both;
+ text-align: center;
+ font-size: smaller;
+ color: #666666;
+ border-top: thin solid #aaaaaa;
+ padding: 1% 0;
+ margin-top: 2%;
+}
+footer a {
+ color: #4466cc;
+}
+footer ul {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+}
+footer li.comments_count {
+ float: left;
+ text-align: left;
+}
+footer li.tags {
+ text-align: right;
+}
+footer li.lastpage {
+ float: left;
+ text-align: left;
+}
+footer li.nextpage {
+ float: right;
+ text-align: right;
+}
+#archive a {
+ margin-right: 2%;
+}
+#tagcloud a {
+ color: #4466cc;
+}
+#tagcloud li {
+ display: inline;
+ margin-right: 0.5ex;
+}
+li.tagcloud_0 {
+ font-size: 75%;
+}
+li.tagcloud_1 {
+ font-size: 80%;
+}
+li.tagcloud_2 {
+ font-size: 95%;
+}
+li.tagcloud_3 {
+ font-size: 120%;
+}
+li.tagcloud_4 {
+ font-size: 155%;
+}
+li.tagcloud_5 {
+ font-size: 200%;
+}
+#feeds img {
+ margin-right: 1ex;
+ border: none;
+}
+
+#error h3 {
+ color: #bb3300;
+}
+#error p {
+ color: #bb3300;
+ margin-left: 2%;
+}
+#message h3 {
+ color: #498a41;
+}
+#message p {
+ color: #498a41;
+ margin-left: 2%;
+}