physics-simulations

commit d017561325086a6b54e48af5309df479f09e5794
parent 87f9311d7053376c336574f87179c6dd0fdaa9f3
Author: AsherMorgan <59518073+AsherMorgan@users.noreply.github.com>
Date:   Wed,  3 Mar 2021 09:09:28 -0800

Improve layout for mobile devices

Diffstat:
M
index.html
 | 
6
+++---
M
simulations/atwood-machine.html
 | 
2
+-
M
simulations/circular-motion.html
 | 
2
+-
M
simulations/horizontal-motion.html
 | 
2
+-
M
simulations/styles.css
 | 
6
++++++

5 files changed, 12 insertions(+), 6 deletions(-)
diff --git a/index.html b/index.html
@@ -15,9 +15,9 @@
         <p>A collection of physics simulations</p>
 
         <ul>
-            <li><a title="Atwood Machine Simulation" href="simulations/atwood-machine.html">Atwood Machine Simulation</a></li>
-            <li><a title="Circular Motion Simulation" href="simulations/circular-motion.html">Circular Motion Simulation</a></li>
-            <li><a title="Horizontal Motion Simulation" href="simulations/horizontal-motion.html">Horizontal Motion Simulation</a></li>
+            <li><a title="Atwood Machine" href="simulations/atwood-machine.html">Atwood Machine</a></li>
+            <li><a title="Circular Motion" href="simulations/circular-motion.html">Circular Motion</a></li>
+            <li><a title="Horizontal Motion" href="simulations/horizontal-motion.html">Horizontal Motion</a></li>
         </ul>
     </body>
 </html>
diff --git a/simulations/atwood-machine.html b/simulations/atwood-machine.html
@@ -13,7 +13,7 @@
         <div id="app">
             <header>
                 <a title="Home" href="../" class="icon"><img alt="" src="../images/home.svg"></a>
-                <h1>Atwood Machine Simulation</h1>
+                <h1>Atwood Machine</h1>
             </header>
 
             <noscript>
diff --git a/simulations/circular-motion.html b/simulations/circular-motion.html
@@ -13,7 +13,7 @@
         <div id="app">
             <header>
                 <a title="Home" href="../" class="icon"><img alt="" src="../images/home.svg"></a>
-                <h1>Circular Motion Simulation</h1>
+                <h1>Circular Motion</h1>
             </header>
 
             <noscript>
diff --git a/simulations/horizontal-motion.html b/simulations/horizontal-motion.html
@@ -13,7 +13,7 @@
         <div id="app">
             <header>
                 <a title="Home" href="../" class="icon"><img alt="" src="../images/home.svg"></a>
-                <h1>Horizontal Motion Simulation</h1>
+                <h1>Horizontal Motion</h1>
             </header>
 
             <noscript>
diff --git a/simulations/styles.css b/simulations/styles.css
@@ -68,3 +68,9 @@ noscript {
         width: 100%;
     }
 }
+@media only screen and (max-width: 350px) {
+    header a.icon {
+        position: static;
+        float: left;
+    }
+}