swiftfire-jekyll-theme 0.2.0

data/_sass/classic/_widgets.scss

@@ -0,0 +1,88 @@
+// Formatting for the widgets. Note that widgets are small.
+.widget {
+	font-size: $small-2-font-size;
+	h1 { font-size: $small-1-font-size; font-weight: bold; }
+	h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, figure { margin-bottom: 0; }
+}
+
+// The separator between widgets, a thin horizontal line.
+.widget-separator {
+	margin-top: $vspacing-unit / 2;
+	margin-left: 0;
+	margin-bottom: $vspacing-unit / 2;
+	margin-right: 0;
+	border-bottom: 1px solid $widget-separator-color;
+	@if $widget-separator-display { display: block; } @else { display: none; }
+}
+
+// Separator between primary, secondary and tertiary
+.secondary-widget-separator { @extend .widget-separator; }
+.tertiary-widget-separator { @extend .widget-separator; }
+
+// Used to include an iframe that scales with the column width in HD (16:9) format.
+// To be used for the div that wraps an iframe like:
+// <div class="scaling-iframe-wrapper-hd"><iframe>...</iframe></div>
+// Very usefull for video players etc.
+.scaling-iframe-wrapper-hd {
+	position: relative;
+	padding-bottom: 56.25%; // HD ratio is 16:9 => (9/16)*100%= 56.25%
+	padding-top: 30px;
+	overflow: hidden;
+	margin-top: $vspacing-unit;
+	margin-bottom: $vspacing-unit;
+	iframe {
+		// Allows component to extend over the padding area
+		position: absolute;
+		// Let the upper left corner be the upper left corner of the containg element
+		top: 0;
+		left: 0;
+		// Make the iframe as big as its container.
+		width: 100%;
+		height: 100%;
+	}
+}
+
+// Used by the older-posts widget
+.older-posts {
+	h1 {
+		margin-bottom: $vspacing-unit/2;
+	}
+	.year-details {
+		summary {
+			outline: none; // Prevent blue input-active activity border
+		}
+		.month-details {
+			padding-left: $hspacing-unit;
+			p {
+				padding: 0 0 0 (2 * $hspacing-unit);
+				margin: 0 0 0 0;
+				text-indent: -$hspacing-unit;
+			}
+		}
+	}
+}
+
+// For the categories
+.categories {
+	
+	// Do not display the checkbox
+	input { display: none; }
+	
+	p { margin: 0 }
+	
+	a {
+		text-decoration: none;
+		display: block;
+		background: $category-item-background;
+	}
+	a:hover { background: $category-item-background-hover; }
+	
+	label h1 { background: $category-header-background; }
+	label h1:hover { background: $category-header-background-hover; }
+	
+	.title { padding: $category-item-padding; }
+	
+	// Only display the categories when the cat input checkbox is active
+	.title { display: none; }
+	input:checked ~ { .title { display: block; } }
+}

data/assets/js/cookieconsent.min.js

