From 30874d4f8889e2d3db58c56e74c00e6dd3b6e07a Mon Sep 17 00:00:00 2001
From: Colleen <cdnickerson05@gmail.com>
Date: Tue, 17 Jan 2023 05:17:24 -0400
Subject: Added copyable links to sections on the homepage.

---
 common/img/anchor_link.svg |  5 +++++
 common/main.css            | 21 +++++++++++++++++++++
 2 files changed, 26 insertions(+)
 create mode 100644 common/img/anchor_link.svg

(limited to 'common')

diff --git a/common/img/anchor_link.svg b/common/img/anchor_link.svg
new file mode 100644
index 0000000..0bf8d19
--- /dev/null
+++ b/common/img/anchor_link.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path>
+  <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path>
+
+</svg>
\ No newline at end of file
diff --git a/common/main.css b/common/main.css
index 0773a91..ba326cf 100644
--- a/common/main.css
+++ b/common/main.css
@@ -42,6 +42,10 @@
     line-height: 24px;
 }
 
+html {
+    scroll-behavior: smooth;
+}
+
 body {
     background-color: #ddd;
 }
@@ -165,6 +169,23 @@ h2 {
     font-size: x-small;
 }
 
+.anchor-link {
+    margin-right: 8px;
+    width: 16px;
+    height: 16px;
+    background-image: url(img/anchor_link.svg);
+    background-size: 16px 16px;
+    display: inline-block;
+    cursor: pointer;
+    opacity: 0.5;
+    transition: 0.25s;
+    transform: translateY(4px);
+}
+
+.anchor-link:hover {
+    opacity: 1.0;
+}
+
 ul {
     width: fit-content;
     padding-left: 48px;
-- 
cgit v1.2.3