Initial commit.

This commit is contained in:
Simon Brooke 2026-08-26 17:50:14 +01:00
commit b2e2fde818
36 changed files with 1475 additions and 0 deletions

40
themes/blue/html/404.html Normal file
View file

@ -0,0 +1,40 @@
<html>
<head>
<style>
#message{
display:block;
width:100%;
padding:150px 0;
line-height:1.6em;
text-align:center;
}
h1, h2 {
color: rgb(151, 151, 151);
float: left;
margin:0 0 0 40px;
padding:0;
float:left;
font-family: Georgia, 'Times New Roman', Times, serif;
font-weight: normal;
line-height: normal;
text-transform: uppercase;
}
#message .aside{display:block; width:80%; margin:0 auto; padding:0;}
#message .aside h2 span{display:block; font-size:30px;}
#message p:first-child{margin-top:0;}
h1 {margin-top:-90px; font-size:200px;}
h2 {font-size: 60px;}
</style>
</head>
<body>
<div class="content">
<section id="message">
<div class="aside">
<h1>404</h1>
<h2>Error ! <span>Page Not Found</span></h2>
</div>
</section>
</div>
</body>
</html>

View file

@ -0,0 +1,20 @@
{% extends "/html/base.html" %}
{%block subtitle %}: Archives{% endblock %}
{% block content %}
<div id="posts">
<div id="page-header">
<h2>Archives</h2>
</div>
{% for group in groups %}
<h4>{{group.group}}</h4>
<ul>
{% for post in group.posts %}
<li>
{{post.date|date:"MMM dd"}} - <a href="{{post.uri}}">{{post.title}}</a>
</li>
{% endfor %}
</ul>
{% endfor %}
</div>
{% endblock %}

View file

@ -0,0 +1,19 @@
{% extends "/html/base.html" %}
{%block subtitle %}: Posts by {{author}} {% endblock %}
{% block content %}
<div id="posts">
<div id="page-header" class="post-header">
<h2>Posts by {{author}}</h2>
</div>
{% for group in groups %}
<h4>{{group.group}}</h4>
<ul>
{% for post in group.posts %}
<li>
{{post.date|date:"MMM dd"}} - <a href="{{post.uri}}">{{post.title}}</a>
</li>
{% endfor %}
</ul>
{% endfor %}
</div>
{% endblock %}

130
themes/blue/html/base.html Normal file
View file

@ -0,0 +1,130 @@
<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta charset="utf-8" />
{% if mastodon.host %}
<link rel="me" href="https://{{mastodon.host}}/@{{mastodon.acct}}"/>
{% endif %}
<title>{{title}}{% block subtitle %}{% endblock %}</title>
{% block meta %}
<meta name="description" content="{{description}}" />
<meta name="keywords" content="{% for tag in tags %} {{tag.name}}, {% endfor %}" />
{% endblock %}
<link rel="canonical" href="{{site-url}}{{uri}}" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" type="image/png" href="{{blog-prefix}}/img/favicon.png" />
<link href="//fonts.googleapis.com/css?family=Alegreya:400italic,700italic,400,700" rel="stylesheet"
type="text/css" />
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" />
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet" />
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.7.0/styles/default.min.css" />
{% style "css/screen.css" %}
</head>
<body>
<nav class="navbar navbar-default">
<div class="container">
<div id="nav" class="navbar-header">
<button type="button" id="navbar-button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="{{index-uri}}">{{title}}</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li {% if home %} class="active" {% endif %}>
<a href="{{index-uri}}">Home</a>
</li>
<li {% if archives %} class="active" {% endif %}>
<a href="{{archives-uri}}">Archives</a>
</li>
{% for nav-page in navbar-pages %}
<li {%ifequal page.uri nav-page.uri %} class="active" {% endifequal %}>
<a href="{{nav-page.uri}}">{{nav-page.title}}</a>
</li>
{% endfor %}
<li><a href="{{rss-uri}}">RSS</a></li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
<!--/.container-fluid -->
</nav>
<div class="container">
{% if appeal-uri %}
<div id="phone-appeal" class="appeal"><a href="{{appeal-uri}}">Please support me!</a></div>
{% endif %}
<div class="row">
<div class="col-lg-9">
<div id="content">{% block content %} {% endblock %}</div>
</div>
<div class="col-md-3">
<div id="sidebar">
{% if appeal-uri %}
<div id="appeal" class="appeal">
<h3>Please support me!</h3>
<p>
<b>You can support me to continue writing this
blog
<a href="{{appeal-uri}}">here</a>.</b>
</p>
</div>
{% endif %}
{% if verification-uri %}
<div id="verification">
<p>
My identity is verified by the
<a href="https://gaza-verified.org/people/@NOUR_GAZA_s2@mastodon.social/">Gaza Verified
project</a>.
</p>
</div>
{% endif %}
{% if latest-posts|not-empty %}
<div id="recent">
<h3>Recent Posts</h3>
<ul>
{% for post in latest-posts %}
<li>
<a href="{{post.uri}}">{{post.title}}</a>
</li>
{% endfor %}
</ul>
</div>
{% endif %} {% if tags|not-empty %}
<div id="tags">
<h3>Tags</h3>
<ul>
{% for tag in tags|sort-by:name %}
<li><a href="{{tag.uri}}">{{tag.name}}</a></li>
{% endfor %}
</ul>
</div>
{% endif %}
</div>
</div>
</div>
<footer>
Copyright &copy; {{today|date:yyyy}} {{author}}
<p style="text-align: center">
Powered by <a href="http://cryogenweb.org">Cryogen</a>
</p>
</footer>
</div>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
{% script "js/highlight.pack.js" %}
<script>
hljs.initHighlightingOnLoad();
</script>
{% if post.klipse %} {{post.klipse|safe}} {% endif %} {% if page.klipse
%} {{page.klipse|safe}} {% endif %}
</body>
</html>

