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

content/it-is-as-if_en.md

@@ -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;
+		font-size: 22px;
-		line-height: 1.6;
+		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-family: 'liberation';
-		font-size: 12px;
+		font-size: 10px;
-		margin:.5em 0 1em 0;
+		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 }}