New theme based on bootswatch readable.
This commit is contained in:
parent
38795ad77b
commit
d30cbc7d7b
11 changed files with 178 additions and 0 deletions
|
@ -51,6 +51,8 @@ Additional args to render CONTENT can be passed via RENDER-ARGS."
|
|||
(ensure-directories-exist staging)
|
||||
(with-current-directory staging
|
||||
(dolist (dir (list (app-path "themes/~a/css" (theme *config*))
|
||||
(app-path "themes/~a/img" (theme *config*))
|
||||
(app-path "themes/~a/js" (theme *config*))
|
||||
(merge-pathnames "static" (repo *config*))))
|
||||
(when (probe-file dir)
|
||||
(run-program "cp -R ~a ." dir)))
|
||||
|
|
67
themes/readable/base.tmpl
Normal file
67
themes/readable/base.tmpl
Normal file
|
@ -0,0 +1,67 @@
|
|||
{namespace coleslaw.theme.readable}
|
||||
|
||||
{template base}
|
||||
<!DOCTYPE html>{\n}
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>{$config.title}</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link href="{$config.domain}/css/bootstrap.min.css" rel="stylesheet" media="screen">
|
||||
<link href="{$config.domain}/css/custom.css" rel="stylesheet" media="screen">
|
||||
<link rel="alternate" href="{$config.domain}/rss.xml" type="application/rss+xml" />
|
||||
{if $injections.head}
|
||||
{foreach $injection in $injections.head}
|
||||
{$injection |noAutoescape}
|
||||
{/foreach}
|
||||
{/if}
|
||||
</head>
|
||||
<body>
|
||||
<div class="container-fluid">
|
||||
<div class="row-fluid">
|
||||
<div class="offset2 span8">
|
||||
<div class="row-fluid">
|
||||
<div class="navbar navbar-inverse">
|
||||
<div class="navbar-inner">
|
||||
<a class="brand" href="{$config.domain}">{$config.title}</a>
|
||||
<ul class="nav">
|
||||
{foreach $link in $config.sitenav}
|
||||
<li><a href="{$link.url}">{$link.name}</a></li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid">
|
||||
{$raw |noAutoescape}
|
||||
</div>
|
||||
|
||||
{if $injections.body}
|
||||
{foreach $injection in $injections.body}
|
||||
<div class="row-fluid">
|
||||
{$injection |noAutoescape}
|
||||
</div>
|
||||
{/foreach}
|
||||
{/if}
|
||||
|
||||
<div class="row-fluid">
|
||||
<hr>
|
||||
<p class="fineprint">Unless otherwise credited all material
|
||||
{if $config.license}
|
||||
{$config.license}
|
||||
{else}
|
||||
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/deed.en_US">
|
||||
<img alt="Creative Commons License" style="border-width:0" src="{$config.domain}/img/cc-by-sa.png" />
|
||||
</a>
|
||||
{/if}
|
||||
by {$config.author}
|
||||
<img align="right" src="{$config.domain}/img/logo_small.jpg" /></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="{$config.domain}/js/bootstrap.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
{/template}
|
9
themes/readable/css/bootstrap.min.css
vendored
Normal file
9
themes/readable/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
41
themes/readable/css/custom.css
Normal file
41
themes/readable/css/custom.css
Normal file
|
@ -0,0 +1,41 @@
|
|||
hr {
|
||||
border: 0;
|
||||
height: 1px;
|
||||
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
|
||||
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
|
||||
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
|
||||
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
|
||||
}
|
||||
pre { overflow: auto; }
|
||||
p.date-posted { font-style: italic; }
|
||||
p.fineprint { font-size: smaller; }
|
||||
|
||||
/* Stolen from lisppaste for the colorize output of 3bmd */
|
||||
.paste { background-color: #F4F4F4; color: black; }
|
||||
.paste:hover { background-color: #F4F4F4; color: black; }
|
||||
.symbol { color : #770055; background-color : transparent; border: 0px; margin: 0px;}
|
||||
.special { color : #FF5000; background-color : inherit; }
|
||||
.keyword { color : #770000; background-color : inherit; }
|
||||
.comment { color : #007777; background-color : inherit; }
|
||||
.string { color : #777777; background-color : inherit; }
|
||||
.atom { color : #314F4F; background-color : inherit; }
|
||||
.macro { color : #FF5000; background-color : inherit; }
|
||||
.variable { color : #36648B; background-color : inherit; }
|
||||
.function { color : #8B4789; background-color : inherit; }
|
||||
.attribute { color : #FF5000; background-color : inherit; }
|
||||
.character { color : #0055AA; background-color : inherit; }
|
||||
.syntaxerror { color : #FF0000; background-color : inherit; }
|
||||
.diff-deleted { color : #5F2121; background-color : inherit; }
|
||||
.diff-added { color : #215F21; background-color : inherit; }
|
||||
span.paren1 { background-color : inherit; -webkit-transition: background-color 0.2s linear; }
|
||||
span.paren1:hover { color : inherit; background-color : #BAFFFF; }
|
||||
span.paren2 { background-color : inherit; -webkit-transition: background-color 0.2s linear; }
|
||||
span.paren2:hover { color : inherit; background-color : #FFCACA; }
|
||||
span.paren3 { background-color : inherit; -webkit-transition: background-color 0.2s linear; }
|
||||
span.paren3:hover { color : inherit; background-color : #FFFFBA; }
|
||||
span.paren4 { background-color : inherit; -webkit-transition: background-color 0.2s linear; }
|
||||
span.paren4:hover { color : inherit; background-color : #CACAFF; }
|
||||
span.paren5 { background-color : inherit; -webkit-transition: background-color 0.2s linear; }
|
||||
span.paren5:hover { color : inherit; background-color : #CAFFCA; }
|
||||
span.paren6 { background-color : inherit; -webkit-transition: background-color 0.2s linear; }
|
||||
span.paren6:hover { color : inherit; background-color : #FFBAFF; }
|
BIN
themes/readable/img/cc-by-sa.png
Normal file
BIN
themes/readable/img/cc-by-sa.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 672 B |
BIN
themes/readable/img/glyphicons-halflings-white.png
Normal file
BIN
themes/readable/img/glyphicons-halflings-white.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 8.6 KiB |
BIN
themes/readable/img/glyphicons-halflings.png
Normal file
BIN
themes/readable/img/glyphicons-halflings.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 12 KiB |
BIN
themes/readable/img/logo_small.jpg
Normal file
BIN
themes/readable/img/logo_small.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 20 KiB |
32
themes/readable/index.tmpl
Normal file
32
themes/readable/index.tmpl
Normal file
|
@ -0,0 +1,32 @@
|
|||
{namespace coleslaw.theme.readable}
|
||||
|
||||
{template index}
|
||||
<h1 class="page-header">{$index.title}</h1>
|
||||
{foreach $post in $index.posts}
|
||||
<div class="row-fluid">
|
||||
<h1><a href="{$config.domain}/posts/{$post.slug}.html">{$post.title}</a></h1>
|
||||
<p class="date-posted">posted on {$post.date}</p>
|
||||
{$post.text |noAutoescape}
|
||||
</div>
|
||||
{/foreach}
|
||||
{if $tags}
|
||||
<div class="row-fluid">
|
||||
<p>This blog covers
|
||||
{foreach $tag in $tags}
|
||||
<a href="{$config.domain}/tag/{$tag.slug}.html">{$tag.name}</a>{nil}
|
||||
{if not isLast($tag)},{sp}{/if}
|
||||
{/foreach}
|
||||
</p>
|
||||
</div>
|
||||
{/if}
|
||||
{if $months}
|
||||
<div class="row-fluid">
|
||||
<p>View posts from
|
||||
{foreach $month in $months}
|
||||
<a href="{$config.domain}/date/{$month}.html">{$month}</a>{nil}
|
||||
{if not isLast($month)},{sp}{/if}
|
||||
{/foreach}
|
||||
</p>
|
||||
</div>
|
||||
{/if}
|
||||
{/template}
|
6
themes/readable/js/bootstrap.min.js
vendored
Normal file
6
themes/readable/js/bootstrap.min.js
vendored
Normal file
|
@ -0,0 +1,6 @@
|
|||
/*!
|
||||
* Bootstrap without jQuery v0.3.1
|
||||
* By Daniel Davis under MIT License
|
||||
* https://github.com/tagawa/bootstrap-without-jquery
|
||||
*/
|
||||
;(function(){"use strict";function o(n){for(var f=n.children,r=0,i,t=0,u=f.length;t<u;t++)i=f[t],r+=Math.max(i.clientHeight,i.offsetHeight,i.scrollHeight);return r}function e(n){n=n||window.event;var f=n.currentTarget||n.srcElement,r=f.getAttribute("data-target"),t=document.querySelector(r),u=o(t),i=" "+t.className+" ";return i.indexOf(" in ")>-1?(i=i.replace(" in "," "),t.className=i,t.style.height="0"):(t.className+=" in ",t.style.height=u+"px"),!1}function c(n){n=n||window.event;var r=n.currentTarget||n.srcElement,i=r.parentElement,t=" "+i.className+" ";return t.indexOf(" open ")>-1?(t=t.replace(" open "," "),i.className=t):i.className+=" open ",!1}function h(n){n=n||window.event;var i=n.currentTarget||n.srcElement,t=i.parentElement;return t.className=(" "+t.className+" ").replace(" open "," "),!1}function s(n){n=n||window.event;var i=n.currentTarget||n.srcElement,t=i.parentElement;return t.parentElement.removeChild(t),!1}var f,u,i,r,n,t;for(document.querySelectorAll||(document.querySelectorAll=function(n){var f=document.styleSheets[0]||document.createStyleSheet(),r,i,t,u;for(f.addRule(n,"foo:bar"),r=document.all,i=[],t=0,u=r.length;t<u;t++)r[t].currentStyle.foo==="bar"&&(i[i.length]=r[t]);return f.removeRule(0),i}),f=document.querySelectorAll("[data-toggle=collapse]"),n=0,t=f.length;n<t;n++)f[n].onclick=e;for(u=document.querySelectorAll("[data-toggle=dropdown]"),n=0,t=u.length;n<t;n++)i=u[n],i.setAttribute("tabindex","0"),i.onclick=c,i.onblur=h;for(r=document.querySelectorAll("[data-dismiss=alert]"),n=0,t=r.length;n<t;n++)r[n].onclick=s})();
|
21
themes/readable/post.tmpl
Normal file
21
themes/readable/post.tmpl
Normal file
|
@ -0,0 +1,21 @@
|
|||
{namespace coleslaw.theme.readable}
|
||||
|
||||
{template post}
|
||||
<div class="row-fluid">{\n}
|
||||
<h1 class="page-header">{$post.title}</h1>{\n}
|
||||
<p>Tagged as
|
||||
{foreach $tag in $post.tags}
|
||||
<a href="../tag/{$tag.slug}.html">{$tag.name}</a>{nil}
|
||||
{if not isLast($tag)},{sp}{/if}
|
||||
{/foreach}
|
||||
</p>
|
||||
<p class="date-posted">Written on {$post.date}</p>
|
||||
|
||||
{$post.text |noAutoescape}
|
||||
|
||||
<ul class="pager">
|
||||
{if $prev}<li class="previous"><a href="{$config.domain}/posts/{$prev.slug}.html">← Previous</a></li>{/if}{\n}
|
||||
{if $next}<li class="next"><a href="{$config.domain}/posts/{$next.slug}.html">Next →</a></li>{/if}{\n}
|
||||
</ul>
|
||||
</div>{\n}
|
||||
{/template}
|
Loading…
Add table
Reference in a new issue