@@ -0,0 +1 @@
+!function(){if(!window.hasCookieConsent){window.hasCookieConsent=!0;var e="cookieconsent_options",t="update_cookieconsent_options",n="cookieconsent_dismissed",i="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/1.0.9/";if(!(document.cookie.indexOf(n)>-1)){"function"!=typeof String.prototype.trim&&(String.prototype.trim=function(){return this.replace(/^\s+|\s+$/g,"")});var o,s={isArray:function(e){var t=Object.prototype.toString.call(e);return"[object Array]"==t},isObject:function(e){return"[object Object]"==Object.prototype.toString.call(e)},each:function(e,t,n,i){if(s.isObject(e)&&!i)for(var o in e)e.hasOwnProperty(o)&&t.call(n,e[o],o,e);else for(var r=0,c=e.length;c>r;r++)t.call(n,e[r],r,e)},merge:function(e,t){e&&s.each(t,function(t,n){s.isObject(t)&&s.isObject(e[n])?s.merge(e[n],t):e[n]=t})},bind:function(e,t){return function(){return e.apply(t,arguments)}},queryObject:function(e,t){var n,i=0,o=e;for(t=t.split(".");(n=t[i++])&&o.hasOwnProperty(n)&&(o=o[n]);)if(i===t.length)return o;return null},setCookie:function(e,t,n,i,o){n=n||365;var s=new Date;s.setDate(s.getDate()+n);var r=[e+"="+t,"expires="+s.toUTCString(),"path="+o||"/"];i&&r.push("domain="+i),document.cookie=r.join(";")},addEventListener:function(e,t,n){e.addEventListener?e.addEventListener(t,n):e.attachEvent("on"+t,n)}},r=function(){var e="data-cc-event",t="data-cc-if",n=function(e,t,i){return s.isArray(t)?s.each(t,function(t){n(e,t,i)}):void(e.addEventListener?e.addEventListener(t,i):e.attachEvent("on"+t,i))},i=function(e,t){return e.replace(/\{\{(.*?)\}\}/g,function(e,n){for(var i,o,r=n.split("||");o=r.shift();){if(o=o.trim(),'"'===o[0])return o.slice(1,o.length-1);if(i=s.queryObject(t,o))return i}return""})},o=function(e){var t=document.createElement("div");return t.innerHTML=e,t.children[0]},r=function(e,t,n){var i=e.parentNode.querySelectorAll("["+t+"]");s.each(i,function(e){var i=e.getAttribute(t);n(e,i)},window,!0)},c=function(t,i){r(t,e,function(e,t){var o=t.split(":"),r=s.queryObject(i,o[1]);n(e,o[0],s.bind(r,i))})},a=function(e,n){r(e,t,function(e,t){var i=s.queryObject(n,t);i||e.parentNode.removeChild(e)})};return{build:function(e,t){s.isArray(e)&&(e=e.join("")),e=i(e,t);var n=o(e);return c(n,t),a(n,t),n}}}(),c={options:{message:"This website uses cookies to ensure you get the best experience on our website. ",dismiss:"Got it!",learnMore:"More info",link:null,target:"_self",container:null,theme:"light-floating",domain:null,path:"/",expiryDays:365,markup:['<div class="cc_banner-wrapper {{containerClasses}}">','<div class="cc_banner cc_container cc_container--open">','<a href="#null" data-cc-event="click:dismiss" target="_blank" class="cc_btn cc_btn_accept_all">{{options.dismiss}}</a>','<p class="cc_message">{{options.message}} <a data-cc-if="options.link" target="{{ options.target }}" class="cc_more_info" href="{{options.link || "#null"}}">{{options.learnMore}}</a></p>','<a class="cc_logo" target="_blank" href="http://silktide.com/cookieconsent">Cookie Consent plugin for the EU cookie law</a>',"</div>","</div>"]},init:function(){var t=window[e];t&&this.setOptions(t),this.setContainer(),this.options.theme?this.loadTheme(this.render):this.render()},setOptionsOnTheFly:function(e){this.setOptions(e),this.render()},setOptions:function(e){s.merge(this.options,e)},setContainer:function(){this.options.container?this.container=document.querySelector(this.options.container):this.container=document.body,this.containerClasses="",navigator.appVersion.indexOf("MSIE 8")>-1&&(this.containerClasses+=" cc_ie8")},loadTheme:function(e){var t=this.options.theme;-1===t.indexOf(".css")&&(t=i+t+".css");var n=document.createElement("link");n.rel="stylesheet",n.type="text/css",n.href=t;var o=!1;n.onload=s.bind(function(){!o&&e&&(e.call(this),o=!0)},this),document.getElementsByTagName("head")[0].appendChild(n)},render:function(){this.element&&this.element.parentNode&&(this.element.parentNode.removeChild(this.element),delete this.element),this.element=r.build(this.options.markup,this),this.container.firstChild?this.container.insertBefore(this.element,this.container.firstChild):this.container.appendChild(this.element)},dismiss:function(e){e.preventDefault&&e.preventDefault(),e.returnValue=!1,this.setDismissedCookie(),this.container.removeChild(this.element)},setDismissedCookie:function(){s.setCookie(n,"yes",this.options.expiryDays,this.options.domain,this.options.path)}},a=!1;(o=function(){a||"complete"!=document.readyState||(c.init(),a=!0,window[t]=s.bind(c.setOptionsOnTheFly,c))})(),s.addEventListener(document,"readystatechange",o)}}}();

data/assets/main.scss

