diff --git a/content/images/hbsc1.png b/content/images/hbsc1.png
new file mode 100644
index 0000000..604b89e
Binary files /dev/null and b/content/images/hbsc1.png differ
diff --git a/content/images/varia-again.png b/content/images/varia-again.png
new file mode 100644
index 0000000..70b77a4
Binary files /dev/null and b/content/images/varia-again.png differ
diff --git a/content/images/varia.png b/content/images/varia.png
new file mode 100644
index 0000000..af53e34
Binary files /dev/null and b/content/images/varia.png differ
diff --git a/content/it-is-as-if_en.md b/content/it-is-as-if_en.md
index bd507ca..e0068b5 100644
--- a/content/it-is-as-if_en.md
+++ b/content/it-is-as-if_en.md
@@ -1,5 +1,5 @@
Title: It Is As If We Were Doing Work
-Date: 2018-03-10
+Date: 2018-02-18
Category: event
Slug: itisasif
lang: en
@@ -29,4 +29,4 @@ Program:
**Lídia Pereira** () is an independent designer, artist and researcher based in Rotterdam, NL. Current interests revolve around the political organisation of labour in corporate social networking platforms and working class identity within networked economies, presenting a focus on the power structures governing online and offline behaviour.
-**Silvio Lorusso** () is a designer without qualities, an artist without a gallery and a writer without spell checker.
\ No newline at end of file
+**Silvio Lorusso** () is a designer without qualities, an artist without a gallery and a writer without spell checker.
diff --git a/content/it-is-as-if_nl.md b/content/it-is-as-if_nl.md
index 911ef89..35bba62 100644
--- a/content/it-is-as-if_nl.md
+++ b/content/it-is-as-if_nl.md
@@ -1,5 +1,5 @@
Title: It Is As If We Were Doing Work
-Date: 2018-03-10
+Date: 2018-02-18
Category: event
Slug: itisasif
lang: nl
diff --git a/content/pages/header.en.md b/content/pages/header.en.md
index 2c60b75..f5ea51c 100644
--- a/content/pages/header.en.md
+++ b/content/pages/header.en.md
@@ -4,5 +4,5 @@ Category: about
Slug: header
lang: en
-*varia* is a Rotterdam based initiative is focused on working [with, about and through technology](/en/category/projects.html). At its core the initiative aims to be a [social infrastructure](/en/pages/about.html) from which to collaboratively facillitate [critical understandings](/en/category/curriculum.html) on the technologies that surround us. The initiative is a membership-based organisation striving to become a space for questions, opinions, modifications, help and action. Keep an eye on the agenda for [upcoming events](/en/).
+ *varia* is a Rotterdam based initiative is focused on working [with, about and through technology](/en/category/projects.html). At its core the initiative aims to be a [social infrastructure](/en/pages/about.html) from which to collaboratively facillitate [critical understandings](/en/category/curriculum.html) on the technologies that surround us. The initiative is a membership-based organisation striving to become a space for questions, opinions, modifications, help and action. Keep an eye on the agenda for [upcoming events](/en/).
diff --git a/content/pages/header.nl.md b/content/pages/header.nl.md
index 7448eaf..3d82849 100644
--- a/content/pages/header.nl.md
+++ b/content/pages/header.nl.md
@@ -4,6 +4,6 @@ Category: about
Slug: header
lang: nl
-*varia* is een collectief initiatief met een ruimte in Rotterdam dat zich richt op werk [aan, met en door technologie](/category/projects.html). In de kern wil dit initiatief een [sociale infrastructuur](/pages/about.html) vormen van waaruit men gezamelijk [een kritische relatie](/category/curriculum.html) tot de technologie van alledag aangaat. Op basis van een lidmaatschapsmodel wil ze een ruimte bieden voor vragen, meningen, ingrepen, hulp en actie. Houd de agenda in de gaten voor [aankomende evenementen](/).
+ *varia* is een collectief initiatief met een ruimte in Rotterdam dat zich richt op werk [aan, met en door technologie](/category/projects.html). In de kern wil dit initiatief een [sociale infrastructuur](/pages/about.html) vormen van waaruit men gezamelijk [een kritische relatie](/category/curriculum.html) tot de technologie van alledag aangaat. Op basis van een lidmaatschapsmodel wil ze een ruimte bieden voor vragen, meningen, ingrepen, hulp en actie. Houd de agenda in de gaten voor [aankomende evenementen](/).
diff --git a/content/pages/stream.en.md b/content/pages/stream.en.md
new file mode 100644
index 0000000..51e42c2
--- /dev/null
+++ b/content/pages/stream.en.md
@@ -0,0 +1,4 @@
+Title: stream
+Category: meta
+Slug: stream
+lang: en
diff --git a/content/pages/stream.nl.md b/content/pages/stream.nl.md
new file mode 100644
index 0000000..c44f59d
--- /dev/null
+++ b/content/pages/stream.nl.md
@@ -0,0 +1,4 @@
+Title: stream.nl
+Category: meta
+Slug: stream
+lang: nl
diff --git a/content/social-media-next-steps.md b/content/social-media-next-steps.md
index c10e6ca..120b71a 100644
--- a/content/social-media-next-steps.md
+++ b/content/social-media-next-steps.md
@@ -1,11 +1,13 @@
Title:re: social media critique: next steps?
+Date: 2018-01-28
Category: longread
Slug: sm-critique-next-steps
lang: en
author: Roel Roscam Abbing
-status:draft
+status: draft
+summary: In january of 2018 a discussion on [Nettime](https://nettime.org/Lists-Archives/nettime-l-1801/msg00045.html) took place on the question what next steps for social media critique could be. As criticism of large social media platforms becomes increasingly commonplace in popular media and even from within Silicon Valley itself, the discussion centered around the question of what the role of critical communities like nettime could be. Since the discussion missed some context on recent developments from the non-GAFA/Free Software developments in this field media I've replied with some comments.
-In january of 2018 a discussion on [Nettime](https://nettime.org/Lists-Archives/nettime-l-1801/msg00045.html) took place on the question what next steps for social media critique could be. As criticism of large social media platforms becomes increasingly commonplace in popular media and even from within Silicon Valley itself, the discussion centered around the question of what the role of critical communities like nettime could be. Since the discussion missed some context on recent developments from the non-GAFA [ref]Google/Amazon/Facebook/Apple[/ref]/Free Software developments in this field media I've replied with some comments.
+In january of 2018 a discussion on [Nettime](https://nettime.org/Lists-Archives/nettime-l-1801/msg00045.html) took place on the question what next steps for social media critique could be. As criticism of large social media platforms becomes increasingly commonplace in popular media and even from within Silicon Valley itself, the discussion centered around the question of what the role of critical communities like nettime could be. Since the discussion missed some context on recent developments from the non-GAFA[ref]Google/Amazon/Facebook/Apple[/ref]/Free Software developments in this field media I've replied with some comments.
> This is in the end what Silicon Valley tries to prevent at all cost:
> resistance and exodus. How can such a momentum be unleashed?
diff --git a/content/stream/CL8A9213.JPG b/content/stream/CL8A9213.JPG
new file mode 100644
index 0000000..06cfbcf
Binary files /dev/null and b/content/stream/CL8A9213.JPG differ
diff --git a/content/stream/CL8A9256.JPG b/content/stream/CL8A9256.JPG
new file mode 100644
index 0000000..0867aef
Binary files /dev/null and b/content/stream/CL8A9256.JPG differ
diff --git a/content/stream/CL8A9284.JPG b/content/stream/CL8A9284.JPG
new file mode 100644
index 0000000..ce2656a
Binary files /dev/null and b/content/stream/CL8A9284.JPG differ
diff --git a/content/stream/CL8A9392.JPG b/content/stream/CL8A9392.JPG
new file mode 100644
index 0000000..0d4cfd0
Binary files /dev/null and b/content/stream/CL8A9392.JPG differ
diff --git a/content/stream/CL8A9477.JPG b/content/stream/CL8A9477.JPG
new file mode 100644
index 0000000..ee54c10
Binary files /dev/null and b/content/stream/CL8A9477.JPG differ
diff --git a/content/stream/IMG_3669-web.jpg b/content/stream/IMG_3669-web.jpg
new file mode 100644
index 0000000..2c10605
Binary files /dev/null and b/content/stream/IMG_3669-web.jpg differ
diff --git a/content/stream/IMG_3682-web.jpg b/content/stream/IMG_3682-web.jpg
new file mode 100644
index 0000000..dc2af66
Binary files /dev/null and b/content/stream/IMG_3682-web.jpg differ
diff --git a/content/stream/IMG_3685-web.jpg b/content/stream/IMG_3685-web.jpg
new file mode 100644
index 0000000..2c6e089
Binary files /dev/null and b/content/stream/IMG_3685-web.jpg differ
diff --git a/content/stream/P1050985.JPG b/content/stream/P1050985.JPG
new file mode 100644
index 0000000..96a1c34
Binary files /dev/null and b/content/stream/P1050985.JPG differ
diff --git a/pelicanconf.py b/pelicanconf.py
index 9d76ac4..0e2e855 100644
--- a/pelicanconf.py
+++ b/pelicanconf.py
@@ -27,13 +27,14 @@ AUTHOR_FEED_ATOM = None
AUTHOR_FEED_RSS = None
DEFAULT_PAGINATION = 25
+# DEFAULT_DATE_FORMAT = '%a %d %B %Y'
# Uncomment following line if you want document-relative URLs when developing
PLUGIN_PATHS = ['./pelican-plugins', './plugins-custom']
-PLUGINS = ['dateish','extract_toc', 'i18n_subsites', 'summary', 'events-ics','complex_footnotes']
+PLUGINS = ['dateish', 'extract_toc', 'i18n_subsites', 'summary', 'events-ics','complex_footnotes', 'stream']
MD_EXTENSIONS = ['codehilite','extra','toc']
-STATIC_PATHS = ['extra/favicon.ico', 'images', 'pdfs']
+STATIC_PATHS = ['extra/favicon.ico', 'images', 'pdfs', 'stream']
EXTRA_PATH_METADATA = {
'extra/robots.txt': {'path': 'robots.txt'},
'extra/favicon.ico': {'path': 'favicon.ico'},
@@ -54,8 +55,7 @@ I18N_SUBSITES = {
'SITEURL':'varia.zone/',
'locale':'nl.UTF-8'
}
-}
-
+}
PLUGIN_EVENTS = {
'ics_calendars': ['events.ics', 'curriculum.ics'],
'default_location' : '',
diff --git a/plugins-custom b/plugins-custom
index d91a9e9..abb64b7 160000
--- a/plugins-custom
+++ b/plugins-custom
@@ -1 +1 @@
-Subproject commit d91a9e910bffb850ecb597f5c77241678f197e24
+Subproject commit abb64b784e8fda8eb8628c32aa6c50dece37437a
diff --git a/themes/varia/static/css/main.css b/themes/varia/static/css/main.css
index f6139f6..18a3a2b 100644
--- a/themes/varia/static/css/main.css
+++ b/themes/varia/static/css/main.css
@@ -5,29 +5,35 @@
font-style: normal;
}
@font-face{
- font-family: "liberation";
- src:url('../fonts/LiberationMono.ttf');
+ font-family: "header";
+ src:url('../fonts/CourierCode-Roman.ttf');
font-weight: normal;
font-style: normal;
}
@font-face{
- font-family: "CMUconcrete";
- src:url('../fonts/cmunorm.ttf');
+ font-family: "brood";
+ src:url('../fonts/CourierCode-Roman.ttf');
font-weight: normal;
font-style: normal;
}
@font-face{
- font-family: "CMUconcrete";
- src:url('../fonts/cmunobx.ttf');
+ font-family: "brood";
+ src:url('../fonts/CourierCode-Bold.ttf');
font-weight: bold;
font-style: normal;
}
@font-face{
- font-family: "liberation";
- src:url('../fonts/cmunit.ttf');
+ font-family: "brood";
+ src:url('../fonts/CourierCode-Italic.ttf');
font-weight: normal;
font-style: italic;
}
+@font-face{
+ font-family: "brood";
+ src:url('../fonts/CourierCode-BoldItalic.ttf');
+ font-weight: bold;
+ font-style: italic;
+}
body{
position: relative;
width: calc(100% - 50px);
@@ -36,32 +42,12 @@ body{
left:0px;
margin:0 auto 5em auto;
padding: 0px 15px;
- font-family: "liberation", monospace;
- font-size: 16px;
+ font-family: "brood", monospace;
+ font-size: 14px;
line-height:1.8;
- font-style: normal;
background-color: rgba(252, 255, 120, .7);
color:black;
}
-header {
- width:calc(100% - 50px);
- margin-top:0;
- margin-bottom:1em;
- padding-bottom:1em;
- font-size: 12px;
- line-height: 1.7;
- letter-spacing: 0;
-}
- #content.index header{
- font-family: 'CMUconcrete';
- font-size: 22px;
- line-height: 1.4;
- letter-spacing: .035em;
- }
- #content.index header em{
- font-size: 100%;
- padding-right: 10px;
- }
#content{
margin-top:1em;
}
@@ -80,7 +66,7 @@ hr, .separator hr {
border:0;
border-top:1px dotted #7e5211;
color: black;
- margin:2em 0;
+ margin:1em 0 .5em;
}
blockquote {
@@ -92,17 +78,19 @@ ul {
}
h1, h2, h3, h4, h5, h6, #header{
- font-family: "cmusans";
margin:0;
padding:0;
}
h1{
+ font-family: "header";
font-size: 100%;
}
h2{
font-size: 100%;
+ font-family: "header";
font-weight: normal;
- text-decoration: underline; }
+ text-decoration: underline;
+ }
h3{
font-size: 100%;
font-weight: normal;
@@ -110,12 +98,6 @@ h1, h2, h3, h4, h5, h6, #header{
p{
margin:0 0 1em 0;
}
-em{
- font-family: 'liberation';
- letter-spacing: 0;
- font-size: 125%;
- line-height: 1.0;
-}
pre{
line-height: 1.0;
font-family: monospace;
@@ -128,10 +110,110 @@ pre{
padding-left:0px;
margin-top:0px;
}
+ul li{
+ list-style: none;
+ margin: 0 0 0 20px;
+}
+ ul li:before{
+ content: '* ';
+ margin: 0 4px 0 -20px;
+ }
+
+/* article info */
+.article-info{
+ font-size: 14px;
+ margin:0;
+}
+ /* date */
+ .article-info .event-details{
+ color:#7e5211;
+ }
+ /* featured image */
+ .article-info .featured-image img{
+ width:100%;
+ margin:0.5em 0;
+ }
+ /* category & translation link */
+ .post-info{
+ font-size: 11px;
+ font-style: italic;
+ }
+ .post-info sup{
+ font-size: 100%;
+ }
+ .post-info .categories:before, .post-info .article-translation:before{
+ content:'→';
+ color:#7e5211;
+ }
/****************************/
/* header & #translation */
+header {
+ width:calc(100% - 50px);
+ margin-top:0;
+ margin-bottom:5em;
+ padding-bottom:1em;
+ font-family: 'header';
+ font-size: 12px;
+ line-height: 1.6;
+}
+ header img{
+ width: 50px;
+ display: inline;
+ margin: 0;
+ vertical-align: calc(-2px);
+ }
+ #content.index header{
+ /*font-family: 'header';*/
+ /*font-size: 22px;*/
+ /*line-height: 1.8;*/
+ }
+ header p{
+ display: inline;
+ }
+
+ #stream{
+ /*display: none;*/
+ display: inline-block;
+ }
+ #stream .container{
+ /*width: 50px;
+ height: 50px;
+ -webkit-border-radius: 50px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 50px;
+ -moz-background-clip: padding;
+ border-radius: 50px;*/
+ width: 200px;
+ height: 200px;
+ -webkit-border-radius: 200px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 200px;
+ -moz-background-clip: padding;
+ border-radius: 200px;
+ background-clip: padding-box;
+ float: left;
+ background-size: cover;
+ background-position: center center;
+ vertical-align: middle;
+ display: inline-block;
+ margin: 0 .2em 0 0;
+ }
+ /* reset header img styles */
+ #stream .container img{
+ min-width: none;
+ min-height: none;
+ width: none;
+ height: none;
+ }
+ #stream.overview{
+ width: 100%;
+ }
+ #stream.overview .container{
+ margin: 0 1em 1em 0;
+ }
+
#translation{
position: absolute;
font-size: 12px;
@@ -159,57 +241,44 @@ pre{
.summary p{
display: inline;
}
-
-.summary.longread{
- font-size: 150%;
- }
-.long-read .hentry{
+.longread.hentry{
width:calc(400px + 2em);
+ font-size: 125%;
}
.hentry{
display: inline-block;
width: 200px;
- font-size: 12px;
- line-height: 1.6;
- margin:0 2em 2em 0;
+ font-size: 13.5px;
+ line-height: 1.65;
+ margin:0 2em 5em 0;
padding:0;
vertical-align: top;
}
-
.hentry .article-info{
- width: 200px;
- }
- /* title */
- .hentry .article-info .entry-title{
width: 100%;
- font-family: "cmusans";
- font-size: 190%;
- font-weight: bold;
- line-height: 1.1;
- margin:0;
}
- .hentry .article-info .entry-title a{
- text-decoration: none;
+ .hentry .article-info .event-details{
+ margin:5px 0 2px;
}
- /* date */
- .event-details{
- width: 100%;
- font-family: 'liberation';
- font-size: 10px;
- margin:.5em 0 0;
- }
+ /* title */
+ .hentry .article-info .entry-title{
+ width: 100%;
+ font-family: "header";
+ font-size: 165%;
+ font-weight: bold;
+ line-height: 1.1;
+ letter-spacing: -0.08em;
+ margin:0;
+ }
+ .hentry .article-info .entry-title a{
+ text-decoration: none;
+ }
/* ascii art styling */
.hentry pre{
font-size: 14.4px;
font-weight: normal;
clear:both; /*to prevent the ascii to break up*/
}
- /* featured image */
- .hentry .article-info .featured-image img{
- width:100%;
- max-height: 100%;
- margin:0.5em 0 0;
- }
/* double-blocks for super important categories */
.hentry.current, .hentry.current .article-info, .hentry.current .featured-image img{
width: calc(400px + 2em);
@@ -217,50 +286,29 @@ pre{
/****************************/
/* article */
-
-#content.body .article-info{
- /*position: fixed;*/
+#content.body .entry-title{
+ display:inline-block;
+ font-family: "header";
+ font-size: 250%;
+ line-height: 1.25;
+ font-weight: bold;
+ margin:30px 0 30px 275px;
+ color:#7e5211;
+ width: calc(100% - 275px);
}
-.article-info{
+#content.body .article-info{
width:200px;
float: left;
- margin-bottom:1em;
}
- #content.body .entry-title{
- display:inline-block;
- font-family: "cmusans";
- font-size: 180%;
- line-height: 1.25;
- font-weight: bold;
- margin:30px 0 30px 275px;
- color:#7e5211;
- width: calc(100% - 275px);
- }
- .article-info .featured-image img{
- max-width: 100%;
- max-height: 300px;
- }
- .post-info{
- font-size: 14px;
- font-style: italic;
- line-height: 0.95;
- }
- .post-info sup{
- font-size: 100%;
- }
- .post-info .categories{
- margin: 5px 0;
- }
.entry-content-container, #page-content-container{
width: calc(100% - 285px);
- /*background-color: rgba(255,255,0,.3);*/
float: right;
padding:0 30px;
margin-bottom:25px;
}
.entry-content, #page-content{
position: relative;
- max-width: 700px;
+ max-width: 800px;
margin:-0.5em auto 0 20px;
}
.entry-content img, #page-content img{
@@ -273,16 +321,17 @@ pre{
.entry-content span.simple-footnote-container{
float: left;
width: 200px;
- margin-left:-270px;
+ margin:.5em 0 0 -270px;
}
.entry-content span.simple-footnote-content{
+ display: block;
font-size: 12px;
- line-height: 1.1;
+ line-height: 1.3;
word-wrap:break-word;
}
.entry-content blockquote{
font-size: 150%;
- margin:0 3em;
+ margin:1em 3em 0;
line-height: 1.5;
}
@@ -318,8 +367,8 @@ pre{
}
/* add a monochrome filter over past events */
-.featured-image.past-event img{
+/*.featured-image.past-event img{*/
/*filter:opacity(0.25);*/
/* filter: url("/images/filter.svg#monochrome");
-webkit-filter: url("/images/filter.svg#monochrome");*/
-}
+/*}*/
diff --git a/themes/varia/static/fonts/CourierCode-Bold.ttf b/themes/varia/static/fonts/CourierCode-Bold.ttf
new file mode 100644
index 0000000..d8a5e8d
Binary files /dev/null and b/themes/varia/static/fonts/CourierCode-Bold.ttf differ
diff --git a/themes/varia/static/fonts/CourierCode-BoldItalic.ttf b/themes/varia/static/fonts/CourierCode-BoldItalic.ttf
new file mode 100644
index 0000000..55ea220
Binary files /dev/null and b/themes/varia/static/fonts/CourierCode-BoldItalic.ttf differ
diff --git a/themes/varia/static/fonts/CourierCode-Italic.ttf b/themes/varia/static/fonts/CourierCode-Italic.ttf
new file mode 100644
index 0000000..a70abbc
Binary files /dev/null and b/themes/varia/static/fonts/CourierCode-Italic.ttf differ
diff --git a/themes/varia/static/fonts/CourierCode-Roman.ttf b/themes/varia/static/fonts/CourierCode-Roman.ttf
new file mode 100644
index 0000000..1831bf7
Binary files /dev/null and b/themes/varia/static/fonts/CourierCode-Roman.ttf differ
diff --git a/themes/varia/static/fonts/LiberationMono.ttf b/themes/varia/static/fonts/LiberationMono.ttf
deleted file mode 100644
index 92fb850..0000000
Binary files a/themes/varia/static/fonts/LiberationMono.ttf and /dev/null differ
diff --git a/themes/varia/templates/article.html b/themes/varia/templates/article.html
index ff8f779..e68022f 100644
--- a/themes/varia/templates/article.html
+++ b/themes/varia/templates/article.html
@@ -36,21 +36,21 @@
{% if article.event_start %}
- {{ article.event_start }}
+
{{ article.event_start }}
{% endif %}
{% if article.category %}
{% endif %}
{% if article.translations %}
-
+
{% for translation in article.translations %}
- →
{{ translation.lang }}
+
{{ translation.lang }}
{% endfor %}
{% endif %}
diff --git a/themes/varia/templates/index.html b/themes/varia/templates/index.html
index 3edffbd..b2a744d 100644
--- a/themes/varia/templates/index.html
+++ b/themes/varia/templates/index.html
@@ -4,7 +4,14 @@
{% for p in pages %}
{% if p.title == 'header' %}
- {{ p.content }}
+
+
+ {{ p.content }}
+
{% endif %}
{% endfor %}
@@ -14,6 +21,7 @@
{% include 'pagination.html' %}
{% endif %}
+
{% for article in articles_page.object_list %}
{% if article.category %}
{% if article.event_start %}
@@ -25,10 +33,27 @@
{% set event_status = ' current' %}
{% endif %}
{% endif %}
+
+
+
+
{% endif %}
{{ article.title }}
+ {% if article.event_start %}
+
+ {{ article.event_start | strftime('%d %B %Y') }}
+ {% set past = '' %}
+
+ {% endif %}
- {% if article.event_start %}
-
- {{ article.event_start }}
- {% set past = '' %}
-
- {% endif %}
-
{% if article.category %}
{% endif %} {% if article.tags %}
diff --git a/themes/varia/templates/page.html b/themes/varia/templates/page.html
index e2cd35a..2f5d3c0 100644
--- a/themes/varia/templates/page.html
+++ b/themes/varia/templates/page.html
@@ -4,9 +4,12 @@
{% for p in pages %}
+
+
{% if p.title == 'header' %}
{{ p.content }}
{% endif %}
+
{% endfor %}
@@ -21,4 +24,13 @@
+
+
+ {% if page.slug == 'stream' %}
+
+
{{ SITENAME }} stream
+ {% for img in page.fullstream %}
+
+ {% endfor %}
+ {% endif%}
{% endblock %}