index.html.in: update part 1 URL; add the link to part 2

[charm-bypass.git] / index.html.in

diff --git a/index.html.in b/index.html.in
index 570ddc85de668cfbb84ded08c0b169d4f4e19974..a9bbb5a6491ccbe570d6b72522c90c690e85d80b 100644 (file)
--- a/index.html.in
+++ b/index.html.in
@@ -102,7 +102,7 @@
       }
 
       #bus {
-        animation: busroll 23s linear infinite;
+        animation: busroll 15s linear infinite;
       }
 
 
@@ -113,7 +113,7 @@
       }
 
       #tram {
-        animation: tramroll 17s linear infinite;
+        animation: tramroll 15s linear infinite;
       }
 
 
@@ -124,7 +124,7 @@
       }
 
       #train {
-        animation: trainroll 11s linear infinite;
+        animation: trainroll 10s linear infinite;
       }
 
 
@@ -135,7 +135,7 @@
       }
 
       #clouds {
-        animation: cloudsfloat 40s linear infinite;
+        animation: cloudsfloat 25s linear infinite;
       }
 
       @keyframes cloudscopyfloat {
@@ -144,7 +144,7 @@
       }
 
       #cloudscopy {
-        animation: cloudscopyfloat 40s linear infinite;
+        animation: cloudscopyfloat 25s linear infinite;
       }
 
 
@@ -156,7 +156,7 @@
 
       #trees {
         /* The trees move a little faster than the clouds */
-        animation: treespass 30s linear infinite;
+        animation: treespass 16s linear infinite;
       }
 
       @keyframes treescopypass {
@@ -166,7 +166,7 @@
 
       #treescopy {
         /* The trees move a little faster than the clouds */
-        animation: treescopypass 30s linear infinite;
+        animation: treescopypass 16s linear infinite;
       }
 
 
@@ -179,7 +179,7 @@
       #city {
         /* The city moves faster than the clouds but slower
          * than the trees */
-        animation: cityscroll 35s linear infinite;
+        animation: cityscroll 20s linear infinite;
       }
 
       @keyframes citycopyscroll {
@@ -190,7 +190,7 @@
       #citycopy {
         /* The city moves faster than the clouds but slower
          * than the trees */
-        animation: citycopyscroll 35s linear infinite;
+        animation: citycopyscroll 20s linear infinite;
       }
     </style>
   </head>
@@ -200,11 +200,18 @@
       <h1>CharmBypass</h1>
       <p><strong>got that <em>transit equity</em></strong></p>
 
-      <p>
-        <em>Hint:</em> If they start checking it, the daily security
-        code stays the same all day and is the same on a $2 bus ticket
-        as it is on a $9 MARC ticket. It's also the same on every phone.
-      </p>
+      <ol>
+        <li>
+          <a href="https://michael.orlitzky.com/articles/charmbypass_pt._1%3A_introduction.xhtml">
+            Introduction
+          </a>
+        </li>
+        <li>
+          <a href="https://michael.orlitzky.com/articles/charmbypass_pt._2%3A_analysis.xhtml">
+            Analysis
+          </a>
+        </li>
+      </ol>
 
       <form>
         <fieldset>