left aligned layout, figlet, maybe some more pages with infor and more

This commit is contained in:
manetta 2020-12-01 23:06:29 +01:00
parent 91026187b2
commit cffee2c228
10 changed files with 125 additions and 40 deletions

View File

@ -77,10 +77,10 @@ md=$(wildcard content/Essays/*.md)
md2pdf=$(md:%.md=%.pdf) md2pdf=$(md:%.md=%.pdf)
%.pdf: %.md themes/basic/static/css/print.css %.pdf: %.md themes/basic/static/css/print.css
pandoc -f markdown -t html -c themes/basic/static/css/print.css $< -o $@.html # pandoc -f markdown -t html -c themes/basic/static/css/print.css $< -o $@.html
pandoc --pdf-engine=weasyprint -c themes/basic/static/css/print.css $< -o $@ pandoc --pdf-engine=weasyprint -c themes/basic/static/css/print.css $< -o $@
print: $(md2pdf) print: $(md2pdf)
$(shell mv content/Essays/*.html content/print/) # $(shell mv content/Essays/*.html content/print/)
$(shell mv content/Essays/*.pdf content/print/) $(shell mv content/Essays/*.pdf content/print/)

View File

@ -1,4 +1,7 @@
### How to Build a Low-tech Internet Title: How to Build a Low-tech Internet
Author: Kris de Decker
# How to Build a Low-tech Internet
Wireless internet access is on the rise in both modern consumer Wireless internet access is on the rise in both modern consumer
societies and in the developing world. societies and in the developing world.

View File

@ -1,3 +1,6 @@
Title: The Pandemic's Dark Cloud
Author: Mél Hogan
"The Pandemic\'s Dark Cloud" was written in November 2020 as a "The Pandemic\'s Dark Cloud" was written in November 2020 as a
reflection on the relationship between the pandemic and environmental reflection on the relationship between the pandemic and environmental
media, with a focus on "the cloud" and its undergirding networked media, with a focus on "the cloud" and its undergirding networked
@ -18,7 +21,7 @@ McLuhan lecture at the Canadian Embassy in Berlin, and giving a plenary
at transmediale 2020.\ at transmediale 2020.\
\@mel\_hogan / melhogan.com / mhogan\@ucalgary.ca* \@mel\_hogan / melhogan.com / mhogan\@ucalgary.ca*
**The Pandemic\'s Dark Cloud **by Mél Hogan # The Pandemic's Dark Cloud
As the pandemic settled into consciousness across the globe, humans As the pandemic settled into consciousness across the globe, humans
devolved. People in countries where the response to COVID-19 was most devolved. People in countries where the response to COVID-19 was most

View File

@ -38,7 +38,7 @@ the views of my student's parents, it might help us to reevaluate our
political, environmental, and technological priorities for the future.</p> political, environmental, and technological priorities for the future.</p>
<p>Like recent philosophies of plants or <p>Like recent philosophies of plants or
[[insects]{.underline}](http://cup.columbia.edu/book/a-philosophy-of-the-insect/9780231175791), [insects](http://cup.columbia.edu/book/a-philosophy-of-the-insect/9780231175791),
which emerged as a response to a global environmental crisis, a which emerged as a response to a global environmental crisis, a
"philosophy of warnings" is also a reaction to a global emergency that "philosophy of warnings" is also a reaction to a global emergency that
requires philosophical elucidation. Although the ongoing pandemic has requires philosophical elucidation. Although the ongoing pandemic has
@ -127,8 +127,7 @@ realism by challenging our framed global order and its realist
advocates. This philosophy is not meant to rescue us *from* emergencies advocates. This philosophy is not meant to rescue us *from* emergencies
but rather rescue us *into* emergencies that we are trained to ignore.</p> but rather rescue us *into* emergencies that we are trained to ignore.</p>
</div> </div>
<div class="bio"> <div class="bio">
[[Santiago Zabala]{.underline}](http://www.santiagozabala.com/) is ICREA [Santiago Zabala](http://www.santiagozabala.com/) is ICREA Research Professor of Philosophy at the Pompeu Fabra University in Barcelona. His most recent book is *Being at Large: Freedom in the Age of Alternative Facts* (McGill-Queen's University Press, 2020).
Research Professor of Philosophy at the Pompeu Fabra University in </div>
Barcelona. His most recent book is *Being at Large: Freedom in the Age
of Alternative Facts* (McGill-Queen's University Press, 2020).</div>

View File

@ -2,10 +2,10 @@ Title: About
# A Nourishing Network # A Nourishing Network
*A Nourishing Network *is a publishing project that aims at documenting *A Nourishing Network* is a publishing project that aims at documenting
and circulating current research done by a network of artists, activists and circulating current research done by a network of artists, activists
and programmers that collaborate with the Austrian net culture and programmers that collaborate with the Austrian net culture
initiative *servus.at.* Especially in this moment of reduced mobility initiative *servus.at*. Especially in this moment of reduced mobility
and physical encounters, the publication stimulates the circulation of and physical encounters, the publication stimulates the circulation of
materials and their further development in a community that usually materials and their further development in a community that usually
gathers in small-sized events and festivals. gathers in small-sized events and festivals.

1
content/pages/feed.md Normal file
View File

@ -0,0 +1 @@
Title: Feed

View File

@ -0,0 +1,2 @@
Title: Subscribe

View File

@ -2,8 +2,9 @@ body {
position: relative; position: relative;
top: 0; top: 0;
left: 0; left: 0;
margin: 0 2em; /*max-width: 1280px;*/
padding: 1em; margin: 3em;
/*padding: 1em;*/
background-color: lavender; background-color: lavender;
font-family: monospace; font-family: monospace;
font-size: 14px; font-size: 14px;
@ -11,40 +12,53 @@ body {
} }
header, header,
#subscribe, nav#menu,
section#subscribe,
footer{ footer{
position: relative; position: relative;
width: calc(100% - 4em); width: calc(100% - 4em);
margin: 2em 0; margin: 4em 0;
/*padding: 2em;*/ /*padding: 2em;*/
/*text-align: center;*/ /*text-align: center;*/
} }
article.post{
margin: 2em 0;
/*padding: 2em;*/
/*background-color: white;*/
}
#menu .links a{ #menu .links a{
border: 1px solid red; border: 1px solid red;
padding: 1em; padding: 1em;
} }
header pre, header pre,
footer pre{ footer pre,
article.post pre{
/*text-align: center;*/ /*text-align: center;*/
line-height: 1; line-height: 1;
} }
h1,
h2,
h3{
font-family: "White Rabbit";
}
a, a,
a:visited, a:visited,
a:active{ a:active{
color: magenta; color: magenta;
text-decoration: none;
} }
article.post{ h1,
margin: 4em 0; h2,
/*padding: 2em;*/ h3,
/*background-color: white;*/ h1 a,
h2 a,
h3 a{
font-family: "monospace";
font-size: 100%;
margin:0;
padding:0;
font-weight: normal;
/*color:red !important;*/
} }

