diff --git a/assets/css/styles.css b/assets/css/styles.css index 18fb82f..ff8788f 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -81,19 +81,48 @@ section h2 { } } +/* Back-to-top button styles */ +#back-to-top { + position: fixed; + bottom: 2rem; + right: 2rem; + width: 50px; + height: 50px; + background-color: #1e88e5; + color: white; + border: none; + border-radius: 50%; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); + font-size: 1.5rem; + cursor: pointer; + z-index: 1000; + display: none; /* Initially hidden */ + justify-content: center; + align-items: center; + animation: bounce 1.5s infinite; + transition: opacity 0.3s ease, transform 0.3s ease; +} -/* Footer styles */ -footer { - background: #333; - color: #fff; - text-align: center; - padding: 1rem 0; - margin-top: 2rem; +/* Hover effect */ +#back-to-top:hover { + transform: scale(1.1); + background-color: #1565c0; } -footer p { - margin: 0; - font-size: 0.9rem; +/* Bounce animation */ +@keyframes bounce { + 0%, 100% { + transform: translateY(0); + } + 50% { + transform: translateY(-10px); + } +} + +/* Show the button when visible */ +#back-to-top.visible { + display: flex; + opacity: 1; } /*header*/ diff --git a/assets/images/logos/RATS-white.svg b/assets/images/logos/RATS-white.svg new file mode 100644 index 0000000..1954a6a --- /dev/null +++ b/assets/images/logos/RATS-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/images/logos/RATS.svg b/assets/images/logos/RATS.svg index ec22043..668adec 100644 --- a/assets/images/logos/RATS.svg +++ b/assets/images/logos/RATS.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/assets/images/logos/github-mark-white.svg b/assets/images/logos/github-mark-white.svg new file mode 100644 index 0000000..d5e6491 --- /dev/null +++ b/assets/images/logos/github-mark-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/footer.html b/footer.html index 4113e27..71d2e48 100644 --- a/footer.html +++ b/footer.html @@ -1,5 +1,125 @@ + \ No newline at end of file diff --git a/index.html b/index.html index 1110978..b134b34 100644 --- a/index.html +++ b/index.html @@ -194,6 +194,10 @@ fetch('contact.html').then(res => res.text()).then(data => document.getElementById('contact').innerHTML = data); + + + +