Merge branch 'master' of https://git.vvvvvvaria.org/varia/varia.website

content/it-is-as-if_en.md

@@ -15,7 +15,7 @@ Food, drinks and entrance are available on donation.
 
 Program:<br/>
 18:45 Open Doors and Welcome
-19:00 Introduction of the [Pervasive Labour union zine](<http://ilu.servus.at/>) by Lídia Pereira (PT/NL) and conversation with Alina Lupu (RO/NL), Gui Machiavelli (IT/BR/NL),  moderated by Silvio Lorusso (IT/NL)
+19:00 Introduction of the [Pervasive Labour union zine](<http://ilu.servus.at/>) by Lídia Pereira (PT/NL) and conversation with Alina Lupu (RO/NL), Gui Machiavelli (IT/BR/NL), moderated by Silvio Lorusso (IT/NL)
 20:00 - 22:00 Open gaming session with "It Is As If You Were Doing Work" by Pippin Barr and "The Founder" by Francis Tseng
 
 <http://varia.zone/>
@@ -25,8 +25,8 @@ Program:<br/>
 
 **Alina Lupu** (<http://www.theofficeofalinalupu.com/>) is a conceptual artist and a food delivery bike courier, at times a project manager, a copywriter, a photographer, an all-around side-jobber. Recently she became an elections candidate for the position of municipal advisor for the city of Amsterdam.   
 
-**Gui Machiavelli** (<https://guimachiavelli.com/>) is an Italo-brazilian designer and programmer. He graduated at the Sandberg Istitute in June 2017.
+**Gui Machiavelli** (<https://guimachiavelli.com/>) is an okay programmer from Monday to Thursday and a lethargic writer from Friday to Sunday.
 
-**Lídia Pereira** (<http://immateriallaborunion.net/>) is an indepent 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.
+**Lídia Pereira** (<http://immateriallaborunion.net/>) 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** (<http://networkcultures.org/entreprecariat/>) is a designer without qualities, an artist without a gallery and a writer without spell checker.

themes/varia/static/css/main.css

@@ -40,13 +40,13 @@ body{
 	font-size: 16px;
 	line-height:1.8;
 	font-style: normal;
-	background-color: rgb(252, 255, 120);
+	background-color: rgba(252, 255, 120, .7);
 	color:black;
 }
 header {
 	width:calc(100% - 50px);
 	margin-top:0;
-	margin-bottom:4em;
+	margin-bottom:1em;
 	padding-bottom:1em;
 	font-size: 12px;
 	line-height: 1.7;
@@ -54,8 +54,8 @@ header {
 }
 	#content.index header{
 		font-family: 'CMUconcrete';
-		font-size: 26px;
-		line-height: 1.6;
+		font-size: 22px;
+		line-height: 1.4;
 		letter-spacing: .035em;
 	}
 	#content.index header em{
@@ -160,6 +160,12 @@ pre{
 	display: inline;
 }
 
+.summary.longread{
+		font-size: 150%;
+	}
+.long-read .hentry{
+	width:calc(400px + 2em);
+}
 .hentry{
 	display: inline-block;
 	width: 200px;
@@ -169,9 +175,7 @@ pre{
 	padding:0;
 	vertical-align: top;
 }
-.current{
-	width:calc(400px + 2em);
-}
+
 	.hentry .article-info{
 		width: 200px;
 	}
@@ -182,7 +186,7 @@ pre{
 		font-size: 190%;
 		font-weight: bold;
 		line-height: 1.10;
-		margin:0;
+		margin:0 0 .5em 0;
 	}
 		.hentry .article-info .entry-title a{
 			text-decoration: none;
@@ -190,14 +194,15 @@ pre{
 	/* date */
 	.event-details{
 		width: 100%;
-		font-family: 'CMUconcrete';
-		font-size: 12px;
-		margin:.5em 0 1em 0;
+		font-family: 'liberation';
+		font-size: 10px;
+		margin:.5em 0 0;
 	}
 	/* 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{
@@ -247,7 +252,7 @@ pre{
 		}	
 .entry-content-container, #page-content-container{
 	width: calc(100% - 285px);
-	background-color: rgba(255,255,0,.3);
+	/*background-color: rgba(255,255,0,.3);*/
 	float: right;
 	padding:30px;
 	margin-bottom:25px;

themes/varia/templates/index.html

@@ -41,7 +41,7 @@
                 </div>
             {% endif %}
 		</div>
-		<div class="summary">{{ article.summary }}
+		<div class="summary {{ article.category }}">{{ article.summary }}
 			<span>
 				<a href="{{ article.url }}">
 					{% if DEFAULT_LANG == 'en' %}
@@ -52,6 +52,17 @@
 				</a>
 			</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 %}

themes/varia/templates/page.html

@@ -1,6 +1,15 @@
 {% extends "base.html" %}
 {% block title %}{{ page.title }}{%endblock%}
 {% block content %}
+<section id="content" class="index">
+	<header id="banner">
+	{% for p in pages %}
+	    {% if p.title == 'header' %}
+	        <div id="title">{{ p.content }}</div>
+	    {% endif %}
+	{% endfor %}
+	</header>
+</section>
     <div id="page-content">
 	{{ page.content }}