Browse Source

added a stream function + typographic changes

master
mb @ ts 7 years ago
parent
commit
43b14c3a32
  1. BIN
      content/images/hbsc1.png
  2. BIN
      content/images/varia-again.png
  3. BIN
      content/images/varia.png
  4. 2
      content/it-is-as-if_en.md
  5. 2
      content/it-is-as-if_nl.md
  6. 2
      content/pages/header.en.md
  7. 2
      content/pages/header.nl.md
  8. 4
      content/pages/stream.en.md
  9. 4
      content/pages/stream.nl.md
  10. 6
      content/social-media-next-steps.md
  11. BIN
      content/stream/CL8A9213.JPG
  12. BIN
      content/stream/CL8A9256.JPG
  13. BIN
      content/stream/CL8A9284.JPG
  14. BIN
      content/stream/CL8A9392.JPG
  15. BIN
      content/stream/CL8A9477.JPG
  16. BIN
      content/stream/IMG_3669-web.jpg
  17. BIN
      content/stream/IMG_3682-web.jpg
  18. BIN
      content/stream/IMG_3685-web.jpg
  19. BIN
      content/stream/P1050985.JPG
  20. 6
      pelicanconf.py
  21. 2
      plugins-custom
  22. 267
      themes/varia/static/css/main.css
  23. BIN
      themes/varia/static/fonts/CourierCode-Bold.ttf
  24. BIN
      themes/varia/static/fonts/CourierCode-BoldItalic.ttf
  25. BIN
      themes/varia/static/fonts/CourierCode-Italic.ttf
  26. BIN
      themes/varia/static/fonts/CourierCode-Roman.ttf
  27. BIN
      themes/varia/static/fonts/LiberationMono.ttf
  28. 8
      themes/varia/templates/article.html
  29. 58
      themes/varia/templates/index.html
  30. 12
      themes/varia/templates/page.html

BIN
content/images/hbsc1.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

BIN
content/images/varia-again.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
content/images/varia.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

2
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

2
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

2
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/).
<!-- ![](/images/varia.png) ![](/images/varia-again.png) --> *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/).

2
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](/).
<!-- ![](/images/varia.png) ![](/images/varia-again.png) --> *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](/).

4
content/pages/stream.en.md

@ -0,0 +1,4 @@
Title: stream
Category: meta
Slug: stream
lang: en

4
content/pages/stream.nl.md

@ -0,0 +1,4 @@
Title: stream.nl
Category: meta
Slug: stream
lang: nl

6
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?

BIN
content/stream/CL8A9213.JPG

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.8 MiB

BIN
content/stream/CL8A9256.JPG

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.7 MiB

BIN
content/stream/CL8A9284.JPG

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.1 MiB

BIN
content/stream/CL8A9392.JPG

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.2 MiB

BIN
content/stream/CL8A9477.JPG

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.4 MiB

BIN
content/stream/IMG_3669-web.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 550 KiB

BIN
content/stream/IMG_3682-web.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 569 KiB

BIN
content/stream/IMG_3685-web.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 374 KiB

BIN
content/stream/P1050985.JPG

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 MiB

6
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'},
@ -55,7 +56,6 @@ I18N_SUBSITES = {
'locale':'nl.UTF-8'
}
}
PLUGIN_EVENTS = {
'ics_calendars': ['events.ics', 'curriculum.ics'],
'default_location' : '',

2
plugins-custom

@ -1 +1 @@
Subproject commit d91a9e910bffb850ecb597f5c77241678f197e24
Subproject commit abb64b784e8fda8eb8628c32aa6c50dece37437a

267
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");*/
}
/*}*/

BIN
themes/varia/static/fonts/CourierCode-Bold.ttf

Binary file not shown.

BIN
themes/varia/static/fonts/CourierCode-BoldItalic.ttf

Binary file not shown.

BIN
themes/varia/static/fonts/CourierCode-Italic.ttf

Binary file not shown.

BIN
themes/varia/static/fonts/CourierCode-Roman.ttf

Binary file not shown.

BIN
themes/varia/static/fonts/LiberationMono.ttf

Binary file not shown.

8
themes/varia/templates/article.html