View File

@ -15,11 +15,56 @@
) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) )
( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( (
) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) )
( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( (
) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) )
( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( (
) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) )
( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( (
) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) )
( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( (
) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) )
( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( (
) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) )
( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( (
) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) )
( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( (
) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) )
( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( (
) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) )
( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( (
) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) )
( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( (
) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) )
( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( (
</pre>
<a href="{{ SITEURL }}/"><pre>
_ _ _ _ _ _ _ _ _ _
/ \ | \ | | ___ _ _ _ __(_)___| |__ (_)_ __ __ _ | \ | | ___| |___ _____ _ __| | __
/ _ \ | \| |/ _ \| | | | '__| / __| '_ \| | '_ \ / _` | | \| |/ _ \ __\ \ /\ / / _ \| '__| |/ /
/ ___ \ | |\ | (_) | |_| | | | \__ \ | | | | | | | (_| | | |\ | __/ |_ \ V V / (_) | | | <
/_/ \_\ |_| \_|\___/ \__,_|_| |_|___/_| |_|_|_| |_|\__, | |_| \_|\___|\__| \_/\_/ \___/|_| |_|\_\
|___/
</pre></a>
<!-- <h1><a href="{{ SITEURL }}/">{{ SITENAME }}{% if SITESUBTITLE %} <strong>{{ SITESUBTITLE }}</strong>{% endif %}</a></h1> -->
<pre>
) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) )
( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( (
) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) )
( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( (
) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) )
( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( (
) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) )
( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( (
</pre> </pre>
<h1><a href="{{ SITEURL }}/">{{ SITENAME }}{% if SITESUBTITLE %} <strong>{{ SITESUBTITLE }}</strong>{% endif %}</a></h1>
<nav id="menu"> <nav id="menu">
<div class="links"> <div id="intro">
<p>A peer-to-peer publishing experiment starting from the feed as a potentially multi-directional circulation device. Through web-syndication protocols and mail art practices, this publication engages with complex circulation flows, thereby exploring the social dynamics of such networked forms of publishing.</p>
<p>A subscription to the digital and/or postal feed, nourishes her subscribers with a stream of essays.</p>
<p>Read more <a href="{{ SITEURL }}/pages/about.html">here</a>!</p>
</div>
<!-- <div class="links">
{% if DISPLAY_CATEGORIES_ON_MENU %} {% if DISPLAY_CATEGORIES_ON_MENU %}
{% for cat, null in categories %} {% for cat, null in categories %}
<a href="{{ SITEURL }}/{{ cat.url }}">{{ cat }}</a> <a href="{{ SITEURL }}/{{ cat.url }}">{{ cat }}</a>
@ -28,20 +73,18 @@
{% for page in pages %} {% for page in pages %}
<a href="{{ SITEURL }}/{{ page.url }}">{{ page.title }}</a> <a href="{{ SITEURL }}/{{ page.url }}">{{ page.title }}</a>
{% endfor %} {% endfor %}
</div> </div> -->
</nav> </nav>
</header> </header>
<div id="subscribe"> <section id="subscribe">
<h2>Subscribe</h2> <h2>Subscribe</h2>
<p>Subscribe to this feed!</p>
<ul> <ul>
<li>Full Feed: <a href="{{ SITEURL }}/{{ FEED_RSS }}">RSS</a>, <a href="{{ SITEURL }}/{{ FEED_ALL_ATOM }}">ATOM</a></li> <li>Web Feed: <a href="{{ SITEURL }}/{{ FEED_RSS }}">RSS</a>, <a href="{{ SITEURL }}/{{ FEED_ALL_ATOM }}">ATOM</a></li>
<li>Articles Feed: <a href="{{ SITEURL }}/{{ FEED_RSS }}/category/articles.rss.xml">RSS</a>, <a href="{{ SITEURL }}/ATOM/category/articles.atom.xml">ATOM</a></li> <!-- <li>Articles Feed: <a href="{{ SITEURL }}/{{ FEED_RSS }}/category/articles.rss.xml">RSS</a>, <a href="{{ SITEURL }}/ATOM/category/articles.atom.xml">ATOM</a></li> -->
<li>Projections Feed: <a href="{{ SITEURL }}/{{ FEED_RSS }}/category/projections.rss.xml">RSS</a>, <a href="{{ SITEURL }}/ATOM/category/projections.atom.xml">ATOM</a></li> <!-- <li>Projections Feed: <a href="{{ SITEURL }}/{{ FEED_RSS }}/category/projections.rss.xml">RSS</a>, <a href="{{ SITEURL }}/ATOM/category/projections.atom.xml">ATOM</a></li> -->
<li>mail: <a href="#">subscribe</a>, <a href="#">unsubscribe</a></li> <li>Postal Feed: <a href="#">subscribe</a>, <a href="#">unsubscribe</a></li>
</ul> </ul>
</div> </section>
<section id="content"> <section id="content">
{% block content %} {% block content %}
@ -49,14 +92,24 @@
</section> </section>
<footer id="contentinfo" class="body"> <footer id="contentinfo" class="body">
<pre> <pre>
) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) )
( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( (
) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) )
( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( (
) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) )
( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( (
) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) )
( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( (
</pre>
<!-- <pre>
o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o
o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o
o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o
</pre> </pre> -->
</footer> </footer>
</body> </body>

View File

@ -4,10 +4,20 @@
<section> <section>
{% for article in articles %} {% for article in articles %}
<pre> <!-- <pre>
o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o
o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o
</pre> </pre> -->
<pre>
) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) )
( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( (
) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) )
( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( (
) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) )
( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( (
) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) ) ) ) )) ) ) )
( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( ( ( ( (( ( ( (
</pre>
<article class="post"> <article class="post">
<h2 class="post-title"> <h2 class="post-title">
<a href="{{ SITEURL }}/{{ article.url }}" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a> <a href="{{ SITEURL }}/{{ article.url }}" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a>