@@ -0,0 +1,9 @@
+---
+# Only the main Sass file needs front matter (the dashes are enough)
+---
+@charset "utf-8";
+
+// Note: This content has been removed in favour of the definitions in Classic-Jekyll-Theme.scss.
+
+// Import partials from the theme.
+@import "classic-jekyll-theme";

data/assets/templates/comment-section.sf.html

@@ -0,0 +1,137 @@
+<style>
+p { margin: 0; display: block; }
+input { color: black; }
+textarea { color: black; box-sizing: border-box; max-width: 100%; min-width: 100%; height: 150px; margin-bottom: 1em; }
+.comment-section {
+	display: flex;
+	flex-direction: column;
+	width: 100%;
+	border-top: 1px solid lightgrey;
+	margin-top: 2em;
+}
+.comment-block {
+	display: flex;
+	flex-direction: row;
+	width: 100%;
+	margin-bottom: 1em;
+}
+.block-ident {
+	width: 20px;
+}
+.block-details {
+	border-top: 1px solid #dddddd;
+	display: flex;
+	flex-direction: column;
+	flex-grow: 1;
+}
+.details-header {
+	padding: 0.5em 0 0.5em 0;
+	font-size: .8em;
+}
+.details-text {
+	padding: .5em;
+	background-color: #f5f5f5;
+	font-size: .9em;
+}
+.details-footer {
+	display: none;
+	flex-direction: row;
+	justify-content: flex-end;
+	align-items: baseline;
+}
+.is-user-.show($account.uuid) {
+	display: flex;
+}
+.if($account.is-domain-admin, true)
+.is-admin {
+	display: flex;
+}
+.end()
+.if($account.is-moderator, true)
+.is-moderator {
+	display: flex;
+}
+.end()
+.small-button {
+	background-color: #e8e8e8;
+	border: 0;
+	margin-top: 2px;
+	margin-left: 4px;
+	font-size: .8em;
+	color: darkblue;
+}
+.comment-input {
+	border-top: 1px solid #dddddd;
+	width: 100%;
+	padding-top: 1em;
+}
+.input-form {
+	display: flex;
+	flex-direction: column;
+}
+.input-form-button {
+	margin-top: 1em;
+	
+}
+.grey-text { color: lightgrey; }
+.small-grey { color: grey; font-size: .8em; }
+</style>
+
+<div class="comment-section">
+	<p style="margin: 1em 0 1em 0;">Comments:</p>
+	
+.if($info.has-comments, false)
+	<p style="margin-top: 2em;">There are no comments yet</p>
+
+.else()
+	.cached($request.comment-section-identifier, $info.afterstamp)
+		.for(comments, $request.comment-section-identifier)
+			.if($info.comment-removed, true)
+	<div class="comment-block">
+		<p>This comment has been removed.</p>
+	</div>
+			.else()
+	<div class="comment-block">
+		<div class="block-ident"></div>
+		<form class="block-details" method="post">
+			<div class="details-header">
+				<p>(.show($info.ind)) .show($info.dname)<span class="grey-text"> wrote on .show($info.ftimp).if($account.name, equal, $info.aname) edit: .show($info.ftime).end():</span></p>
+			</div>
+			<div class="details-text">
+				<p>.show($info.html)</p>
+			</div>
+			<div class="details-footer is-admin is-moderator is-user-.show($info.auuid)">
+				<input type="hidden" name="next-url" value=".show($service.relative-resource-path)">
+				<input type="hidden" name="comment-account-id" value=".show($info.auuid)">
+				<input type="hidden" name="comment-original-timestamp" value=".show($info.timp)">
+				<input type="hidden" name="comment-text" value=".show($info.orig)">
+				<input type="hidden" name="comment-section-identifier" value=".show($request.comment-section-identifier)">
+				<input class="small-button" type="submit" name="edit-button" value="Edit/Remove" formAction="/command/edit-comment">
+			</div>
+		</form>
+	</div>
+			.end(if-comment-removed)
+		.end(for-comments)
+	.end(cached)
+.end()
+.if($info.comments-enabled, true)
+	<div class="comment-input">
+		<form class="input-form" action="/command/post-comment" method="post">
+			<textarea name="comment-text" placeholder="Your comments"></textarea>
+			<p class="small-grey">Use [i]..[/i] for italic, [b]..[/b] for bold. Links will not be clickable.</p>
+	.if($account.name, nil)
+			<p class="small-grey">Anonymous comments need approval by a moderator and cannot be edited or deleted. New users will have their first few posts moderated.</p>
+			<p class="small-grey"><a href="/pages/login.sf.html">Login first</a> to enable editing and removal of comments.</p>
+			<input class="input-form-button" type="text" name="display-name" placeholder="Anonymous">
+	.end()
+			<input type="hidden" name="next-url" value=".show($service.relative-resource-path)">
+			<input type="hidden" name="comment-section-identifier" value=".show($request.comment-section-identifier)">
+			<input class="input-form-button" type="submit" value="Submit">
+		</form>
+	</div>
+.else()
+	<div>
+		<p>Anonymous comments are not allowed, please login to comment.</p>
+	</div>
+.end()
+</div>