@ -36,21 +36,21 @@
</div>
<div class="event-details">
{% if article.event_start %}
{{ article.event_start }}
<div>{{ article.event_start }}</div>
{% endif %}
</div>
<div class="post-info">
{% if article.category %}
<div class="categories">
<span itemprop="articleSection">
<a href="{{ article.category.url }}" rel="category">{{ article.category }}</a>
<a href="{{ article.category.url }}" rel="category">{{ article.category }}</a>
</span>
</div>
{% endif %}
{% if article.translations %}
<div id="article-translation">
<div class="article-translation">
{% for translation in article.translations %}
<a href="{{ translation.url }}">{{ translation.lang }}</a>
<a href="{{ translation.url }}">{{ translation.lang }}</a>
{% endfor %}
</div>
{% endif %}

58
themes/varia/templates/index.html

@ -4,7 +4,14 @@
<header id="banner">
{% for p in pages %}
{% if p.title == 'header' %}
<div id="title">{{ p.content }}</div>
<div id="title">
<!-- <div id="stream">
{% for img in p.stream %}
<a href="pages/stream.html"><div class="container" style="background-image: url(/stream/{{ img }})"></div></a>
{% endfor %}
</div> -->
{{ p.content }}
</div>
{% endif %}
{% endfor %}
</header>
@ -14,6 +21,7 @@
{% include 'pagination.html' %}
{% endif %}
<div id="post-list">
{% for article in articles_page.object_list %}
{% if article.category %}
{% if article.event_start %}
@ -25,10 +33,27 @@
{% set event_status = ' current' %}
{% endif %}
{% endif %}
<!-- STREAM -->
<!-- {% if loop.index % 3 == 0 -%}
<article class="hentry {{article.category}}{{event_status}}">
<div id="stream">
{% set count = loop.index / 3 %}
<a href="pages/stream.html"><div class="container" style="background-image: url(/stream/{{ pages[0].fullstream[ count | int ] }})"></div></a>
</div>
</article>
{% endif -%} -->
<article class="hentry {{article.category}}{{event_status}}">
{% endif %}
<div class="article-info">
<span class="entry-title"><a href="{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></span>
{% if article.event_start %}
<div class="event-details">
{{ article.event_start | strftime('%d %B %Y') }}
{% set past = '' %}
</div>
{% endif %}
<div class="featured-image {{event_status}}">
{% if article.featured_image %}
<a href="{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">
@ -36,41 +61,22 @@
</a>
{% endif %}
</div>
{% if article.event_start %}
<div class="event-details">
{{ article.event_start }}
{% set past = '' %}
</div>
{% endif %}
</div>
<div class="summary {{ article.category }}">{{ article.summary }}
<span>
<a href="{{ article.url }}">
{% if DEFAULT_LANG == 'en' %}
read more
{% elif DEFAULT_LANG == 'nl' %}
lees meer
{% endif %}
</a>
{% if DEFAULT_LANG == 'en' %}
<a href="/en/{{ article.url }}">read more</a>
{% elif DEFAULT_LANG == 'nl' %}
<a href="/{{ article.url }}">lees meer</a>
{% endif %}
</span>
</div>
<!-- <div class="summary {{ article.category }}">{{ article.summary }}
<span>
<a href="{{ article.url }}">
{% if DEFAULT_LANG == 'en' %}
read more
{% elif DEFAULT_LANG == 'nl' %}
lees meer
{% endif %}
</a>
</span>
</div> -->
<div class="separator"><hr></div>
<div class="post-info">
{% if article.category %}
<div class="categories">
<span itemprop="articleSection">
<a href="/{{ article.category.url }}" rel="category">{{ article.category }}</a>
<a href="/{{ article.category.url }}" rel="category">{{ article.category }}</a>
</span>
</div>
{% endif %} {% if article.tags %}

12
themes/varia/templates/page.html

@ -4,9 +4,12 @@
<section id="content" class="index">
<header id="banner">
{% for p in pages %}
<!-- header -->
{% if p.title == 'header' %}
<div id="title">{{ p.content }}</div>
{% endif %}
{% endfor %}
</header>
</section>
@ -21,4 +24,13 @@
<!-- {% import 'translations.html' as translations with context %} -->
<!-- {{ translations.translations_for(page) }} -->
</div>
<!-- stream page -->
{% if page.slug == 'stream' %}
<div id="stream" class="overview">
<h1>{{ SITENAME }} stream</h1>
{% for img in page.fullstream %}
<div class="container" style="background-image: url(/stream/{{ img }})"></div>
{% endfor %}
{% endif%}
{% endblock %}

Loading…
Cancel
Save