View file

@ -0,0 +1,20 @@
{% extends "/html/base.html" %}
{% block content %}
<div id="post">
{% include "/html/post-content.html" %}
{% if disqus? %}
<div id="comments">
<a href="{{post.uri}}#disqus_thread">View Comments</a>
</div>
{% endif %}
<div id="prev-next">
{% if post.prev %}
<a href="{{post.prev.uri}}">&laquo; {{post.prev.title}}</a>
{% endif %}
{% if post.next %}
<a class="right" href="{{post.next.uri}}">{{post.next.title}} &raquo;</a>
{% endif %}
</div>
</div>
{% endblock %}

View file

@ -0,0 +1,56 @@
{% extends "/html/base.html" %}
{%block subtitle %}: {{page.title}}{% endblock %}
{% block meta %}
{% if page.description %}
<meta name="description" content="{{page.description}}">
{% comment %} OpenGraph tags {% endcomment %}
<meta property="og:description" content="{{page.description}}">
{% endif %}
{% if page.image %}
{% if page.image.path %}
<meta property="og:image" content="{{site-url}}{{blog-prefix}}{{page.image.path}}" />
{% if page.image.type %}
<meta property="og:image:type" content="{{page.image.type}}" />{% endif %}
{% if page.image.width %}
<meta property="og:image:width" content="{{page.image.width}}" />{% endif %}
{% if page.image.height %}
<meta property="og:image:height" content="{{page.image.height}}" />{% endif %}
{% if page.image.alt %}
<meta property="og:image:alt" content="{{page.image.alt}}" />{% endif %}
{% else %}
<meta property="og:image" content="{{site-url}}{{blog-prefix}}{{page.image}}" />{% endif %}
{% endif %}
<meta property="og:url" content="{{site-url}}{{uri}}" />
<meta property="og:title" content="{{page.title}}" />
<meta property="og:type" content="article" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content="{{site-url}}{{uri}}" />
<meta name="twitter:title" content="{{page.title}}" />
<meta name="twitter:description" content="{{page.description}}" />
{% if page.image %}
<meta name="twitter:image"
content="{{site-url}}{{blog-prefix}}{% if page.image.path %}{{page.image.path}}{% else %}{{page.image}}{% endif %}" />
{% endif %}
<meta name="twitter:creator" content="{{twitter-acct}}" />
{% endblock %}
{% block content %}
<div id="custom-page">
<div id="page-header">
<h2>{{page.title}}</h2>
</div>
{% if page.toc %}{{page.toc|safe}}{% endif %}
{{page.content|safe}}
<div id="prev-next">
{% if page.prev %}
<a href="{{page.prev.uri}}">&laquo; {{page.prev.title}}</a>
{% endif %}
{% if all page.prev page.next %}
||
{% endif %}
{% if page.next %}
<a href="{{page.next.uri}}">{{page.next.title}} &raquo;</a>
{% endif %}
</div>
</div>
{% endblock %}

View file

@ -0,0 +1,21 @@
<div class="post-header">
<div id="post-meta" class="row">
<div class="col-lg-6">{{post.date|date:longDate}}</div>
{% if post.author %}
<span class="col-lg-6 right">By: {{post.author}}</span>
{% endif %}
</div>
<h1>{{post.title}}</h1>
</div>
<div>
{% if post.toc %}{{post.toc|safe}}{% endif %}
{{post.content|safe}}
</div>
{% if post.tags|not-empty %}
<div id="post-tags">
<b>Tags: </b>
{% for tag in post.tags|sort-by:name %}
<a href="{{tag.uri}}">| {{tag.name}} </a>
{% endfor %}|
</div>
{% endif %}

