From 2f689db675558a24e40816fa04c735bf6b90dec8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9r=C3=A9my=20Zurcher?= <jeremy@asynk.ch>
Date: Tue, 22 May 2018 10:47:34 +0200
Subject: add content div

---
 footer    |  4 +++-
 header    |  7 ++++---
 retro.css | 14 +++++++++++---
 3 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/footer b/footer
index 62b274f..8b7f2f4 100644
--- a/footer
+++ b/footer
@@ -1 +1,3 @@
-</body></html>
+    </content>
+  </body>
+</html>
diff --git a/header b/header
index 95032e1..28a1a35 100644
--- a/header
+++ b/header
@@ -1,9 +1,10 @@
 <html>
-  <header>
+  <head>
     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 
     <link href="retro.css" media="screen, projection" rel="stylesheet" type="text/css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.3.5/jquery.fancybox.min.css" />
     <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.3.5/jquery.fancybox.min.js"></script>
-  </header>
-<body>
+  </head>
+  <body>
+    <content>
diff --git a/retro.css b/retro.css
index 32470be..a5b11d0 100644
--- a/retro.css
+++ b/retro.css
@@ -187,9 +187,17 @@ body {
   color: #fafafa;
   font-family: "Courier New";
   line-height: 1.45;
-  margin: 6rem auto 1rem;
-  max-width: 60rem;
-  padding: .25rem;
+  /* margin: 6rem auto 1rem; */
+  /* max-width: 60rem; */
+  /* padding: .25rem; */
+}
+
+content {
+  position: absolute;
+  left: 200px;
+  width: 900px;
+  /* left: 30%; */
+  /* transform:translateX(-20%); */
 }
 
 pre {
-- 
cgit v1.1-2-g2b99