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 @@ - - + + + + \ No newline at end of file