Feat: Add fixed home button (#70)

2025-03-20 17:57:12 +08:00
parent 4eb9212a23
commit 14a3912f4c
4 changed files with 29 additions and 1 deletions
--- a/fortune_generator/css/styles.css
+++ b/fortune_generator/css/styles.css
@@ -173,3 +173,12 @@ button:hover {
 .color-preview .color-dot:first-child {
  margin-left: 0; /* No margin on the left for the first dot */
 }
+
+.home-button {
+  position: fixed;
+  top: 8px;
+  left: 8px;
+  z-index: 1000;
+  opacity: 0.8; /* Slightly transparent */
+  transition: opacity 0.3s;
+}
--- a/fortune_generator/index.html
+++ b/fortune_generator/index.html
@@ -36,6 +36,11 @@
  </head>

  <body>
+    <!-- Home button at the top -->
+    <a href="/" class="btn border-0 home-button">
+      <i class="fas fa-home text-white"></i>
+    </a>
+
    <div class="container">
      <div class="row">
        <p id="title"></p>
@@ -117,7 +122,7 @@
          data-bs-toggle="modal"
          data-bs-target="#themeModal"
        ></i>
-        <button class="col-4 offset-2 bi bi-files" id="btn" onclick="getLuck()">
+        <button class="col-4 offset-2" id="btn" onclick="getLuck()">
          點擊打卡
        </button>
        <i