added button

index.html

@@ -17,6 +17,9 @@
 		<header>
 			Orion Reed
 		</header>
+		<button id="toggle-physics">
+			<img src="src/assets/gravity.svg" alt="Toggle Physics">
+		</button>
 		<main>
 			<h1>Hello! 👋</h1>
 			<p>

src/assets/gravity.svg

@@ -0,0 +1,10 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg fill="#000000" width="800px" height="800px" viewBox="0 0 24 24" id="gravity" data-name="Line Color" xmlns="http://www.w3.org/2000/svg" class="icon line-color">
+
<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
+
<g id="SVGRepo_iconCarrier">
+
<path id="secondary" d="M12,3V9m4-5v6M8,4v6" style="fill: none; stroke: #000000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;"/>
+
<circle id="primary" cx="12" cy="17" r="4" style="fill: none; stroke: #000000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;"/>
+
</g>
+
</svg>

src/card/contact.html

@@ -0,0 +1,7 @@
+<div>
+  <h1>Contact</h1>
+  <p>Twitter: <a href="https://twitter.com/OrionReedOne">@OrionReedOne</a></p>
+  <p>Mastodon: <a href="https://hci.social/@orion">orion@hci.social</a></p>
+  <p>Email: <a href="mailto:me@orionreed.com">me@orionreed.com</a></p>
+  <p>GitHub: <a href="https://github.com/orionreed">OrionReed</a></p>
+</div>

src/card/contact.md

@@ -1,10 +0,0 @@
----
-layout: layout.html
----
-
-# Contact
-
-Twitter: [@OrionReedOne](https://twitter.com/OrionReedOne)  
-Mastodon: [orion@hci.social](https://hci.social/@orion)  
-Email: [me@orionreed.com](mailto:me@orionreed.com)  
-GitHub: [OrionReed](https://github.com/orionreed)

src/css/style.css

@@ -43,6 +43,22 @@ p {
   margin-top: 2em;
   margin-bottom: 0em;
 }
+
+#toggle-physics {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  width: 50px;
+  height: 50px;
+  background: none;
+  border: none;
+  cursor: pointer;
+  opacity: 0.5;
+  &:hover {
+    opacity: 1;
+  }
+}
+
 ul {
   padding-left: 0;
   list-style: decimal-leading-zero;