Fix theme toggle js multi-load

Author: jiwonac

src/_css/layout.css

@@ -12,7 +12,7 @@ footer {
     margin: 2.5%;
     padding-top: 3rem;
     border-top: 1px solid var(--color-deco-A);
-    color: var(--color-text-secondary);
+    color: var(--color-text-body);
 }
 
 /* Portfolio Grid */

src/_includes/_head.html

@@ -38,7 +38,7 @@
     <link rel="stylesheet" href="/style.css">
 
     <!-- Theme toggle script -->
-    <script src="/theme-toggle.js" defer></script>
+    <script src="/_scripts/theme-toggle.js" defer></script>
 
     <!-- Favicon -->
     <link rel="icon" href="/favicon.ico">

src/_includes/layout.html

@@ -54,8 +54,6 @@ <h2>{{ title }}</h2>
     {% endif %}
     <!--footer-->
     {% include "_foot.html" %}
-    <!-- Theme toggle script -->
-    <script src="/theme-toggle.js"></script>
     <!-- Rough.js library -->
     <script src="https://cdn.jsdelivr.net/npm/roughjs@4.5.2/bundled/rough.js"></script>
     <!-- Masonry.js library -->
@@ -66,6 +64,4 @@ <h2>{{ title }}</h2>
     <script src="/_scripts/rough-cards.js"></script>
     <!-- Microblog cards ragged edges and masonry layout -->
     <script src="/_scripts/microblog-cards.js"></script>
-    <!-- Theme toggle -->
-    <script src="/_scripts/theme-toggle.js"></script>
 </body>