data/assets/templates/email-verification-text.sf.html

@@ -0,0 +1,6 @@
+<p>Please visit this <a href=".show($request.link)">link</a> to complete the verification process<p>
+<br>
+<p>If the above link is not rendered correctly, copy and paste the following URL into a browser:</p>
+<br>
+<p>.show($request.link)</p>
+

data/assets/templates/request-new-password-text.sf.txt

@@ -0,0 +1,7 @@
+Somebody requested a new password for your user account at Demo.
+
+If that was not you, please ignore this email. Your current password will stay valid.
+
+If that was you, please visit this <a href=".show($request.link)">.show($request.link)<a> within the next 24 hours to change your password.
+
+If the link does not show, copy & paste the following url into a browser: .show($request.link)

data/icons/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

data/icons/manifest.json

@@ -0,0 +1,13 @@
+{
+    "name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}

data/icons/safari-pinned-tab.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="240.000000pt" height="240.000000pt" viewBox="0 0 240.000000 240.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,240.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M0 1195 l0 -675 1200 0 1200 0 0 675 0 675 -1200 0 -1200 0 0 -675z"/>
+</g>
+</svg>

data/pages/about/about.md

@@ -0,0 +1,15 @@
+---
+layout: page
+title: About this site
+menuInclude: yes
+menuLink: yes
+menuTopTitle: About
+menuTopIndex: 100
+excerpt: A short introduction to the content of this site.
+# end of description at 156 characters ----------| (last 3 chars will be replaced by '...' on overflow)
+---
+This is a placeholder in the theme.
+
+You can edit this page in the file `pages/about/about.md`
+
+This is the 'Classic-Jekyll-Theme'. See "Jekyll -> Static Generator" for a general description of what Jekyll is.

data/pages/account/comment-edit.sf.md

@@ -0,0 +1,60 @@
+---
+layout: page
+title: Edit Comment
+menuInclude: no
+---
+<style>
+p { margin: 0; display: block; }
+input { color: black; }
+textarea { color: black; box-sizing: border-box; max-width: 100%; min-width: 100%; height: 150px; margin-bottom: 1em; }
+.comment-input {
+	border-top: 1px solid #dddddd;
+	width: 100%;
+	padding-top: 1em;
+}
+.input-form {
+	display: flex;
+	flex-direction: column;
+}
+.input-form-button {
+	margin-top: 1em;
+	
+}
+.details-text {
+	margin: 1em 0 1em 0;
+	padding: .5em;
+	background-color: #f5f5f5;
+	font-size: .9em;
+}
+.small-grey {
+	color: grey;
+	font-size: .8em;
+}
+.preview {
+	margin: 2em 0 1em 0;
+}
+.remove-button {
+	margin-top: 2em;
+}
+</style>
+
+<div class="comment-input">
+	<form class="input-form" method="post">
+		<textarea name="comment-text">.show($request.comment-text)</textarea>
+		<p class="small-grey">Use [i]..[/i] for italic, [b]..[/b] for bold. Links will not be clickable.</p>
+		<input type="hidden" name="next-url" value=".show($request.next-url)">
+		<input type="hidden" name="comment-section-identifier" value=".show($request.comment-section-identifier)">
+		<input type="hidden" name="comment-account-id" value=".show($request.comment-account-id)">
+		<input type="hidden" name="comment-original-timestamp" value=".show($request.comment-original-timestamp)">
+		<input class="input-form-button" formaction="/command/update-comment" type="submit" value="Submit">
+		<input class="input-form-button" formaction="/command/edit-comment" type="submit" value="Update Preview">
+		<input class="input-form-button" formaction="/command/cancel-update-comment" type="submit" value="Cancel">
+		<p class="small-grey remove-button">Remove is final.</p>
+		<input class="input-form-button" formAction="/command/remove-comment" style="color:red;" type="submit" value="Remove" >
+
+	</form>
+</div>
+<div>
+	<div class="preview">Preview:</div>
+	<div class="details-text"><p>.show($request.preview)</p></div>
+</div>

data/pages/account/comment-review.sf.md

@@ -0,0 +1,80 @@
+---
+layout: page
+title: Review Comments for Approval
+menuInclude: no
+menuTopTitle: Admin
+menuSubTitle: Review comments for approval
+---
+<style>
+input { color: black; }
+textarea { color: black; }
+p { margin: 0; }
+</style>
+
+.if($account, nil)
+	.assign(illegal, true)
+.else()
+	.if($account.is-moderator, true)
+		.assign(illegal, false)
+	.else()
+		.if($account.is-domain-admin, true)
+			.assign(illegal, false)
+		.else()
+			.assign(illegal, true)
+		.end()
+	.end()
+.end()
+
+.if($info.illegal, true)
+<div style="width: 100%;">
+	<p>Insufficient acces rights, please <a href="/pages/login.sf.html">login</a> with an administrator or moderator account</p>
+</div>
+
+.else()
+	.setup(first-comment-to-approve)
+<div style="width: 100%; display: flex; flex-direction: column;">
+
+	.if($info.none, true)
+	<div style="width: 100%;">
+		<p>There are no comments waiting for approval</p><br>
+	</div>
+
+	.else()
+	<div>
+		<p style="display: block; margin-bottom: 1em;">Comment by: .show($info.dname)</p>
+	</div>
+	<form method="post" action="/command/comment-review">
+		<input type="hidden" name="account-id" value=".show($info.auuid)">
+		<input type="hidden" name="comment-uuid" value=".show($info.uuid)">
+		<input type="hidden" name="comment-section-identifier" value=".show($info.csid)">
+		<input type="hidden" name="next-url" value="/pages/comment-review.sf.html">
+		<input type="hidden" name="comment-original-timestamp" value=".show($info.timp)">
+		<div style="width: 100%; display: flex; flex-direction: column;">
+			<div style="width: 100%; margin-left: auto; margin-right: auto; border: 1px solid lightgrey;">
+				<p style="display: block; width:100%; margin: 0; padding: 0;" disabled>.show($info.html)</p>
+			</div>
+			<div style="width: 100%; display: flex; flex-direction: row; align-items: baseline; justify-content: space-between; margin-top: 1em;">
+				<p style="display: block; margin-bottom: 1em; color: grey;">Note: 'Reject' is final.</p>
+				<div style="display: flex; flex-direction: row; align-items: baseline; justify-content: flex-end;">
+					<input type="submit" name="button" value="Accept" style="margin-right: 1em">
+					<input type="submit" name="button" value="Reject" style="color: red; margin-right: 1em">
+					<input type="button" name="button" value="Show Article" formaction=".show($info.original-url)" formtarget="_blank">
+		 		</div>
+			</div>
+		</div>
+		<div style="width: 100%; display: flex; flex-direction: column; margin-top: 2em;">
+			<p style="display: block; margin-bottom: 1em;">The original text may be modified below:</p>
+			<textarea style="max-width:100%; min-width:100%; height:200px; border: 1px solid lightgrey; box-sizing: border-box;" name="comment-text">.show($info.orig)</textarea>
+			<div style="width: 100%; display: flex; flex-direction: row; align-items: baseline; justify-content: space-between;">
+				<p style="display: block; margin-bottom: 1em; color: grey;">Note: 'Preview' updates the original comment.</p>
+				<div style="display: flex; flex-direction: row; align-items: baseline; justify-content: flex-end; margin-top: 1em;">
+					<input type="submit" name="button" value="Preview" style="margin-right: 1em">
+					<input type="submit" name="button" value="Update and Accept">
+				</div>
+			</div>
+		</div>
+	</form>
+	.end(if-else-info-none)
+
+</div>
+.end(if-illegal)