diff --git a/archive.html b/archive.html new file mode 100644 index 0000000..9a23ac6 --- /dev/null +++ b/archive.html @@ -0,0 +1,202 @@ +{% include 'block_header_open.html' %} + +{%- if taxonomy.name -%} +{%- set title = taxonomy.name ~ ' | ' ~ site.name -%} +{%- else -%} +{%- set title = site.name -%} +{%- endif -%} +{%- if ( taxonomy.paged > 1 ) -%} +{%- set turl = site.url ~ taxonomy.url ~ taxonomy.paged ~ '/' -%} +{%- else -%} +{%- set turl = site.url ~ taxonomy.url -%} +{%- endif -%} + {{ title }} + + + + + + + + + + + + + + {% if site.author.twitter %}{% endif %} + {% if site.author.twitter %}{% endif %} + + + + + + + + + + + + . All rights reserved."> + +{% include 'block_header_close.html' %} + +
+ + + + {% if taxonomy.name %} +

{{ taxonomy.name }}

+ {% endif %} + {% if taxonomy.description %} +

{{ taxonomy.description }}

+ {% endif %} + + {% for post in posts %} + + {% if ( ( post.category == 'photo' ) ) %} + {% set hentry = 'photo' %} + {% elif ( ( post.category == 'article' ) or (post.category == 'journal' ) ) %} + {% set hentry = 'article' %} + {% elif ( ( post.category == 'note' ) or ( post.category == 'reply' ) ) %} + {% set hentry = 'note' %} + {% else %} + {% set hentry = 'status' %} + {% endif %} + +
+
+ + {% if post.reactions %} +

{% include 'block_reaction.html' %}

+ {% elif post.title|length %} +

+ + + {{ post.title }} + + +

