refining theme details

themes/cetcat/static/css/main.css

@@ -40,7 +40,7 @@ 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 {
@@ -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{
@@ -159,6 +159,9 @@ pre{
 .summary p{
 	display: inline;
 }
+	.summary.longread{
+		font-size: 150%;
+	}
 .long-read .hentry{
 	width:calc(400px + 2em);
 }
@@ -181,7 +184,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;
@@ -189,14 +192,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{
@@ -246,7 +250,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/cetcat/templates/index.html

@@ -19,24 +19,26 @@
 	<article class="hentry {{article.category}}">
 	{% 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>
+			<div class="entry-title">
-			<div class="event-details">
+				<a href="{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a>
-				{% if article.event_start %}
+			</div>
+			<div class="featured-image {{past}}">
+				{% if article.featured_image %}
+					<a href="{{ article.url }}"><img src="{{ article.featured_image }}"></a>
+				{% endif %}
+			</div>
+			{% if article.event_start %}
+				<div class="event-details">
 					{{ article.event_start }}
 					{% set past = '' %}
 					{% if article.event_start < article.date.now() %}
 						{% set past = ' past-event' %}
 					{% endif %}
 
-				{% endif %}
+				</div>
-			</div>
+			{% endif %}
-			<div class="featured-image {{past}}">
-				{% if article.featured_image %}
-					<img src="{{ article.featured_image }}">
-				{% endif %}
-			</div>
 		</div>
-		<div class="summary">{{ article.summary }}
+		<div class="summary {{ article.category }}">{{ article.summary }}
 			<span>
 				<a href="{{ article.url }}">
 					{% if DEFAULT_LANG == 'en' %}
@@ -47,6 +49,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/cetcat/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 }}