diff options
Diffstat (limited to 'themes/default')
-rw-r--r-- | themes/default/base.tmpl | 57 | ||||
-rw-r--r-- | themes/default/css/cc-by-sa.png | bin | 0 -> 672 bytes | |||
-rw-r--r-- | themes/default/css/logo_large.jpg | bin | 0 -> 52898 bytes | |||
-rw-r--r-- | themes/default/css/logo_medium.jpg | bin | 0 -> 26688 bytes | |||
-rw-r--r-- | themes/default/css/logo_small.jpg | bin | 0 -> 19931 bytes | |||
-rw-r--r-- | themes/default/css/style.css | 100 | ||||
-rw-r--r-- | themes/default/index.tmpl | 34 | ||||
-rw-r--r-- | themes/default/post.tmpl | 27 |
8 files changed, 218 insertions, 0 deletions
diff --git a/themes/default/base.tmpl b/themes/default/base.tmpl new file mode 100644 index 0000000..24303cd --- /dev/null +++ b/themes/default/base.tmpl @@ -0,0 +1,57 @@ +{namespace coleslaw.theme.hyde} + +{template base} +<!doctype html>{\n} +<html lang="{$config.lang}"> + <head> + <title>{$config.title}</title> + <meta http-equiv="content-type" content="text/html;" charset="{$config.charset}" /> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <link href="//fonts.googleapis.com/css?family=Vollkorn:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css" /> + <link href="//fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet" type="text/css" /> + <link href= "{$config.domain}/css/style.css" rel="stylesheet" type="text/css" /> + <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="navigation"> + <a href="{$config.domain}">{$config.title}</a> | + {foreach $link in $config.sitenav} + {if $link.relative} + <a href="{$config.domain}/{$link.url}">{$link.name}</a> + {else} + <a href="{$link.url}">{$link.name}</a> + {/if} + {if not isLast($link)} {sp}|{sp} {/if} + {/foreach} + </div> + <div id="content"> + {$raw |noAutoescape} + </div> + {if $injections.body} + {foreach $injection in $injections.body} + {$injection |noAutoescape} + {/foreach} + {/if} + <div class="fineprint"> + <hr> + 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}/css/cc-by-sa.png" /> + </a> + {/if} + by {$config.author} + <a id="coleslaw-logo" href="https://github.com/redline6561/coleslaw"> + <img src="{$config.domain}/css/logo_small.jpg" alt="Coleslaw logo" /> + </a> + </div> + </body> +</html> +{/template} diff --git a/themes/default/css/cc-by-sa.png b/themes/default/css/cc-by-sa.png Binary files differnew file mode 100644 index 0000000..c67509f --- /dev/null +++ b/themes/default/css/cc-by-sa.png diff --git a/themes/default/css/logo_large.jpg b/themes/default/css/logo_large.jpg Binary files differnew file mode 100644 index 0000000..c4b820d --- /dev/null +++ b/themes/default/css/logo_large.jpg diff --git a/themes/default/css/logo_medium.jpg b/themes/default/css/logo_medium.jpg Binary files differnew file mode 100644 index 0000000..b4257e6 --- /dev/null +++ b/themes/default/css/logo_medium.jpg diff --git a/themes/default/css/logo_small.jpg b/themes/default/css/logo_small.jpg Binary files differnew file mode 100644 index 0000000..ea5c609 --- /dev/null +++ b/themes/default/css/logo_small.jpg diff --git a/themes/default/css/style.css b/themes/default/css/style.css new file mode 100644 index 0000000..44351fb --- /dev/null +++ b/themes/default/css/style.css @@ -0,0 +1,100 @@ +#content { background: #fff; padding-top: 1em } +#header { float: right; margin-left: 1em; margin-bottom: 1em } +#coleslaw-logo { float: right; } +a { text-decoration: none; color: #992900 } +a.anchor { color: black } +.date { font-style: italic } +.title { margin-left: 1em } +.article-meta { margin-left: 2.2em; margin-bottom: 2.2em } +.archive-title { font-size: 1em } .article-title { font-size: 2em } +.article-content { margin-left: 2.2em } +.fineprint { text-align: center; font-size: .9em; margin-top: .5em } +.tag-low { font-size: .8em; font-weight: 200 } +.tag-medium { font-size: 1.2em; font-weight: 600 } +.tag-high { font-size: 1.8em; font-weight: 800 } +.navigation { font-size: 1.2em; border-bottom: 1px solid } +body { background-color: white; font-family: Vollkorn; font-size: 14pt } +pre { overflow: auto; margin-left: 1em; padding: 0.5em; border-left: 1px dashed; + background-color: white; padding: .75em .5em; font-family: (unquote mono-font) } +tt { font-size: .9em; font-family: (unquote mono-font) } + +/* 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; } + +@media (max-width: 680px) { + + #content { + padding-top: 0em + } + + .title { + margin-left: 0.1em; + } + + .article-meta { + margin-bottom: 1em; + } + + .article-meta, .article-content { + float: left; + margin-left: 0em; + margin-right: 0em; + width: 90%; + padding-left: 5%; + } + + .article, .article-content { + margin-left: 0em; + text-align: justify; + } + + img { + display: block; + margin-left: auto; + margin-right: auto; + width: 100%; + } + + #coleslaw-logo { + float: none; + } + + #coleslaw-logo img { + margin-left: auto; + margin-right: auto; + float: none; + width: auto; + } + + .fineprint a img { + width: auto; + clear: both; + } +} diff --git a/themes/default/index.tmpl b/themes/default/index.tmpl new file mode 100644 index 0000000..29cbee9 --- /dev/null +++ b/themes/default/index.tmpl @@ -0,0 +1,34 @@ +{namespace coleslaw.theme.hyde} + +{template index} +<h1 class="title">{$index.title}</h1> +{foreach $obj in $index.content} + <div class="article-meta"> + <a class="article-title" href="{$config.domain}/{$obj.url}">{$obj.title}</a> + <div class="date"> posted on {$obj.date}</div> + <div class="article">{$obj.excerpt |noAutoescape}</div> + </div> +{/foreach} +<div id="relative-nav"> + {if $prev} <a href="{$config.domain}/{$prev.url}">Previous</a> {/if} + {if $next} <a href="{$config.domain}/{$next.url}">Next</a> {/if} +</div> +{if $tags} +<div id="tagsoup"> + <p>This blog covers + {foreach $tag in $tags} + <a href="{$config.domain}/{$tag.url}">{$tag.name}</a>{nil} + {if not isLast($tag)},{sp}{/if} + {/foreach} +</div> +{/if} +{if $months} +<div id="monthsoup"> + <p>View content from + {foreach $month in $months} + <a href="{$config.domain}/{$month.url}">{$month.name}</a>{nil} + {if not isLast($month)},{sp}{/if} + {/foreach} +</div> +{/if} +{/template} diff --git a/themes/default/post.tmpl b/themes/default/post.tmpl new file mode 100644 index 0000000..f7b81bc --- /dev/null +++ b/themes/default/post.tmpl @@ -0,0 +1,27 @@ +{namespace coleslaw.theme.hyde} + +{template post} +<div class="article-meta">{\n} + <h1 class="title">{$post.title}</h1>{\n} + <div class="tags">{\n} + {if $post.tags} + Tagged as {foreach $tag in $post.tags} + <a href="{$config.domain}/{$tag.url}">{$tag.name}</a>{nil} + {if not isLast($tag)},{sp}{/if} + {/foreach} + {/if} + </div>{\n} + <div class="date">{\n} + {if $post.date} + Written on {$post.date} + {/if} + </div>{\n} +</div>{\n} +<div class="article-content">{\n} + {$post.text |noAutoescape} +</div>{\n} +<div class="relative-nav">{\n} + {if $prev} <a href="{$config.domain}/{$prev.url}">Previous</a><br> {/if}{\n} + {if $next} <a href="{$config.domain}/{$next.url}">Next</a><br> {/if}{\n} +</div>{\n} +{/template} |