irmak thesis

irmak/index.md

@@ -8,6 +8,8 @@ author: Irmak
 
 # Wink!
 
+---
+
 ### A Prototype for Interactive Children's Literature
 
 Wink is a prototype for an interactive picture book platform. This platform aims to make reading into a mindfull and thought provoking process by using interactive and playful elements, multiple stories within one narrative and sound elements. Especially today where consumerism and low attention span is a rising issue especially amongst young readers, this was an important task to tackle. The thought of Wink emerged to find a more sustainable and creative way of reading for elementary school children.

irmak/thesis.md

@@ -161,7 +161,8 @@ Every reader starts from 1 and continues until 12, with a consecutive numeric or
     alt="knot words from Leeszaal" />
 </figure>
 
-## Working End <sup><span class="margin-note">
+<div class="loops">
+## Working End 
 ### Loop 1
 ### Why am I doing this?
 
@@ -661,7 +662,9 @@ Taking a step to make Wink and using the story I wrote and feel is important in
 as a prototype was a breakthrough. I feel like my interest and desire to discover new ways of
 writing, reading and experiencing literature is ongoing and it was a beautiful journey so far. I am
 looking forward to making more knots on this long and mysterious string at hand.
-</span></sup>
+
+</div>
+
 ## Bibliography
 Cope, B. and Kalantzis, M. (2009) ‘“multiliteracies”:
 New Literacies, new learning’, Pedagogies: An International Journal,
@@ -707,4 +710,4 @@ Sensing Digital Memories, The Whole
 Life. Available at: https://wholelife.hkw.de/
 codes-in-knots-sensing-digital-memories/.
             
-        
+        

print/print_style.css

@@ -193,3 +193,11 @@ margin-left: 40mm;
     display: inline-block;
     line-height: 0;
 }
+.loops{
+ margin-left: 25mm;
+}
+.loops .margin-note{
+   color: green;
+	position: relative;
+margin-left: -45mm;
+}

print/theatre.css

@@ -32,19 +32,6 @@
 	margin-left: -15mm;
 	font-weight: inherit;	
 }
-@media print{
-    @page: right{
-	#section-2{
-	    p{
-		margin-left: 25mm;
-	    }
-    	    p:first-of-type{
-		width: 95mm;
-		margin-left: 0;
-    	    }
-    	}	 
-    }
-}
 .xpub3 p{
 	margin-left: 25mm;
 }