diff --git a/banana_run/icon.jpg b/banana_run/icon.jpg
new file mode 100644
index 0000000..714a2a8
Binary files /dev/null and b/banana_run/icon.jpg differ
diff --git a/banana_run/index.html b/banana_run/index.html
index b0a4bae..5709f8b 100644
--- a/banana_run/index.html
+++ b/banana_run/index.html
@@ -4,12 +4,14 @@
Banana Runner
+
-
+
+
@@ -296,47 +298,34 @@
}
footer {
- position: fixed;
- bottom: 0;
- left: 0;
- margin-top: 0;
- padding: 15px;
- text-align: center;
- background-color: var(--bg-color);
+ margin-top: 2rem;
+ padding: 1rem 0;
color: var(--text-color);
- border-top: 2px solid var(--text-color);
- transition: background-color 0.3s, color 0.3s;
+ font-size: 0.9rem;
+ text-align: center;
+ border-top: 1px solid #ddd;
width: 100%;
- box-sizing: border-box;
- box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
- z-index: 100;
}
footer a {
- color: var(--text-color);
+ color: var(--accent-color, #4CAF50);
text-decoration: none;
- border-bottom: 1px dotted var(--text-color);
+ transition: color 0.3s;
}
footer a:hover {
- border-bottom-style: solid;
+ text-decoration: underline;
}
-
- .footer-content {
- max-width: 800px;
- margin: 0 auto;
- display: flex;
- justify-content: space-between;
- align-items: center;
- flex-wrap: wrap;
- gap: 10px;
+
+ .heart {
+ color: #e74c3c;
+ animation: heartbeat 1.5s infinite;
}
-
- @media (max-width: 600px) {
- .footer-content {
- flex-direction: column;
- text-align: center;
- }
+
+ @keyframes heartbeat {
+ 0% { transform: scale(1); }
+ 50% { transform: scale(1.2); }
+ 100% { transform: scale(1); }
}
@@ -383,14 +372,6 @@
-
-
+
+
+
+