feat: フッターを追加し、スタイルを整備

Author: big-mon

public/index.html

@@ -115,6 +115,18 @@ <h2>このツールでできること</h2>
         </p>
       </section>
     </main>
+    <footer class="site-footer">
+      <div class="footer-inner">
+        <a
+          href="https://github.com/big-mon/amazon-link-cleaner-cloudflare"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          GitHub
+        </a>
+        <span>© 2026 Amazon Link Cleaner</span>
+      </div>
+    </footer>
 
     <script src="./main.js" defer></script>
   </body>

public/styles.css

@@ -223,6 +223,33 @@ button#submit-btn:disabled {
   box-shadow: none;
 }
 
+.site-footer {
+  margin-top: 20px;
+  padding: 24px;
+  border-top: 1px solid var(--stroke);
+  color: var(--muted);
+}
+
+.footer-inner {
+  max-width: 960px;
+  margin: 0 auto;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  font-size: 0.9rem;
+}
+
+.site-footer a {
+  color: var(--ink);
+  font-weight: 600;
+  text-decoration: none;
+}
+
+.site-footer a:hover {
+  color: var(--accent);
+}
+
 @media (max-width: 720px) {
   .input-row {
     grid-template-columns: 1fr;
@@ -236,4 +263,9 @@ button#submit-btn:disabled {
     flex-direction: column;
     align-items: flex-start;
   }
+
+  .footer-inner {
+    flex-direction: column;
+    align-items: flex-start;
+  }
 }