better, more

diff --git a/comics.js b/comics.js
index 491ce6a2d894e5cad49f3d93ea2b2b1233388bd0..cef1b529cab4102a2ea2e47f1f25c44b80fb2428 100644 (file)
--- a/comics.js
+++ b/comics.js
@@ -10,6 +10,7 @@ function onload() {
 
 
     num = window.location.search.substring(window.location.search.indexOf('=')+1)
+    num = (num =="") ? Math.floor(Math.random()*3600) : num
     setorig(num)
     getimageurl(num)
 }

diff --git a/index.html b/index.html
index 488a2a2b91b184b886653385c31c297ca6305934..e80ee961af76c46e3c7b12a9834b8dce84b54427 100644 (file)
--- a/index.html
+++ b/index.html
@@ -13,8 +13,9 @@
     <div class="container">
       <canvas id="canvas" width="735" height="500"></canvas>
     </div>
-    <div class="container">
-      <p>This is Ryan North's beloved <a href="https://qwantz.com/"><i>Dinosaur Comics</i></a>, but without the dinosaurs. Hence, "Comics". It's something different I guess. You can see any of the comics like this by going to <code>https://comics.eli173.com/?comic=NUMBER</code> where you just replace NUMBER with the number of the comic you'd like to see. For example, <a href="https://comics.eli173.com/?comic=3685" title="ALL the colours in this comic are chimerical"><code>https://comics.eli173.com/?comic=3685</code></a></p>
+    <div class="tac">
+      <p>This is Ryan North's beloved <a href="https://qwantz.com/"><i>Dinosaur Comics</i></a>, but without the dinosaurs. Hence, "Comics". It's something different I guess.</p>
+      <p>You can see any of the comics like this by going to <code>https://comics.eli173.com/?comic=NUMBER</code> where you just replace NUMBER with the number of the comic you'd like to see. For example, <a href="https://comics.eli173.com/?comic=3685" title="ALL the colours in this comic are chimerical"><code>https://comics.eli173.com/?comic=3685</code></a> or <a href="https://comics.eli173.com/?comic=1672" title="T-rex looks slightly less handsome and significantly less pantsed than usual in this one"><code>https://comics.eli173.com/?comic=1672</code></a>. Some of the comics don't work properly with this and have weird things happen, for each one of these broken comics you find, you get three points!</p>
     </div>
     <div id="original" class="container">
     </div>

diff --git a/style.css b/style.css
index 3d7e3a7a111a85ed31774ddaee73edce91bb700f..dd2118f6e743b1b0e3f80dea2637116f8e57416a 100644 (file)
--- a/style.css
+++ b/style.css
@@ -11,3 +11,7 @@ body {
     font-variant-caps: small-caps;
     font-size: xxx-large;
 }
+
+.tac {
+    text-align: center;
+}