Reformat animations html and remove scratch nav.

acchou · acchou · commit d1349c05387b · 2017-10-25T12:19:33.000-07:00
diff --git a/animation.html b/animation.html
@@ -14,10 +14,15 @@
 <body>
     <nav>
         <ul>
-            <li><a href="html-css-cheat-sheet.html#html">HTML</a></li>
-            <li><a href="html-css-cheat-sheet.html#css">CSS</a></li>
-            <li><a href="animation.html#animation">Animation</a></li>
-            <li><a href="scratch.html">Scratch</a></li>
+            <li>
+                <a href="html-css-cheat-sheet.html#html">HTML</a>
+            </li>
+            <li>
+                <a href="html-css-cheat-sheet.html#css">CSS</a>
+            </li>
+            <li>
+                <a href="animation.html#animation">Animation</a>
+            </li>
             <li class="nav-right">HTML CSS Cheat Sheet</li>
         </ul>
     </nav>
@@ -38,7 +43,9 @@ <h2>Transition all properties</h2>
         </section>
         <section id="transition-css">
             <h2>Transitions</h2>
-            <h3>Different states may be defined using pseudo-classes like <span class="code">:hover</span> or <span class="code">:active</span>                or dynamically set using JavaScript.</h3>
+            <h3>Different states may be defined using pseudo-classes like
+                <span class="code">:hover</span> or
+                <span class="code">:active</span> or dynamically set using JavaScript.</h3>
             <div class="snippet transition">
                 <h2 class="code">transition-duration:</h2>
                 <div class="codeblock">
@@ -290,8 +297,9 @@ <h2>Translation</h2>
         </section>
         <section id="animation-css">
             <h2>CSS animation</h2>
-            <h3>See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations">MDN on CSS animations</a>.
-                Also check out <a href="https://greensock.com/">GreenSock</a>.</h3>
+            <h3>See
+                <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations">MDN on CSS animations</a>. Also check out
+                <a href="https://greensock.com/">GreenSock</a>.</h3>
             <div class="snippet animation">
                 <h2 class="code">animation-duration:</h2>
                 <div class="codeblock">
@@ -428,7 +436,9 @@ <h2 class="code">animation-timing-function:</h2>
             </div>
             <div class="snippet animation ex-animation-fill-mode">
                 <h2 class="code">animation-fill-mode:</h2>
-                <h3><span class="fillmode-initial">Initial state</span><span class="fillmode-delay">Delay state 1s</span>
+                <h3>
+                    <span class="fillmode-initial">Initial state</span>
+                    <span class="fillmode-delay">Delay state 1s</span>
                     <span class="fillmode-animate">Animate 1s</span>
                     <span class="fillmode-end">End state</span>
                 </h3>
