Tekst aanpassingen

Q42 · May 15, 2024 · c56d505 · c56d505
1 parent 88e5045
commit c56d505
Show file tree

Hide file tree

Showing 3 changed files with 63 additions and 61 deletions.
diff --git a/css/style.css b/css/style.css
@@ -56,12 +56,14 @@ blockquote {
 }
 
 blockquote span.quote {
-  font-family: Orbitron, Arial, Helvetica, sans-serif;
   font-size: 300%; /* Aangepast voor nadruk */
   line-height: 80%;
   float: left;
   margin-right: 10px;
 }
+blockquote span.quote-right {
+  float: right;
+}
 
 article, section, header, footer, hgroup {
   display: block;

diff --git a/img/douglas_adams.jpg b/img/douglas_adams.jpg
diff --git a/index.html b/index.html
@@ -1,73 +1,73 @@
 <html>
-  <head>
-    <title>Q42 wenst iedereen een mooie Towel Day %year%!</title>
-    <meta charset="utf-8" />
-    <meta content="IE=edge,chrome=1" />
-    <meta name="description" content="Towel Day is een evenement bedoeld als eerbetoon aan schrijver Douglas Adams, bekend van de sciencefictionreeks The Hitchhikers Guide To The Galaxy" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" href="/css/style.css" />
-    <script src="/script/three.min.js"></script>
-    <script src="/script/vanta.waves.min.js"></script>
-    <link href="http://fonts.googleapis.com/css?family=EB+Garamond" rel="stylesheet" type="text/css" />
-    <link href="http://fonts.googleapis.com/css?family=Orbitron:regular,bold" rel="stylesheet" type="text/css" />
-    <link href="http://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css" />
-  </head>
-  <body id="body">
-    <div id="content">
-      <div id="waves">
+<head>
+  <title>Q42 wenst iedereen een mooie Towel Day %year%!</title>
+  <meta charset="utf-8" />
+  <meta content="IE=edge,chrome=1" />
+  <meta name="description" content="Towel Day is een evenement bedoeld als eerbetoon aan schrijver Douglas Adams, bekend van de sciencefictionreeks The Hitchhikers Guide To The Galaxy" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <link rel="stylesheet" href="/css/style.css" />
+  <script src="/script/three.min.js"></script>
+  <script src="/script/vanta.waves.min.js"></script>
+  <link href="http://fonts.googleapis.com/css?family=EB+Garamond" rel="stylesheet" type="text/css" />
+  <link href="http://fonts.googleapis.com/css?family=Orbitron:regular,bold" rel="stylesheet" type="text/css" />
+  <link href="http://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css" />
+</head>
+<body id="body">
+  <div id="content">
+    <div id="waves">
       <article>
         <header id="banner">
-          <time>25 mei %year%</time>
-          <h1>Q42 wenst iedereen een mooie Towel Day!</h1>
+          <time>25 May %year%</time>
+          <h1>From everyone at Q42, we wish you a happy Towel Day!</h1>
         </header>
         <section>
           <figure>
             <img src="/img/douglas_adams.jpg?w=180" width="180px" alt="Douglas Adams" />
             <figcaption></figcaption>
           </figure>
-          <p class="intro">Towel Day is een evenement bedoeld als eerbetoon aan schrijver Douglas Adams, bekend van de sciencefictionreeks The Hitchhiker's Guide To The Galaxy. Het evenement werd door fans van Adams' werken bedacht na diens overlijden op 11 mei 2001, en wordt sindsdien jaarlijks gehouden op 25 mei.</p>
-        </section>
-        </article>
-        </div>
-        <article>
-        <section>
-
-          <h2 contenteditable="true">Douglas Adams over handdoeken</h2>
-          <figure class="dolphin">
-            <img src="/img/dolphin2.png" width="180px" alt="Douglas Adams" class="no-border"/>
-          </figure>
-          <blockquote>
-            <span class="quote">"</span>
-          A towel, it says, is about the most massively useful thing an interstellar hitch hiker can have. Partly it has great practical value — you can wrap it around you for warmth as you bound across the cold moons of Jaglan Beta; you can lie on it on the brilliant marble‐sanded beaches of Santraginus Ⅴ, inhaling the heady sea vapours; you can sleep under it beneath the stars which shine so redly on the desert world of Kakrafoon; use it to sail a mini raft down the slow heavy river Moth; wet it for use in hand‐to‐hand‐combat; wrap it round your head to ward off noxious fumes or to avoid the gaze of the Ravenous Bugblatter Beast of Traal (a mindbogglingly stupid animal, it assumes that if you can't see it, it can't see you — daft as a bush, but very ravenous); you can wave your towel in emergencies as a distress signal, and of course dry yourself off with it if it still seems to be clean enough.
-          </blockquote>
-          <p>Ieder jaar sturen we nieuwe relaties een handdoek ter nagedachtenis aan Douglas Adams.</p>
+          <p class="intro">Towel Day is celebrated every year on 25 May as a tribute to Douglas Adams, author of <em>The Hitchhiker's Guide to the Galaxy</em>. As this hilarious science fiction series inspired the founders of <a href="https://q42.nl/en">Q42</a> to start their mid-dotcom bubble internet company in 2000, we yearly pay homage to Adams with our own extremely practical towel as a gift to our clients and friends.</p>
         </section>
       </article>
     </div>
-    <script>
-    VANTA.WAVES({
-      el: "#waves",
-      mouseControls: true,
-      touchControls: true,
-      gyroControls: true,
-      minHeight: 200.00,
-      minWidth: 200.00,
-      scale: 1.00,
-      scaleMobile: 1.00,
-      color: 0x0e2545,
-      shininess: 36.00,
-      waveHeight: 40.00,
-      zoom: 0.65
-    })
-    </script>
-    <script>
-      function fixYear(s) {
-        return s.replace(/%year%/, new Date().getFullYear());
-      }
-      document.title = fixYear(document.title);
-      var times = document.querySelectorAll("time");
-      for (var i = 0; i < times.length; i++)
-        times[i].innerHTML = fixYear(times[i].innerHTML);
-    </script>
-  </body>
+    <article>
+      <section>
+        <h2 contenteditable="true">The importance of towels</h2>
+        <figure class="dolphin">
+          <img src="/img/dolphin2.png" width="180px" alt="Douglas Adams" class="no-border"/>
+        </figure>
+        <blockquote>
+          <span class="quote">"</span>
+          A towel, it says, is about the most massively useful thing an interstellar hitch hiker can have. Partly it has great practical value — you can wrap it around you for warmth as you bound across the cold moons of Jaglan Beta; you can lie on it on the brilliant marble‐sanded beaches of Santraginus Ⅴ, inhaling the heady sea vapours; you can sleep under it beneath the stars which shine so redly on the desert world of Kakrafoon; use it to sail a mini raft down the slow heavy river Moth; wet it for use in hand‐to‐hand‐combat; wrap it round your head to ward off noxious fumes or to avoid the gaze of the Ravenous Bugblatter Beast of Traal (a mindbogglingly stupid animal, it assumes that if you can't see it, it can't see you — daft as a bush, but very ravenous); you can wave your towel in emergencies as a distress signal, and of course dry yourself off with it if it still seems to be clean enough.
+          <span class="quote quote-right">"</span>
+          <p class="intro">― Douglas Adams, <em>The Hitchhiker’s Guide to the Galaxy</em></p>
+        </blockquote>
+      </section>
+    </article>
+  </div>
+  <script>
+  VANTA.WAVES({
+    el: "#waves",
+    mouseControls: true,
+    touchControls: true,
+    gyroControls: true,
+    minHeight: 200.00,
+    minWidth: 200.00,
+    scale: 1.00,
+    scaleMobile: 1.00,
+    color: 0x0e2545,
+    shininess: 36.00,
+    waveHeight: 40.00,
+    zoom: 0.65
+  })
+  </script>
+  <script>
+  function fixYear(s) {
+    return s.replace(/%year%/, new Date().getFullYear());
+  }
+  document.title = fixYear(document.title);
+  var times = document.querySelectorAll("time");
+  for (var i = 0; i < times.length; i++)
+  times[i].innerHTML = fixYear(times[i].innerHTML);
+  </script>
+</body>
 </html>