summaryrefslogtreecommitdiff
path: root/themes
diff options
context:
space:
mode:
authorDimitri Sokolyuk <demon@dim13.org>2012-09-05 18:34:48 +0000
committerDimitri Sokolyuk <demon@dim13.org>2012-09-05 18:34:48 +0000
commitacb38afcd4780191569ee809f3e8bdb550a634bc (patch)
treed54e4354f5758ee547c14c04bed307c5a473c854 /themes
blogsum
Diffstat (limited to 'themes')
-rw-r--r--themes/default/admin.tmpl107
-rw-r--r--themes/default/images/asterisk-green.gifbin0 -> 4255 bytes
-rw-r--r--themes/default/images/asterisk-red.gifbin0 -> 4310 bytes
-rw-r--r--themes/default/images/check.gifbin0 -> 349 bytes
-rw-r--r--themes/default/images/delete.gifbin0 -> 394 bytes
-rw-r--r--themes/default/images/draft-disabled.gifbin0 -> 4074 bytes
-rw-r--r--themes/default/images/draft.gifbin0 -> 350 bytes
-rw-r--r--themes/default/images/play-disabled.gifbin0 -> 4062 bytes
-rw-r--r--themes/default/images/play.gifbin0 -> 340 bytes
-rw-r--r--themes/default/images/plus.gifbin0 -> 233 bytes
-rw-r--r--themes/default/images/xml.gifbin0 -> 585 bytes
-rw-r--r--themes/default/index.tmpl179
-rw-r--r--themes/default/style.css87
13 files changed, 373 insertions, 0 deletions
diff --git a/themes/default/admin.tmpl b/themes/default/admin.tmpl
new file mode 100644
index 0000000..0ecd1d7
--- /dev/null
+++ b/themes/default/admin.tmpl
@@ -0,0 +1,107 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+ "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+ <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>
+
+<div id="wrapper">
+ <div id="header">
+ <h1>
+ <a id="admin" href="/"><TMPL_VAR name="blog_title"></a>
+ <a id="view" href="/admin.cgi?view=<TMPL_VAR name="view">"><TMPL_VAR name="view">.</a>
+ </h1>
+ <h3>
+ <a href="?view=edit">create</a> / <a <TMPL_IF name="comments_to_moderate">style="color: #f00;"</TMPL_IF> href="?view=moderate">moderate</a> / <a href="?view=administrate">administrate</a>
+ </h3>
+ </div>
+
+ <TMPL_IF name="error">
+ <h3 id="error">
+ <img src="/themes/<TMPL_VAR name="theme">/images/asterisk-red.gif" style="height: 20px; padding-right: 5px;"> <TMPL_VAR name="error">
+ </h3>
+ </TMPL_IF>
+
+ <TMPL_IF name="preview">
+ <!-- preview articles -->
+ <div id="preview">
+ <h2><TMPL_VAR name="title"></h2>
+ <h3><TMPL_VAR name="date"></h3>
+ <div><TMPL_VAR name="preview"></div>
+ </div>
+ </TMPL_IF>
+
+ <TMPL_IF name="edit">
+ <!-- create or edit articles -->
+ <form id="edit" action="/admin.cgi" method="post">
+ <p><input size="80" name="title" value="<TMPL_VAR name="title">"> &nbsp; title</p>
+ <p><input size="80" name="uri" value="<TMPL_VAR name="uri">"> &nbsp; uri</p>
+ <p><input size="80" name="tags" value="<TMPL_VAR name="tags">"> &nbsp; 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"> &nbsp;&nbsp; <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>
+ </TMPL_IF>
+
+ <TMPL_IF name="articles">
+ <!-- manage articles -->
+ <TMPL_LOOP name="articles">
+ <p>
+ <TMPL_UNLESS name="enabled">
+ <a title="Publish" href="/admin.cgi?view=administrate&publish=<TMPL_VAR name="id">"><img src="/themes/<TMPL_VAR name="theme">/images/play.gif" alt="Publish"></a>
+ <TMPL_ELSE>
+ <img src="/themes/<TMPL_VAR name="theme">/images/play-disabled.gif" alt="Publish">
+ </TMPL_UNLESS>
+ <a title="Edit" href="/admin.cgi?view=edit&id=<TMPL_VAR name="id">"><img src="/themes/<TMPL_VAR name="theme">/images/plus.gif" alt="Edit"></a>
+ <TMPL_IF name="enabled">
+ <a title="Draft" href="/admin.cgi?view=administrate&draft=<TMPL_VAR name="id">"><img src="/themes/<TMPL_VAR name="theme">/images/draft.gif" alt="Draft"></a>
+ <TMPL_ELSE>
+ <img src="/themes/<TMPL_VAR name="theme">/images/draft-disabled.gif" alt="Draft">
+ </TMPL_IF>
+ <a title="Delete" href="/admin.cgi?view=administrate&delete=<TMPL_VAR name="id">"><img src="/themes/<TMPL_VAR name="theme">/images/delete.gif" alt="Delete"></a> &nbsp;&nbsp;&nbsp;
+ <TMPL_IF name="enabled">
+ <a id="mod_story" href="/<TMPL_VAR name="year">/<TMPL_VAR name="month">/<TMPL_VAR name="uri">" target="_new">
+ <TMPL_ELSE>
+ <span id="mod_story_disabled">
+ </TMPL_IF>
+ <TMPL_VAR name="title">
+ <TMPL_IF name="enabled">
+ </a>
+ <TMPL_ELSE>
+ </span>
+ </TMPL_IF>
+ &nbsp; submitted by <span id="mod_user"><TMPL_VAR name="author"></span>
+ on <span id="mod_date"><TMPL_VAR name="date"></span>
+ </p>
+ </TMPL_LOOP>
+ </TMPL_IF>
+
+ <TMPL_IF name="comments">
+ <!-- manage comments -->
+ <TMPL_LOOP name="comments">
+ <hr style="height: 1px; width: 100%; color: #999; background-color: #999; border: 0;"></hr>
+ <p>
+ <a id="publish" href="/admin.cgi?view=moderate&publish=<TMPL_VAR name="id">"><img src="/themes/<TMPL_VAR name="theme">/images/check.gif" alt="Publish"></a>
+ <a id="delete" href="/admin.cgi?view=moderate&delete=<TMPL_VAR name="id">"><img src="/themes/<TMPL_VAR name="theme">/images/delete.gif" alt="Delete"></a>
+ &nbsp; comment in article &nbsp;
+ <a id="mod_story" href="/<TMPL_VAR name="article_year">/<TMPL_VAR name="article_month">/<TMPL_VAR name="article_uri">" target="_new"><TMPL_VAR name="article_title"></a>
+ <br>
+ submitted by <span id="mod_user"><TMPL_VAR name="name"></span>
+ at <TMPL_VAR name="date">
+ </p>
+ <p>
+ &quot;<TMPL_VAR name="comment">&quot;
+ </p>
+ </TMPL_LOOP>
+ </TMPL_IF>
+</div>
+
+<pre id="dump"><TMPL_VAR name="dump"></pre>
+
+</body>
+</html>
diff --git a/themes/default/images/asterisk-green.gif b/themes/default/images/asterisk-green.gif
new file mode 100644
index 0000000..cf57939
--- /dev/null
+++ b/themes/default/images/asterisk-green.gif
Binary files differ
diff --git a/themes/default/images/asterisk-red.gif b/themes/default/images/asterisk-red.gif
new file mode 100644
index 0000000..01c2341
--- /dev/null
+++ b/themes/default/images/asterisk-red.gif
Binary files differ
diff --git a/themes/default/images/check.gif b/themes/default/images/check.gif
new file mode 100644
index 0000000..06750c7
--- /dev/null
+++ b/themes/default/images/check.gif
Binary files differ
diff --git a/themes/default/images/delete.gif b/themes/default/images/delete.gif
new file mode 100644
index 0000000..b725248
--- /dev/null
+++ b/themes/default/images/delete.gif
Binary files differ
diff --git a/themes/default/images/draft-disabled.gif b/themes/default/images/draft-disabled.gif
new file mode 100644
index 0000000..1aa73ad
--- /dev/null
+++ b/themes/default/images/draft-disabled.gif
Binary files differ
diff --git a/themes/default/images/draft.gif b/themes/default/images/draft.gif
new file mode 100644
index 0000000..0eee31b
--- /dev/null
+++ b/themes/default/images/draft.gif
Binary files differ
diff --git a/themes/default/images/play-disabled.gif b/themes/default/images/play-disabled.gif
new file mode 100644
index 0000000..7849e9d
--- /dev/null
+++ b/themes/default/images/play-disabled.gif
Binary files differ
diff --git a/themes/default/images/play.gif b/themes/default/images/play.gif
new file mode 100644
index 0000000..506a7a1
--- /dev/null
+++ b/themes/default/images/play.gif
Binary files differ
diff --git a/themes/default/images/plus.gif b/themes/default/images/plus.gif
new file mode 100644
index 0000000..adc2e7f
--- /dev/null
+++ b/themes/default/images/plus.gif
Binary files differ
diff --git a/themes/default/images/xml.gif b/themes/default/images/xml.gif
new file mode 100644
index 0000000..8f7eb6a
--- /dev/null
+++ b/themes/default/images/xml.gif
Binary files differ
diff --git a/themes/default/index.tmpl b/themes/default/index.tmpl
new file mode 100644
index 0000000..dbca045
--- /dev/null
+++ b/themes/default/index.tmpl
@@ -0,0 +1,179 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+ "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+ <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="verify-v1" content="<TMPL_VAR name="google_webmaster_id">">
+ </TMPL_IF>
+</head>
+<body>
+<div id="wrapper">
+ <div id="header">
+ <h1>
+ <a href="/"><TMPL_VAR name="title"></a><br>
+ <span><TMPL_VAR name="subtitle"></span>
+ </h1>
+ </div>
+ <div id="main">
+ <TMPL_LOOP name="articles">
+ <div class="article">
+ <h2>
+ <a href="/<TMPL_VAR name="year">/<TMPL_VAR name="month">/<TMPL_VAR name="uri">">
+ <TMPL_VAR name="title"></a>
+ </h2>
+ <h3><TMPL_VAR name="date">
+ <span>by <a href="/Tags/<TMPL_VAR name="author">"><TMPL_VAR name="author"></a></span>
+ </h3>
+ <div>
+ <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...</a>
+ </p>
+ </TMPL_IF>
+ </div>
+ <ul>
+ <TMPL_UNLESS name="comments">
+ <li class="comments_count">
+ <span>Comments <a href="/<TMPL_VAR name="year">/<TMPL_VAR name="month">/<TMPL_VAR name="uri">#comments">(<TMPL_VAR name="comments_count">)</a></span>
+ </li>
+ </TMPL_UNLESS>
+ <TMPL_IF name="tag_loop">
+ <li class="tags">
+ <span>Tags:
+ <TMPL_LOOP name="tag_loop">
+ &nbsp; <a href="/Tags/<TMPL_VAR name="tag">"> <TMPL_VAR name="tag"></a>
+ </TMPL_LOOP>
+ </span>
+ </li>
+ </TMPL_IF>
+ </ul>
+ <TMPL_IF name="comments">
+ <div class="comments">
+ <a name="comments"></a>
+ <h4>Comments</h4>
+ <TMPL_LOOP name="comments">
+ <h5>at <span><TMPL_VAR name="date"></span>,
+ <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...
+ </h5>
+ <p>
+ <TMPL_VAR name="comment">
+ </p>
+ </TMPL_LOOP>
+ </div>
+ </TMPL_IF>
+ </div>
+ </TMPL_LOOP>
+ <!-- end of articles -->
+ <!-- error and notification message handling -->
+ <TMPL_IF name="error">
+ <h3 class="error">
+ <img src="/themes/<TMPL_VAR name="theme">/images/asterisk-red.gif" style="height: 20px; padding-right: 5px;"> <TMPL_VAR name="error">
+ </h3>
+ </TMPL_IF>
+ <TMPL_IF name="message">
+ <h3 class="message">
+ <img src="/themes/<TMPL_VAR name="theme">/images/asterisk-green.gif" style="height: 20px; padding-right: 5px;"> <TMPL_VAR name="message">
+ </h3>
+ </TMPL_IF>
+
+ <!-- comment submission form -->
+ <TMPL_IF name="comment_form">
+ <div class="comment_form">
+ <p>Add a comment:</p>
+ <form action="/index.cgi" method="post">
+ <p><input name="name" size="40" maxlength="100" value="<TMPL_VAR name="name">"> &nbsp; name</p>
+ <p><input name="email" size="40" maxlength="100" value="<TMPL_VAR name="email">"> &nbsp; email</p>
+ <p><input name="url" size="40" maxlength="100" value="<TMPL_VAR name="url">"> &nbsp; url</p>
+ <p>max length <TMPL_VAR name="comment_max_length"> chars<br>
+ <textarea rows="3" cols="30" name="comment"><TMPL_VAR name="comment"></textarea>
+ </p>
+ <script src="<TMPL_VAR name="captcha_api_server">/challenge?k=<TMPL_VAR name="captcha_pubkey">" type="text/javascript"></script>
+ <noscript>
+ <iframe frameborder="0" height="300" src="<TMPL_VAR name="captcha_api_server">/noscript?k=<TMPL_VAR name="captcha_pubkey">" width="500"></iframe>
+ <textarea cols="40" name="recaptcha_challenge_field" rows="3"></textarea>
+ <input name="recaptcha_response_field" type="hidden" value="manual_challenge">
+ </noscript>
+ <p><input type="submit" name="submit" value="submit comment"></p>
+ <input type="hidden" name="id" value="<TMPL_VAR name="id">">
+ </form>
+ </div>
+ </TMPL_IF>
+ </div> <!-- end of #main -->
+ <div id="sidebar">
+ <div id="archive">
+ <h3>Archive</h3>
+ <TMPL_LOOP name="archives">
+ <ul>
+ <li><a href="/<TMPL_VAR name="year">/"><TMPL_VAR name="year"></a><span class="count"> (<TMPL_VAR name="count">)</span>
+ <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"><span class="count"> (<TMPL_VAR name="count">)</span></TMPL_IF>
+ <TMPL_IF name="uri_loop">
+ <ul>
+ <TMPL_LOOP name="uri_loop">
+ <li><a title="<TMPL_VAR name="full_title">" 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>
+ </li>
+ </ul>
+ </TMPL_LOOP>
+ </div>
+ <div 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>
+ </div>
+ <div id="feeds">
+ <h3>Feeds</h3>
+ <ul>
+ <li><a href="/rss.xml"><img src="/themes/<TMPL_VAR name="theme">/images/xml.gif" alt="RSS 1.0">RSS 1.0</a></li>
+ <li><a href="/rss2.xml"><img src="/themes/<TMPL_VAR name="theme">/images/xml.gif" alt="RSS 2.0">RSS 2.0</a></li>
+ </ul>
+ </div>
+ </div> <!-- end of sidebar -->
+ <div id="footer">
+ <ul>
+ <TMPL_IF name="page_prev"><li class="lastpage"><a href="/Page/<TMPL_VAR name="page_prev">">Newer Articles</a></li></TMPL_IF>
+ <TMPL_IF name="page_next"><li class="nextpage"><a href="/Page/<TMPL_VAR name="page_next">">Older Articles</a></li></TMPL_IF>
+ <li>&copy; <TMPL_VAR name="copyright"></li>
+ </ul>
+ </div> <!-- end of footer -->
+</div> <!-- end of wrapper -->
+
+<pre id="dump"><TMPL_VAR name="dump"></pre>
+
+<TMPL_IF name="google_analytics_id"> <!-- analytics support -->
+<script type="text/javascript">
+ var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
+ document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
+</script>
+<script type="text/javascript">
+ try {
+ var pageTracker = _gat._getTracker("<TMPL_VAR name="google_analytics_id">");
+ pageTracker._trackPageview();
+ } catch(err) {}
+</script>
+</TMPL_IF>
+
+</body>
+</html>
diff --git a/themes/default/style.css b/themes/default/style.css
new file mode 100644
index 0000000..7e2f549
--- /dev/null
+++ b/themes/default/style.css
@@ -0,0 +1,87 @@
+/* global styles */
+body { font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; text-align: left; }
+div, h1, h2, h3, h4, h5 { padding: 0; margin: 0; }
+h1 { font-size: 1.8em; }
+h2 { font-size: 1.3em; }
+h3 { font-size: 0.9em; }
+img { border: 0; }
+p { font-size: 0.8em; }
+pre { font-size: 0.7em; background-color: #ccc; padding: 15px 25px; }
+pre, tt { font-family: Courier; }
+
+/* page header */
+#header { padding: .5em 0 1.5em 0; }
+#header a { text-decoration: none; color: #aaa; }
+#header h1 span { font-size: 0.5em; color: #ccc; }
+#header h3 a:hover { color: #777; }
+
+/* page content wrapper */
+#wrapper { margin-left: 15%; margin-right: 10%; }
+
+/* article wrapper */
+#main { width: 65%; float: left; position: relative; }
+
+/* admin functions */
+#header #view { text-decoration: none; color: #777; }
+#mod_story, #mod_story_disabled { font-size: 1.3em; font-weight: bold; }
+#mod_user, #mod_date { font-size: 1.1em; font-weight: bold; }
+#mod_story_disabled { color: #999; }
+#preview { padding: 3% 5%; margin: 0 30% 10% 0; background-color: #fff; border: 1px dotted black; }
+#preview h2 { color: #a14732; }
+#preview div a { color: #a14732; text-decoration: none; border-bottom: 1px dashed; }
+#preview ul { padding: 0; list-style: none; }
+
+/* article display */
+.article { width: 100%; padding: 4% 0; }
+.article h2 { border-bottom: 1px solid #ccc; }
+.article h2 a { text-decoration: none; }
+.article h2 a, a#mod_story { color: #a14732; }
+.article h3 { margin: 18px 0 10px 0; }
+.article h3 span { font-size: 0.9em; color: #999; }
+.article h3 span a { text-decoration: none; font-weight: normal; color: #09c; border-bottom: 1px dashed; }
+.article div a { color: #a14732; text-decoration: none; border-bottom: 1px dashed; }
+.article ul { padding: 0; list-style: none; }
+.article ul li.comments_count { width: 20%; float: left; }
+.article ul li.tags { width: 80%; float: right; text-align: right; }
+.article ul li span, .tags span { font-size: 0.7em; }
+.article ul li a, .tags span a { color: #09c; }
+.article .comments h4 { padding-top: 30px; }
+.article .comments h5 { font-size: 0.8em; font-weight: normal; }
+.article .comments h5 span { font-size: 1.0em; font-weight: bold; }
+.article .comments p { padding: 0 0 18px 10px; }
+.article .tags span a { text-decoration: none; border-bottom: 1px dashed; }
+
+/* sidebar archive/rss styles */
+#sidebar { float: left; clear: none; position: relative; width: 30%; padding: 2% 0 0 5%; font-size: 0.8em; }
+#sidebar h3 { font-size: 1.4em; color: #777; padding: 4px 0 17px 0; }
+#sidebar h3 { padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #ccc; }
+#sidebar ul { list-style: none; padding: 0; margin: 0; }
+#sidebar li span { color: #777; padding-left: 5px; }
+#sidebar a { color: #c66; text-decoration: none; font-weight: bold; }
+#sidebar ul li ul { padding-left: 20px; }
+#sidebar #tagcloud h3, #feeds h3 { padding-top: 30px; }
+#sidebar #feeds img { padding-right: 7px; }
+
+/* tag cloud */
+#tagcloud li { display: inline; }
+#tagcloud .tagcloud_0 a { font-size: 1.0em; color: #8ea0d2; }
+#tagcloud .tagcloud_1 a { font-size: 1.2em; color: #7c91cb; }
+#tagcloud .tagcloud_2 a { font-size: 1.5em; color: #6981c3; }
+#tagcloud .tagcloud_3 a { font-size: 1.8em; color: #5772bc; }
+#tagcloud .tagcloud_4 a { font-size: 2.1em; color: #4764b3; }
+#tagcloud .tagcloud_5 a { font-size: 2.4em; color: #405aa0; }
+
+/* footer styles */
+#footer { padding-top: 5%; clear: both; text-align: center; }
+#footer ul { list-style: none; padding: 0; margin: 0; }
+#footer li { padding: 15px 0; font-size: 0.9em; color: #aaa; border-top: 1px solid; }
+#footer ul li.lastpage { float: left; border: none; }
+#footer ul li.nextpage { float: right; text-align: right; border: none; }
+#footer a { font-size: 0.9em; text-decoration: none; color: #777; }
+#footer a:hover { text-decoration: underline; color: #09c; }
+
+/* messages and debugging */
+h3.error { padding-top: 2%; font-size: 1.1em; color: #c00; }
+h3.message { padding-top: 2%; font-size: 0.9em; color: #060; }
+pre#dump { background-color: #fff; }
+