commit 39893899dadbd897716e96d4633f1ffd841223be
parent 13ebc7588edd388390a19fe699da8c15fb98278d
Author: AsherMorgan <59518073+AsherMorgan@users.noreply.github.com>
Date: Mon, 1 Mar 2021 14:15:45 -0800
Improve home page and add home button
Diffstat:
6 files changed, 22 insertions(+), 10 deletions(-)
diff --git a/images/home.svg b/images/home.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+\ No newline at end of file
diff --git a/index.css b/index.css
@@ -5,7 +5,7 @@
font-family: Segoe UI, sans-serif;
}
-#app {
+body {
display: flex;
flex-direction: column;
align-items: center;
@@ -21,3 +21,7 @@ header {
header h1 {
font-size: 25px;
}
+
+p {
+ margin-bottom: 5px;
+}
diff --git a/index.html b/index.html
@@ -3,20 +3,20 @@
<head>
<meta charset="UTF-8">
<title>Physics Simulations</title>
+ <meta name="Description" content="A collection of physics simulations">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="index.css">
</head>
<body>
- <div id="app">
- <header>
- <h1>Physics Simulations</h1>
- </header>
+ <header>
+ <h1>Physics Simulations</h1>
+ </header>
- <p>A collection of physics simulations</p>
+ <p>A collection of physics simulations</p>
- <ul>
- <li><a href="simulations/atwood-machine.html">Atwood Machine Simulation</a></li>
- <li><a href="simulations/circular-motion.html">Circular Motion Simulation</a></li>
- </ul>
+ <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>
+ </ul>
</body>
</html>
diff --git a/simulations/atwood-machine.html b/simulations/atwood-machine.html
@@ -12,6 +12,7 @@
<body onload="createApp()">
<div id="app">
<header>
+ <a title="Home" href="../" class="icon"><img alt="" src="../images/home.svg"></a>
<h1>Atwood Machine Simulation</h1>
</header>
diff --git a/simulations/circular-motion.html b/simulations/circular-motion.html
@@ -12,6 +12,7 @@
<body onload="createApp()">
<div id="app">
<header>
+ <a title="Home" href="../" class="icon"><img alt="" src="../images/home.svg"></a>
<h1>Circular Motion Simulation</h1>
</header>
diff --git a/simulations/styles.css b/simulations/styles.css
@@ -24,6 +24,10 @@ header {
header h1 {
font-size: 25px;
}
+header a {
+ position: absolute;
+ left: 5px;
+}
noscript {
color: #ff0000;
