From 8c3dec7271ddeb4fa86c62258851a3249c23bf73 Mon Sep 17 00:00:00 2001
From: Orion Reed <orionreedt@gmail.com>
Date: Sun, 24 Mar 2024 18:18:36 -0700
Subject: [PATCH] added button

---
 index.html             |  3 +++
 src/assets/gravity.svg | 10 ++++++++++
 src/card/contact.html  |  7 +++++++
 src/card/contact.md    | 10 ----------
 src/css/style.css      | 16 ++++++++++++++++
 5 files changed, 36 insertions(+), 10 deletions(-)
 create mode 100644 src/assets/gravity.svg
 create mode 100644 src/card/contact.html
 delete mode 100644 src/card/contact.md

diff --git a/index.html b/index.html
index 90be5ff..3c1fd8a 100644
--- a/index.html
+++ b/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>
diff --git a/src/assets/gravity.svg b/src/assets/gravity.svg
new file mode 100644
index 0000000..5395ac1
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/src/card/contact.html b/src/card/contact.html
new file mode 100644
index 0000000..f157b8c
--- /dev/null
+++ b/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>
diff --git a/src/card/contact.md b/src/card/contact.md
deleted file mode 100644
index bbe37b0..0000000
--- a/src/card/contact.md
+++ /dev/null
@@ -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)
\ No newline at end of file
diff --git a/src/css/style.css b/src/css/style.css
index 8926a69..78176f0 100644
--- a/src/css/style.css
+++ b/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;