+ {% endif %} + + + +
+ + {% if hentry == "article" %} +
+ {%if post.thumbnail %} + {{ post.title }} + {% else %} + + {% endif %} {{ post.summary }} + + + +
+
+ {% else %} +
+ + {{ post.html }} + + {% if ( post.exif ) %} + {% include 'block_exif.html' %} + {% endif %} + +
+
+ {% endif %} + + +
+ + {% endfor %} +
+ +{% if taxonomy.total > 1 %} + + {# based on: http://dev.dbl-a.com/symfony-2-0/symfony2-and-twig-pagination/ #} + + +{% endif %} + +{% include 'block_footer.html' %} \ No newline at end of file diff --git a/block_exif.html b/block_exif.html new file mode 100644 index 0000000..3c49c8c --- /dev/null +++ b/block_exif.html @@ -0,0 +1,49 @@ + diff --git a/block_footer.html b/block_footer.html new file mode 100644 index 0000000..2cf4848 --- /dev/null +++ b/block_footer.html @@ -0,0 +1,53 @@ + + + + + \ No newline at end of file diff --git a/block_header_close.html b/block_header_close.html new file mode 100644 index 0000000..e378428 --- /dev/null +++ b/block_header_close.html @@ -0,0 +1,146 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+
\ No newline at end of file diff --git a/block_header_open.html b/block_header_open.html new file mode 100644 index 0000000..6ff50ed --- /dev/null +++ b/block_header_open.html @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/block_reaction.html b/block_reaction.html new file mode 100644 index 0000000..15c91e7 --- /dev/null +++ b/block_reaction.html @@ -0,0 +1,38 @@ +{% if post.reactions.bookmark %} + {% for reaction in post.reactions.bookmark %} + {% if post.title|length %} + {{ post.title }}
+ + {{ reaction }} + {% else %} + + + {{ reaction }} + + {% endif %} + {% endfor %} +{% endif %} + +{% if post.reactions.reply %} + {% for reaction in post.reactions.reply %} + + + {{ reaction }} + + {% endfor %} +{% endif %} + +{% if post.reactions.repost %} + {% for reaction in post.reactions.repost %} + {% if post.title|length %} + {{ post.title }}
+ + {{ reaction }} + {% else %} + + + {{ reaction }} + + {% endif %} + {% endfor %} +{% endif %} diff --git a/block_syndicate.html b/block_syndicate.html new file mode 100644 index 0000000..5ee082b --- /dev/null +++ b/block_syndicate.html @@ -0,0 +1,8 @@ + \ No newline at end of file diff --git a/gallery.html b/gallery.html new file mode 100644 index 0000000..b302d11 --- /dev/null +++ b/gallery.html @@ -0,0 +1,19 @@ +{% include 'block_header_open.html' %} + +{%- if taxonomy.name -%} +{%- set title = taxonomy.name ~ ' | ' ~ site.name -%} +{%- else -%} +{%- set title = site.name -%} +{%- endif -%} + {{ title }} + +{% include 'block_header_close.html' %} + +
+
+ +{% include 'block_footer.html' %} diff --git a/localcopy.html b/localcopy.html new file mode 100644 index 0000000..0abb0f0 --- /dev/null +++ b/localcopy.html @@ -0,0 +1,15 @@ + + + + + + {{ post.title }} + + + + + + +{{ post.html }} + + \ No newline at end of file diff --git a/page.html b/page.html new file mode 100644 index 0000000..043fb84 --- /dev/null +++ b/page.html @@ -0,0 +1,32 @@ +{% include 'block_header_open.html' %} +{% if post.title %} +{{ post.title }} | {{ site.domain }} +{% else %} +{{ post.name }} | {{ site.domain }} +{% endif %} +{% include 'block_header_close.html' %} + + +
+ +
+ +{% include 'block_footer.html' %} \ No newline at end of file diff --git a/redirect.html b/redirect.html new file mode 100644 index 0000000..6e0a85e --- /dev/null +++ b/redirect.html @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/rss.html b/rss.html new file mode 100644 index 0000000..1f5204b --- /dev/null +++ b/rss.html @@ -0,0 +1,47 @@ + + + +{%- if taxonomy.name -%} +{%- set title = taxonomy.name ~ ' | ' ~ site.name -%} +{%- else -%} +{%- set title = site.name -%} +{%- endif -%} + + + {{ title }} + + {{ site.url}}{{ taxonomy.url }}feed + {{ description }} + {{ site.lang }} + daily + 1 + +{% for post in posts %} + + {% if post.title %}{{ post.title }}{% endif%} + {{ site.url }}/{{ post.slug }} + {{ post.published|date("%a, %d %b %Y %T %z") }} + + {{ site.url }}/{{ post.slug }} + + + {{ post.lang }} + {% if post.tags %} + {% for tname in post.tags %} + + {% endfor %} + {% endif %} + {% if post.rssenclosure %} + + {% endif %} + +{% endfor %} + + diff --git a/searchresults.html b/searchresults.html new file mode 100644 index 0000000..d3c1c44 --- /dev/null +++ b/searchresults.html @@ -0,0 +1,42 @@ + + + + + + Search results for "{{ term }}" + + + +
+

Search results for "{{ term }}"

+ {% if posts|length %} + {% for post in posts %} + + {% endfor %} + {% else %} +

No results for search term "{{ term }}"

+ {% endif %} +
+ + + diff --git a/singular.html b/singular.html new file mode 100644 index 0000000..8efe0a6 --- /dev/null +++ b/singular.html @@ -0,0 +1,144 @@ +{%- if post.exif -%} +{%- set dctype = "Image" -%} +{%- else -%} +{%- set dctype = "Text" -%} +{%- endif -%} +{% include 'block_header_open.html' %} + + {% if post.title %} + {{ post.title }} | {{ site.domain }} + {% else %} + {{ post.name }} | {{ site.domain }} + {% endif %} + + + + + + + + + + + + + + {% if post.modified %}{%endif%} + + + + + + + + + + + + . All rights reserved."> + +{% include 'block_header_close.html' %} + +
+
+
+ {% if post.reactions %} +

{% include 'block_reaction.html' %}

+ {% elif post.title|length %} +

+ + {{ post.title }} + +

+ {% endif %} + + {% if 'IT' in post.tags %} + {% if post.updated %} + {% set py = post.updated|date('%Y')|int %} + {% else %} + {% set py = post.published|date('%Y')|int %} + {% endif %} + {% if( "now"|date('%Y')|int - py ) >= 2 %} +

WARNING: this entry was published in {{ post.published|date('%Y') }}.
It might be outdated.

+ {% endif %} + {%endif%} + +
+ + {% if post.summary %} +
+ {{ post.summary }} +
+
+ {% endif %} + +
+
+ {{ post.html }} + + {% if ( post.exif ) %} + {% include 'block_exif.html' %} + {% endif %} + + {% if ( post.syndicate ) %} + {% include 'block_syndicate.html' %} + {% endif %} + +
+
+ + +
+ +
+ + +{% include 'block_footer.html' %} \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..efb15e0 --- /dev/null +++ b/style.css @@ -0,0 +1,845 @@ +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} + +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; + /*! margin: 0; */ + /*! padding: 0; */ +} + + +html, body { + min-height: 100%; + font-size:19px; + line-height: 1.4em; + font-family:"Liberation Sans", "Helvetica Neue", "Roboto", sans-serif; + font-weight: normal; + color: #333336; + text-shadow: 1px 1px 1px rgba(0,0,0,0.004); + margin:0; + padding:0; + background-color: #fafafa; +} + +html { + position: relative; +} + +a { + color: #333; + border-bottom: 1px solid #999; + text-decoration:none; +} + +a:hover { + color: #000; + border-bottom: 1px solid #000; +} + +b, strong { + font-weight:bold; +} + +em { + font-style: italic; +} + +p { + padding: 0.6rem 0; +} + +ul, ol { + margin: 0.3rem 0; + padding-left:2rem; +} + +ul li p, +ol li p { + margin: 0.6rem 0; + padding: 0; + line-height: 1.1rem; +} + +blockquote, q { + quotes: none; + margin: 1em 0 1em 1em; + padding-left: 1em; + font-style: italic; + border-left: 2px solid #333; +} + +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +.footnotes hr { + border:0; + margin-bottom:2rem; +} + +.footnotes hr:before { + content: "References"; + color: #333336; +} + + +h1, +h2, +h3, +h4, +h5, +h6, +dt, +.footnotes hr:before { + font-weight:bold; + clear:both; + margin: 0.6rem 0; + font-size: 1rem; + line-height: 1.1rem; +} + +.footnoteRef, +.footnoteRef:hover { + border: 0; + white-space: nowrap; +} + +.footnoteRef sup { + vertical-align: baseline; + position: relative; + top: -0.3rem; + font-size: 0.8rem; + color: #33c; + margin: 0 0.1rem 0 0; +/* + letter-spacing: -0.08rem; + left: -0.1rem; +*/ + +} + +.footnoteRef sup:before, +.footnoteRef sup:after { + color: #33c; +} + +.footnoteRef sup:before { + content: "["; +} + +.footnoteRef sup:after { + content: "]"; +} + +.footnoteRef sup:hover, +.footnoteRef sup:hover:after, +.footnoteRef sup:hover:before { + text-shadow: 1px 0 0 #33c; +} + +hr { + display: block; + height: 1px; + border: 0; + border-top: 1px solid #999; + margin: 0.6rem 0; + clear:both; +} + +pre { + font-family: "Inconsolata", monospace; + font-size: 0.9rem; + margin: 0.3rem 0; + padding: 0.3rem; + overflow: auto; +} + + +svg { + transform: rotate(0.01deg); +} + +.icon { + width: 19px; + height: 19px; + display: inline-block; + fill: currentColor; + vertical-align:middle; + overflow: visible; +} + +code.sourceCode span.kw { font-weight: bold; } +code.sourceCode span.dt { color: #800000; } +code.sourceCode span.dv { color: #0000FF; } +code.sourceCode span.bn { color: #0000FF; } +code.sourceCode span.fl { color: #800080; } +code.sourceCode span.ch { color: #FF00FF; } +code.sourceCode span.st { color: #DD0000; } +code.sourceCode span.co { color: #808080; font-style: italic; } +code.sourceCode span.ot { } +code.sourceCode span.al { color: green; font-weight: bold; } +code.sourceCode span.fu { color: #000080; } +code.sourceCode span.re { } +code.sourceCode span.er { color: red; font-weight: bold; } + + +code, +pre { + font-family: "Inconsolata", monospace; + font-size: 0.9rem; +} + +pre.sourceCode { + margin-top: -0.3rem; + overflow: auto; + border-top: 1px solid #dddddd; + border-bottom: 1px solid #dddddd; +} + +code.sourceCode { + direction: ltr; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + -moz-tab-size: 2; + -o-tab-size: 2; + tab-size: 2; + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; +} + +.tags { + +} +.tags ul { + list-style-type: none; + padding: 0.6rem 0; +} +.tags ul li { + display: inline-block; +} + +.tags ul li:after { + content: ","; + margin: 0 0.3rem 0 -0.2rem; +} + +.tags ul li:last-child:after { + content: ""; + display:none; +} + +/* +.tags ul li:before { + content: "#"; + margin: 0 -0.2rem 0 0; +} +*/ + +.shortlink svg { + width: 5rem; + height: 5rem; + display:block; + margin: 0 0 0.6rem 0; + +} + +.footnotes ol li a { + display: inline-block; + max-width: 80%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + vertical-align: top; + margin-bottom: 0.3rem; +} + +.footnotes ol li a[href^="#"] { + margin: 0 0 0 0.6rem; + max-width: 20%; + font-size: 0.6rem; +} + +.footnotes ol li a[href^="#"]:after { + content: "back to text"; + margin: 0 0 0 0.1rem; + color: #666; +} + +.footnotes ol li a[href^="#"]:hover:after { + color: #000; +} + + +.hide { + display: none; + visibility: hidden; +} + +.content-header, +.content-footer { + background-color: #333336; + color: #bbb; +} + +.content-header a, +.content-footer a { + color: #cccccc; + text-decoration: none; + border: none; +} + +.content-header a:hover, +.content-footer a:hover { + color: #fefefe; + border: none; +} + +.content-navigation, +.search-form { + display:block; +} + +input { + vertical-align:middle; + border: none; + border-bottom: 3px solid #aaa; + background-color: transparent; + color: #ccc; + padding: 0.2rem; + height: 1.6rem; + width: 6rem; +} + +input[type=submit] { + width: 2.2rem; + cursor: pointer; +} + +input:focus, +input[type=submit]:hover { + border-bottom: 3px solid #fff; + color: #fff; +} + + +.search-form { + display: block; + padding: 0.3rem 0.1rem; + text-align: center; +} + +.content-navigation ul { + list-style-type: none; + margin: 0; + padding: 0; + text-align:center; +} + +.content-navigation ul li { + padding: 0.3rem 0; + display: inline-block; + text-align: center; +} + +.content-navigation ul li a { + display:block; + padding:0.2rem; + font-weight: bold; + border-bottom: 0.2rem solid transparent; + text-align: center; + font-size: 0.7rem; +} + +.content-navigation ul li a svg { + display:block; + margin: auto; +} + +.content-navigation ul li a.active { + border-bottom: 0.2rem solid #cccccc; +} + +.content-navigation ul li a:hover { + border-bottom: 0.2rem solid #fefefe; +} + + +@media all and (min-width: 50rem) { + + .content-navigation ul li a { + font-size: 0.9rem; + } + .content-navigation ul li a svg { + display:inline-block; + } + + .search-form, + .content-navigation { + display:inline-block; + } + + .search-form { + float:right; + margin: 0.1rem; + } + +} + + +.more { + display:block; + padding:0.3rem 0 0 0; + font-weight:bold; +} + +.more a:before { + content:'Continue \00BB'; +} + +.follow { + cursor:pointer; + display:block; + text-align:right; + margin: 0.6rem 0; + font-size: 0.8rem; +} + +.follow a { + border-bottom: 3px solid #aaa; + padding: 0.3rem; +} + +.follow a:hover { + border-bottom-color: #333; +} + +.limit, +.content-body { + max-width: 72ch; + margin: 1rem auto; +} + +.h-entry { + font-size: 0.86rem; + padding: 0.6rem; + margin: 0 0 1rem 0; +} + +.h-entry header h1 { + font-size: 1.3rem; + line-height: 1.3rem; + margin: 0; +} + +.h-entry header h1 a { + border: none; +} + +.h-entry header h2 { + font-size: 0.96rem; + margin: 0; +} + +.h-entry header aside { + font-size: 0.76rem; + display: inline-block; + margin: 0; +} + +.h-entry header h2 a, +.h-entry header aside a { + border-color: transparent; +} + +.h-entry header h2 a:hover, +.h-entry header aside a:hover { + border-color: #999; +} + +.h-entry header aside p { + margin: 0; + padding: 0; +} + +.h-entry .author .avatar { + display:none; + visibility: hidden; +} + +.h-entry .reaction a { + display:inline-block; + vertical-align: middle; + max-width: 80%; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + font-weight: normal; + border-color: #ccc; + font-size: 0.9rem; + margin: 0.3rem 0; +} + +.h-entry .e-summary { + margin: 0.6rem 0.6rem 0 0.6rem; +} + +.h-entry .e-summary img { + width: 5.4rem; + height: 5.4rem; + margin: 0 1rem 0 0; + float: left; + display: block; +} + +.h-entry .e-summary p { + display:inline; +} + +.h-entry .e-content { + margin: 0.6rem 0.6rem 0 0.6rem; +} + +.h-entry .e-content h2 { + padding: 0.3rem 0; + border-bottom: 2px solid #989898; +} + +.h-entry .e-content h3 { + display: inline-block; + padding: 0.3rem 0 0 0; + border-bottom: 1px solid #989898; +} + +.h-entry footer, +.footnotes { + font-size: 0.8rem; +} + + +.h-entry footer a, +.footnotes a { + border-color: #ddd; +} + +.h-entry footer a:hover, +.footnotes a:hover { + border-color: #000; +} + + +.footnotes ol li p { + line-height: 1.3rem; + padding: 0; + margin: 0; +} + +.h-entry footer h6, +.h-entry .footnotes hr:before { + font-size: 0.8rem; + margin: 1rem 0 0 0; +} + +.content-note { + font-size: 0.8rem; +} + +.adaptimg { + display: block; + max-height: 98vh; + max-width: 100%; + width:auto; + height:auto; + margin: 0.6rem auto; + padding: 0; + outline: 1px solid #333; +} + +.w25, +.w33 { + display: inline-block; + height: auto; +} + +.w33 { + width: 32%; +} +.w25 { + width: 24%; +} + +/* + transition-duration: 0.2s; + transition-property: outline-offset; +} + +.adaptimg:hover, .adaptimg:focus { + outline-offset: 0.3rem; +} +*/ + +.photo .caption { + display:block; + font-style: italic; + margin-bottom: 2em; +} + +.exif { + font-size: 0.7rem; + text-align:center; +} +.exif ul { + list-style-type: none; +} +.exif ul li { + display: inline-block; + margin: 0 0.3rem; +} +.exif ul li i { + margin-right: 0.3rem; +} + +.pagination ul { + text-align:center; + display: block; + list-style-type: none; + font-size: 1.2rem; + line-height: 1.4rem; +} + +.pagination ul li { + display:inline-block; +} + +.pagination ul li a, +.pagination ul li span { + padding: 0.3rem 0.6rem; +} + +.pagination ul li a { + border-bottom: 3px solid #aaa; +} + +.pagination ul li a:hover { + border-bottom-color: #333336; +} + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +.content-footer { + margin-top: 2rem; + line-height: 1.3rem; + overflow: hidden; +} + + +.footer-contact, +.footer-notes { + display: block; + padding: 1rem; + font-size: 0.9rem; +} + +.footer-contact dl, +.footer-contact img { + display: inline-block; + vertical-align: top; + width: 80%; +} + +.footer-contact img { + width: 18%; +} + +.footer-contact .p-name { + font-size: 1.1rem; + font-variant: small-caps; +} + +.footer-contact dl dt { + display:none; + visibility: hidden; +} + +.footer-contact dl dd { + padding: 0 1rem 0.3rem 0; + margin: 0 1rem 0.3rem 0.3rem; + border-bottom: 1px solid #666; +} + +.footer-contact dl dd:first-of-type { + border-bottom: none; +} + +@media all and (min-width: 50rem) { + .footer-contact, + .footer-notes { + display: inline-block; + max-width: 48%; + padding: 1rem; + vertical-align: top; + } + +} + +.searchresult { + margin: 0 0 2rem 0; +} + +.searchresult h3 { + font-weight: normal; + font-family: mono, monospace; + font-size: 0.7rem; + margin: 0; +} + +.searchresult h3:before { + content: "\2937"; +} + +.searchresult .highlight { + font-size: 0.9rem; +} + +@media print { + + html, body { + font-size:10pt !important; + text-shadow:unset !important; + } + + @page { + margin: 0.5in; + orphans: 4; + widows: 3; + } + + .limit, + .content-body { + max-width: 100% !important; + margin: 0 !important; + } + + h1, + h2, + h3, + h4, + h5, + h6 { + page-break-after: avoid; + } + + p, + li, + pre, + figure, + blockquote, + aside, + .footnotes { + page-break-inside: avoid !important; + } + + .e-content { + -webkit-columns: 2 20rem; + -moz-columns: 2 20rem; + columns: 2 20rem; + + -webkit-column-gap: 1rem; + -moz-column-gap: 1rem; + column-gap: 1rem; + } + + .e-content .photo { + display:block; + page-break-inside: avoid !important; + } + + .e-content .adaptive { + display:block; + max-width: 100%; + max-height: 45vh; + text-align:center; + border:none; + text-decoration:none; + padding:0; + margin: 1rem auto 1rem auto; + page-break-inside: avoid !important; + } + + .e-content .adaptive img { + page-break-inside: avoid !important; + max-width: 100%; + max-height:45vh; + } + + .e-content .adaptive .caption { + font-style: italic; + display:block; + margin-bottom: 2em + } + + .content-note, + .content-header, + .content-footer, + video, + audio { + display:none; + visibility: hidden; + } + + .footnotes ol li a { + display: block; + overflow: visible; + white-space: normal; + } + + .footnotes ol li a[href^="#"], + .footnotes ol li a[href^="#"]:after { + display:none; + visibility: hidden; + } + +}