Adding a Easter egg for my birthday

ivanbeltrame · Jan 15, 2024 · 5bc5357 · 5bc5357
1 parent 1234aed
commit 5bc5357
Show file tree

Hide file tree

Showing 7 changed files with 25 additions and 12 deletions.
diff --git a/404.html b/404.html
@@ -29,9 +29,10 @@
     <header>
         <nav class="navbar navbar-expand-lg bg-primary">
             <div class="container-fluid">
-                <a class="navbar-brand" href="/">
+                <a class="navbar-brand d-flex align-items-center" href="/">
                     <img src="/img/icon.jpg" alt="Logo" width="40" height="40">
-                    Ivan Beltrame
+                    <p class="my-0 mx-2">Ivan Beltrame</p>
+                    <div id="event-header" class="fs-3"></div>
                 </a>
                 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                     <span class="navbar-toggler-icon"></span>

diff --git a/certificati.html b/certificati.html
@@ -29,9 +29,10 @@
     <header>
         <nav class="navbar navbar-expand-lg bg-primary">
             <div class="container-fluid">
-                <a class="navbar-brand" href="/">
+                <a class="navbar-brand d-flex align-items-center" href="/">
                     <img src="/img/icon.jpg" alt="Logo" width="40" height="40">
-                    Ivan Beltrame
+                    <p class="my-0 mx-2">Ivan Beltrame</p>
+                    <div id="event-header" class="fs-3"></div>
                 </a>
                 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                     <span class="navbar-toggler-icon"></span>

diff --git a/contatti.html b/contatti.html
@@ -29,9 +29,10 @@
     <header>
         <nav class="navbar navbar-expand-lg bg-primary">
             <div class="container-fluid">
-                <a class="navbar-brand" href="/">
+                <a class="navbar-brand d-flex align-items-center" href="/">
                     <img src="/img/icon.jpg" alt="Logo" width="40" height="40">
-                    Ivan Beltrame
+                    <p class="my-0 mx-2">Ivan Beltrame</p>
+                    <div id="event-header" class="fs-3"></div>
                 </a>
                 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                     <span class="navbar-toggler-icon"></span>

diff --git a/fallback.html b/fallback.html
@@ -29,9 +29,10 @@
     <header>
         <nav class="navbar navbar-expand-lg bg-primary">
             <div class="container-fluid">
-                <a class="navbar-brand" href="/">
+                <a class="navbar-brand d-flex align-items-center" href="/">
                     <img src="/img/icon.jpg" alt="Logo" width="40" height="40">
-                    Ivan Beltrame
+                    <p class="my-0 mx-2">Ivan Beltrame</p>
+                    <div id="event-header" class="fs-3"></div>
                 </a>
                 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                     <span class="navbar-toggler-icon"></span>

diff --git a/index.html b/index.html
@@ -30,9 +30,10 @@
     <header>
         <nav class="navbar navbar-expand-lg bg-primary">
             <div class="container-fluid">
-                <a class="navbar-brand" href="/">
+                <a class="navbar-brand d-flex align-items-center" href="/">
                     <img src="/img/icon.jpg" alt="Logo" width="40" height="40">
-                    Ivan Beltrame
+                    <p class="my-0 mx-2">Ivan Beltrame</p>
+                    <div id="event-header" class="fs-3"></div>
                 </a>
                 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                     <span class="navbar-toggler-icon"></span>
@@ -246,5 +247,6 @@ <h4 class="card-title">Il popolo dei Vandali</h4>
 
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
     <script src="/js/app.js"></script>
+    <script src="/js/main.js"></script>
 </body>
 </html>
diff --git a/js/main.js b/js/main.js
@@ -0,0 +1,6 @@
+let month = new Date().getMonth() +1;
+let day = new Date().getDate();
+
+if (month === 1 && day === 14) {
+    document.getElementById("event-header").innerHTML = '<i class="bi bi-cake2"></i>';
+}
diff --git a/privacy-policy.html b/privacy-policy.html
@@ -29,9 +29,10 @@
     <header>
         <nav class="navbar navbar-expand-lg bg-primary">
             <div class="container-fluid">
-                <a class="navbar-brand" href="/">
+                <a class="navbar-brand d-flex align-items-center" href="/">
                     <img src="/img/icon.jpg" alt="Logo" width="40" height="40">
-                    Ivan Beltrame
+                    <p class="my-0 mx-2">Ivan Beltrame</p>
+                    <div id="event-header" class="fs-3"></div>
                 </a>
                 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                     <span class="navbar-toggler-icon"></span>