Adds edit cards and templates to include

4 files changed, 27 insertions, 2 deletions

diff --git a/public/css/style.css b/public/css/style.css
index bdb53f8..c07c25a 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -15,6 +15,12 @@
 header {
   padding: 0 0.5rem 0rem 0.5rem;
 }
+
+.active {
+  color: var(--accent) !important;
+  border-color: var(--accent) !important;
+}
+
 main {
   padding-top: 1rem;
 }
@@ -43,6 +49,10 @@ input:disabled {
   cursor: default;
 }
 
+button:disabled {
+  cursor: default;
+}
+
 .content {
   background: var(--accent-bg);
   border: 1px solid var(--border);
@@ -53,8 +63,8 @@ input:disabled {
   padding: 15px;
 }
 
-.content-header {
-  margin-top: 50px;
+section {
+  margin-top: 50px !important;
 }
 
 .row:after {
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000..a54ce55
--- /dev/null
+++ b/public/favicon.ico
diff --git a/public/js/nav_highlight.js b/public/js/nav_highlight.js
new file mode 100644
index 0000000..b8ebb09
--- /dev/null
+++ b/public/js/nav_highlight.js
@@ -0,0 +1,9 @@
+document.addEventListener( 'DOMContentLoaded', function() {
+  var url = window.location.href;
+  var navs = document.getElementsByTagName("nav")[0].getElementsByTagName("a");
+  for (var i = 0; i < navs.length; i++) {
+    if (url.startsWith(navs[i].href)) {
+      navs[i].classList.add('active');
+    }
+  }
+});
diff --git a/public/js/splides.js b/public/js/splides.js
new file mode 100644
index 0000000..0a4faae
--- /dev/null
+++ b/public/js/splides.js
@@ -0,0 +1,6 @@
+document.addEventListener( 'DOMContentLoaded', function() {
+  var splides = document.getElementsByClassName("splide");
+  for (var i = 0; i < splides.length; i++) {
+    new Splide(splides[i]).mount();
+  }
+});
\ No newline at end of file