View file

@ -0,0 +1,66 @@
{% extends "/html/base.html" %}
{%block subtitle %}: {{post.title}}{% endblock %}
{% block meta %}
<meta name="keywords" content="{% for tag in tags %}{{tag.name}}{% if not forloop.last %},{% endif %}{% endfor %}">
{% if post.description %}
<meta name="description" content="{{post.description}}">
{% comment %} OpenGraph tags {% endcomment %}
<meta property="og:description" content="{{post.description}}">
{% endif %}
{% if post.image %}
{% if post.image.path %}
<meta property="og:image" content="{{site-url}}{{blog-prefix}}{{post.image.path}}" />
{% if post.image.type %}
<meta property="og:image:type" content="{{post.image.type}}" />{% endif %}
{% if post.image.width %}
<meta property="og:image:width" content="{{post.image.width}}" />{% endif %}
{% if post.image.height %}
<meta property="og:image:height" content="{{post.image.height}}" />{% endif %}
{% if post.image.alt %}
<meta property="og:image:alt" content="{{post.image.alt}}" />{% endif %}
{% else %}
<meta property="og:image" content="{{site-url}}{{blog-prefix}}{{post.image}}" />{% endif %}
{% endif %}
<meta property="og:url" content="{{site-url}}{{uri}}" />
<meta property="og:title" content="{{post.title}}" />
<meta property="og:type" content="article" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content="{{site-url}}{{uri}}" />
<meta name="twitter:title" content="{{post.title}}" />
<meta name="twitter:description" content="{{post.description}}" />
{% if post.image %}
<meta name="twitter:image"
content="{{site-url}}{{blog-prefix}}{% if post.image.path %}{{post.image.path}}{% else %}{{post.image}}{% endif %}" />
{% endif %}
<meta name="twitter:creator" content="{{twitter-acct}}" />
{% endblock %}
{% block content %}
<div id="post">
{% include "/html/post-content.html" %}
<div id="prev-next">
{% if post.prev %}
<a href="{{post.prev.uri}}">&laquo; {{post.prev.title}}</a>
{% endif %}
{% if post.next %}
<a class="right" href="{{post.next.uri}}">{{post.next.title}} &raquo;</a>
{% endif %}
</div>
{% if disqus-shortname %}
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_config = function () {
this.page.url = "{{site-url}}{{uri}}";
this.page.identifier = "{{post.title}}";
};
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//{{disqus-shortname}}.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
{% endif %}
</div>
{% endblock %}

View file

@ -0,0 +1,28 @@
{% extends "/html/base.html" %}
{% block content %}
<div id="post">
{% for post in posts %}
<div class="post-header">
<a href="{{post.uri}}"><h2>{{post.title}}</h2></a>
<div id="post-meta">
{% if post.author %}
<div class="author">{{post.author}}</div>
{% endif %}
<div class="date">{{post.date|date:longDate}}</div>
</div>
</div>
{{post.content|safe}}
<a href="{{post.uri}}">Continue reading &#8594;</a>
<hr>
{% endfor %}
<div id="prev-next">
{% if prev-uri %}
<a class="left" href="{{prev-uri}}">&laquo; Prev</a>
{% endif %}
{% if next-uri %}
<a class="right" href="{{next-uri}}">Next &raquo;</a>
{% endif %}
</div>
</div>
{% endblock %}

16
themes/blue/html/tag.html Normal file
View file

@ -0,0 +1,16 @@
{% extends "/html/base.html" %}
{%block subtitle %}: Posts Tagged &quot;{{name}}&quot;{% endblock %}
{% block content %}
<div id="posts-by-tag">
<div id="page-header">
<h2>Posts Tagged &quot;{{name}}&quot;</h2>
</div>
<ul>
{% for post in posts %}
<li>
<a href="{{post.uri}}">{{post.title}}</a>
</li>
{% endfor %}
</ul>
</div>
{% endblock %}

View file

@ -0,0 +1,15 @@
{% extends "/html/base.html" %}
{%block subtitle %}: Tags{% endblock %}
{% block content %}
<div id="tags-page">
<div id="page-header">
<h2>Tags</h2>
</div>
<ul>
{% for tag in tags %}
<li><a href="{{tag.uri}}">{{tag.name}}</a></li>
{% endfor %}
</ul>
</div>
{% endblock %}