ChenKaiLiuG/life_generators
1
0
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Feat: Add fixed home button (#70)

Browse Source
This commit was merged in pull request #70.
This commit is contained in:
Moon
2025-03-20 17:57:12 +08:00
committed by GitHub
parent 4eb9212a23
commit 14a3912f4c
4 changed files with 29 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
fortune_generator/css/styles.css
View File

@@ -173,3 +173,12 @@ button:hover {
.color-preview .color-dot:first-child { .color-preview .color-dot:first-child {
margin-left: 0; /* No margin on the left for the first dot */ 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;
}

7
fortune_generator/index.html
View File

@@ -36,6 +36,11 @@
</head> </head>
<body> <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="container">
<div class="row"> <div class="row">
<p id="title"></p> <p id="title"></p>
@@ -117,7 +122,7 @@
data-bs-toggle="modal" data-bs-toggle="modal"
data-bs-target="#themeModal" data-bs-target="#themeModal"
></i> ></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> </button>
<i <i

9
quote_generator/css/styles.css
View File

@@ -80,3 +80,12 @@ button:hover {
cursor: pointer; cursor: pointer;
opacity: 85%; opacity: 85%;
} }
.home-button {
position: fixed;
top: 8px;
left: 8px;
z-index: 1000;
opacity: 0.8; /* Slightly transparent */
transition: opacity 0.3s;
}

5
quote_generator/index.html
View File

@@ -21,6 +21,11 @@
</head> </head>
<body> <body>
<!-- Home button at the top -->
<a href="/" class="btn border-0 home-button">
<i class="bx bx-home text-white"></i>
</a>
<div class="container" id="imageContainer"> <div class="container" id="imageContainer">
<h1>Today's quote</h1> <h1>Today's quote</h1>
<div class="quote-container"> <div class="quote-container">