edit style and video

5 years ago · bc6972ac1a
parent d728271490
commit bc6972ac1a
4 changed files with 47 additions and 36 deletions
--- a/09/Scan_MFP-529_3001_001.pdf
+++ b/09/Scan_MFP-529_3001_001.pdf
--- a/09/miniwebsite/style.css
+++ b/09/miniwebsite/style.css
@ -25,6 +25,10 @@ header {
 	text-align: center;
 }

+section {
+  width: 100%;
+}
+
 ul {
  width: 80%;
  margin: auto;
@ -34,11 +38,24 @@ ul {
  line-height: 19px;
 }

+#left {
+  float: left;
+  width: 50%;
+  margin: auto;
+}
+
+#right {
+  float: right;
+  width: 50%;
+  margin: auto;
+}
+
 #video {
-  width: 55%;
+  width: 94%;
  margin: auto;
 }

+
 .pdfs {
  width: 100%;
  margin: auto;
--- a/09/miniwebsite/video.html
+++ b/09/miniwebsite/video.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>
 			<h3>Piet Zwart Institute</h3>
+
 			<hr><hr>
+
 			<nav>
 				<ul>
 					<li><a href="./video.html">Video</a></li>
@ -45,30 +32,37 @@ h1 {
 					<li><a href="./ka.html">Knowledge In Action</a></li>	
 				</ul>
 			</nav>
-		<br>
+
+			<br><br>
+
 		</header>
 		
+		<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>
+					<p>Pellentesque pretium euismod venenatis. Sed quis pretium nisl, at faucibus tellus. Nulla semper volutpat ipsum, vel aliquam ex. Donec sit amet metus justo. Maecenas viverra quam diam, mollis fermentum velit accumsan non. Donec luctus molestie lectus. Pellentesque feugiat sem quis augue gravida mattis. Nunc facilisis sapien ultrices nulla tempor euismod. Cras mi ex, commodo a tristique non, auctor a libero. Aliquam sit amet ipsum at justo pharetra maximus. Morbi in sagittis urna. Suspendisse lacus magna, sagittis a magna porttitor, fringilla gravida augue. Curabitur sagittis tempor massa ultricies mollis. Nullam quis libero erat. 
+					</p>
+					<p>Donec sit amet venenatis ante. Etiam sit amet egestas mauris. Vivamus vel augue aliquam, fermentum tortor non, placerat elit. Duis mollis nisi et augue pellentesque, sit amet placerat ligula tincidunt. Curabitur lacinia augue in diam posuere feugiat. Vivamus fermentum ipsum venenatis odio facilisis mattis. Sed scelerisque scelerisque justo quis dapibus. Sed purus tortor, vestibulum ut tempus et, tincidunt id lorem. Sed lobortis augue sit amet turpis tristique, non facilisis sapien fringilla. Suspendisse condimentum, ipsum vitae dignissim pretium, sem ipsum suscipit nulla, eu elementum nulla dolor sed magna. Morbi vel massa in sapien posuere tristique tempus at nisl. In auctor, nibh vel venenatis dapibus, orci lacus pharetra massa, quis viverra ante ex nec nisi. Fusce rhoncus ultrices ante, eu lobortis lectus accumsan ac. Integer volutpat odio vitae hendrerit sodales. Phasellus lacinia a neque a convallis. 
+					</p>
+    			</article>
+    		</div>

-		<section>
-			<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>
-<!--     		<article class="pdfs" >
-  
-			<iframe id="poster" src="./media/pdfs/poster.pdf"></iframe>
-			</article>
-			<br><hr><br>
-			<article class="pdfs" >
-			<iframe id="publication" src="./media/pdfs/BB_reader.pdf"></iframe>
-			</article> -->
-			
 		</section>
-		<hr>
+
 	</div>
 	
 </body>
--- a/09/special-issue-9-poster.pdf
+++ b/09/special-issue-9-poster.pdf