From a68e39963a15c19f786844ada8d50574219a7970 Mon Sep 17 00:00:00 2001
From: Ottis <outisisout@gmail.com>
Date: Mon, 8 Jul 2019 13:50:13 +0100
Subject: [PATCH] edit edit edit

---
 09/miniwebsite/index.html | 57 ++++++++++++++++++++-------------------
 09/miniwebsite/style.css  | 11 +++-----
 2 files changed, 34 insertions(+), 34 deletions(-)
diff --git a/09/miniwebsite/index.html b/09/miniwebsite/index.html
index 2b2300f..d39be80 100644
--- a/09/miniwebsite/index.html
+++ b/09/miniwebsite/index.html
@@ -10,31 +10,18 @@
 	<link rel=icon href=  type=image/x-icon>
 	-->
 	<link rel=stylesheet type=text/css href=./style.css>
-	<style type="text/css">
-		@font-face {
-  font-family: "Book";
-  src: url("./media/fonts/standard-book-webfont.woff");
-}
-
-@font-face {
-  font-family: "Book";
-  src: url("./media/fonts/standard-book-italic-webfont.woff");
-  font-style: italic;
-}
-
-h1 {
-	font-family: Book ;
-}
-	</style>
 </head>
 <body>
 
 	<div id="wrapper">
+
 		<header>
 			<h1>The Library Is Open</h1>
 			<h2>Special Issue 09</h2>
-			<h4>Piet Zwart Institute</h4>
-			<hr><hr>
+			<h3>Piet Zwart Institute</h3>
+
+			<hr><hr><br>
+
 			<nav>
 				<ul>
 					<li><a href="./video.html">Video</a></li>
@@ -45,18 +32,34 @@ h1 {
 					<li><a href="./ka.html">Knowledge In Action</a></li>	
 				</ul>
 			</nav>
-		<br>
+
+			<br><br>
+
 		</header>
 		
-		<section id="video">
-			<article>
-				<video controls="" width="100%">
-	    			<source src="https://media.xpub.nl/special_issue_06-web.mp4" poster="preview.png" type="video/mp4">
-				    Your browser does not support the video tag :(
-				    Try a recent version of Firefox or Chromium!
-	    		</video>
-    		</article>
+		<section>
+
+			<div id="left">
+				<article id="video">
+					<video controls="" width="100%">
+		    			<source src="https://media.xpub.nl/special_issue_06-web.mp4" poster="preview.png" type="video/mp4">
+					    Your browser does not support the video tag :(
+					    Try a recent version of Firefox or Chromium!
+		    		</video>
+	    		</article>
+	    	</div>
+
+    		<div id="right" >
+    			<article id="description">
+    				<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit metus dapibus risus gravida malesuada. Duis vel mauris diam. Mauris sollicitudin tincidunt ipsum, in auctor quam egestas sit amet. Morbi leo nibh, tempus ullamcorper velit ut, pretium molestie magna. Morbi diam felis, pulvinar porta ipsum in, convallis tincidunt leo. Morbi viverra orci id mi viverra elementum. Fusce id convallis erat, in vestibulum nisi. Mauris malesuada ullamcorper lobortis. Mauris egestas porttitor neque, at condimentum eros efficitur eu. Curabitur vel massa vel velit ornare maximus. Aenean cursus leo mi, eget venenatis velit varius quis.</p>
+    				<p>Nullam nisl lorem, finibus eget dictum non, suscipit sed erat. Aliquam auctor ornare nibh, nec sollicitudin tortor tempus eget. Sed in ullamcorper nisi. Curabitur in accumsan erat. Aenean luctus, diam vitae lobortis viverra, tellus tellus tempus quam, eu sodales tellus eros et libero. Sed euismod velit mollis quam rutrum finibus. Sed egestas ullamcorper tristique. Nam accumsan mollis nunc, quis elementum ex laoreet in. Quisque eleifend interdum sapien. Donec quis vestibulum nunc.
+					</p>
+    			</article>
+    		</div>
+
 		</section>
+
 	</div>
+
 </body>
 </html>
diff --git a/09/miniwebsite/style.css b/09/miniwebsite/style.css
index fb32b49..4ae03e1 100644
--- a/09/miniwebsite/style.css
+++ b/09/miniwebsite/style.css
@@ -75,13 +75,6 @@ article {
 }
 
 
-
-
-
-
-
-
-
 @media only screen and (max-width: 600px) {
   header {
     font-size: 13px;
@@ -91,4 +84,8 @@ article {
   width: 100%;
   margin: auto;
   }
+
+  article {
+    width: 100%
+  }
 }
\ No newline at end of file
