From e0bf48bf377c889ec886d95d7c501e3143032999 Mon Sep 17 00:00:00 2001
From: "mb @ ts" <mail@manettaberends.nl>
Date: Fri, 1 Dec 2017 18:09:58 +0100
Subject: [PATCH] another header + some cleaning up

---
 index/img/pix.png    | Bin 506 -> 476 bytes
 index/index.html     |  11 -----------
 index/stylesheet.css |  31 +++++++++----------------------
 3 files changed, 9 insertions(+), 33 deletions(-)

diff --git a/index/img/pix.png b/index/img/pix.png
index b2cd6cc50af38a888df209b7e2137e315fd18415..7c56ad65ad1948d59803da38ea62e76dbdb609ce 100644
GIT binary patch
delta 375
zcmV--0f_$k1Kb0U7YYgp1^@s6qj&Bvks&h&5d$#`mvUW^TP%M-Nkl<ZILmEQL6QU^
z2+MjA?=%1Zs0n*O5V!Ww)t~}NfS>Q@<8v8oF4&r|X)x>G#I%KF^Y{y9^Sn1qvxr#+
zoAdk)YZ+$dTK!F&jZJ|hBtl!D2ua~fpd6w=hE4L=ym2DL6Guhd`Ik*W`}#v3hZLh|
z6*+)Ta%OUNP{)5~=1AZyfRf;fJNeBw9;C%!NAXN5!jp*z(hCIt0e0CE+*g^f<8CBU
ziJ%Llm!AnA1@bMEwXl<sF7tZl7a&^;M<OkTB_EG;sva^`Ay4nG)ZUVp&D+N8_dWzh
zNld|e(N?6h=wKdDx-mQNnkosvkBWoN8j70Mrw9vim%3MyQlP)B2?bc~alV5q3ZqLB
zOkebR`pc5DpQ%l7oNa8~b=rK_iXsLacUs$k+?BbzSu3=26JF-=#-smz<@9$gg<p~1
VB!0i;juZd@002ovPDHLkV1ggpuFe1e

delta 405
zcmV;G0c!r-1NsAy7YZH-1^@s6J20-Iks&h&5F9T(04tY~TP%NGNkl<ZNXNa_Jxi8h
z7{>A6qr;<uFN26fpo6x#)glc}wHw&ts2~VJBt5i-po509pFrsu`UXKr;?|VWCM^;U
zE{0}uyPUx_)aG>_(>>hq=Q_^gd?81z;=6+;8@i6~SzzeH^8hwD$^v%^=w^n!J$Q$!
zfOhbpc0EV2TD*Vs1BU<c-@WT?0ez3TsC6~9(GB1&=HvAPHD5Y|?SP&~`&3mArm!E-
zYpndI_V*g5A$$(#1!gm*(IXrL^bD`jTRXjzk=PPC64qDKIKCA@dRDVtTIk1O%-aT^
z@Fd!$T1|TcdJ@oMJk1#P4{;jMuVHuf^uEB4fOavF0bO+{g4D(1n#19*W^ozN!x$D-
zrx7d_(7i}>%6;@RpgWkZZErhPSyR-sow2}Q70|7$`)IegkJd0&+upGNHTWINyp>_^
zMq%%ptef{Ee&G+6<337JgD=rOgA#Rvmy&e{=q*@9nz@5)00000NkvXXu0mjfeRRTn

diff --git a/index/index.html b/index/index.html
index 6f7fec3..4d0d278 100644
--- a/index/index.html
+++ b/index/index.html
@@ -87,7 +87,6 @@
 				<div class="issue-date"></div>
 				<div class="issue-img"><img src="img/unknown.png"></div>
 				<div class="issue-title"></div>
-				
 			</a>
 		</div>
 		<div id="special-issue-6" class="issue future">
@@ -96,7 +95,6 @@
 				<div class="issue-date"></div>
 				<div class="issue-img"><img src="img/unknown.png"></div>
 				<div class="issue-title"></div>
-				
 			</a>
 		</div>
 
@@ -107,7 +105,6 @@
 				<div class="issue-date"></div>
 				<div class="issue-img"><img src="img/unknown.png"></div>
 				<div class="issue-title"></div>
-				
 			</a>
 		</div>
 		<div id="special-issue-8" class="issue future">
@@ -116,7 +113,6 @@
 				<div class="issue-date"></div>
 				<div class="issue-img"><img src="img/unknown.png"></div>
 				<div class="issue-title"></div>
-				
 			</a>
 		</div>
 		<div id="special-issue-9" class="issue future">
@@ -125,7 +121,6 @@
 				<div class="issue-date"></div>
 				<div class="issue-img"><img src="img/unknown.png"></div>
 				<div class="issue-title"></div>
-				
 			</a>
 		</div>
 
@@ -136,7 +131,6 @@
 				<div class="issue-date"></div>
 				<div class="issue-img"><img src="img/unknown.png"></div>
 				<div class="issue-title"></div>
-				
 			</a>
 		</div>
 		<div id="special-issue-11" class="issue future">
@@ -145,7 +139,6 @@
 				<div class="issue-date"></div>
 				<div class="issue-img"><img src="img/unknown.png"></div>
 				<div class="issue-title"></div>
-				
 			</a>
 		</div>
 		<div id="special-issue-12" class="issue future">
@@ -154,12 +147,8 @@
 				<div class="issue-date"></div>
 				<div class="issue-img"><img src="img/unknown.png"></div>
 				<div class="issue-title"></div>
-				
 			</a>
 		</div>
 	</section>
-	<footer>
-		
-	</footer>
 </body>
 </html>
\ No newline at end of file
diff --git a/index/stylesheet.css b/index/stylesheet.css
index 76add49..71385e1 100644
--- a/index/stylesheet.css
+++ b/index/stylesheet.css
@@ -7,30 +7,25 @@ body{
 	background-color: rgb(254,247,220);
 }
 
-/* header, intro, footer, future */
-header, .intro, .issue.future, footer{
+/* header, intro (on the left), future (for future issues) */
+.intro, .issue.future{
 	font-family: 'default';
 }
 header{
 	position: absolute;
 	width: 100%;
-	height: 30px;
+	height: 10px;
 	top:0;
 	padding:0;
 	z-index: 1;
 	background-image: url('img/pix.png');
 	overflow: hidden;
 }
-footer{
-	width: auto;
-	margin: 0;
-	padding: 10px 20px;
-}
 .intro{
 	position: absolute;
 	width: 150px;
 	height:100vh;
-	top:30px;
+	top:20px;
 	padding:10px;
 	font-size: 10pt;
 	line-height: 14pt;
@@ -51,17 +46,9 @@ footer{
 	.issue.future .issue-title{
 		font-size: smaller;
 	}
-	.issue.future .issue-title:after{
-		content: '...';
-	}
-	.issue.future a:hover{
-		opacity: 1;
-	}
-	.issue.future img{
-		border:none;
-	}
 
 /* custom rules per issue */
+/* the font size is adjusted here in % to balance the differences in size between fonts out. */
 .issue#special-issue-1{
 	font-family: 'special-issue-1';
 	letter-spacing: 0.2px;
@@ -87,7 +74,7 @@ section{
 	flex-direction: columns;
 	flex-wrap: wrap;
 	margin:0 14px;
-	padding-top:90px;
+	padding-top:80px;
 	padding-left:170px;
 }
 .issue{
@@ -127,7 +114,7 @@ section{
 	.issue-text p{
 		margin:13px 0;
 	}
-	/* prevent hyphens in the names */
+	/* prevent hyphens in the list of names */
 	.issue-text p:last-of-type{
 		-webkit-hyphens: none;
 		-ms-hyphens: none;
@@ -146,7 +133,7 @@ a:hover{
 	-webkit-filter:grayscale(0%);
 }
 
-/* mobile */
+/* responsive rules for mobile */
 @media (max-width: 500px) {
 	body{
 		min-width: 0;
@@ -203,6 +190,7 @@ a:hover{
 	}
 }
 
+/* fonts */
 @font-face{
 	font-family:'special-issue-1';
 	src:url('fonts/GT-Cinetype-Bold.otf');
@@ -221,7 +209,6 @@ a:hover{
 	font-weight: normal;
 	font-style: normal;
 }
-
 @font-face{
 	font-family:'default';
 	src:url('fonts/cmunvt.ttf');