footer and re-arrange coin

guybracha · Aug 21, 2024 · e944acb · e944acb
1 parent dc9dd64
commit e944acb
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 17 deletions.
diff --git a/about.html b/about.html
@@ -32,27 +32,31 @@ <h1 class="title">Welcome to a new universe</h1>
     </div>
   </nav>
 
-  <div class="container profile-container">
+  <div class="container content-center">
     <h1 class="mb-4">The Mysterious Author</h1>
     <div class="coin-container">
       <div class="coin" id="coin">
           <img src="contents/indexphoto/shadow.jpg" alt="Front Image" class="front">
           <img src="contents/indexphoto/profile.jpg" alt="Back Image" class="back">
       </div>
   </div>
-  <button class="btn btn-primary" onclick="flipCoin()">Flip Coin</button>
+  <div class="text-center">
+    <button class="btn btn-primary" onclick="flipCoin()">Flip to reveal</button>
+    <p class="name-shadow">Guy Bracha</p>
+  </div>
   <script>
     function flipCoin() {
         const coin = document.getElementById('coin');
         coin.classList.toggle('flip');
     }
   </script>
-    <p class="name-shadow">Guy Bracha</p>
     <a href="mailto:guy.bracha@gmail.com" class="btn btn-outline-warning mt-3">Business Inquiries - Press Here</a>
   </div>
-
-  <footer class="text-center mt-5">
-    <p><a href="https://github.com/guybracha/compass-world">Source Code</a></p>
+  <footer class="text-center py-4 bg-secondary text-white">
+    <p>© 2024 Compass World. All Rights Reserved.</p>
+    <a href="https://github.com/guybracha/compass-world" class="text-white">Source Code</a>
+    <br>
+    <img src="contents/indexphoto/icon.png" height="200px" width="auto" class="mt-3">
   </footer>
 
   <!-- Google Analytics and Google Translate scripts -->

diff --git a/files.html b/files.html
@@ -59,10 +59,11 @@ <h2 class="text-center">The Bad Guys</h2>
       </div> -->
     </article>
 
-    <footer class="text-center text-light bg-secondary p-3 mt-4">
-      <p>כל התכנים נכתבו ופותחו על ידי גיא ברכה</p>
-      <p>שימוש בתכנים למטרות אישיות כפוף לאישורו של היוצר</p>
-      <p>2023</p>
+    <footer class="text-center py-4 bg-secondary text-white">
+      <p>© 2024 Compass World. All Rights Reserved.</p>
+      <a href="https://github.com/guybracha/compass-world" class="text-white">Source Code</a>
+      <br>
+      <img src="contents/indexphoto/icon.png" height="200px" width="auto" class="mt-3">
     </footer>
   </div>
 

diff --git a/history.html b/history.html
@@ -59,10 +59,11 @@ <h1 class="text-center">Choronology of the world</h1>
         </script>
         <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
         <script src="assets/scripts/translate.js"></script>
-        <footer>
-            <p style="color: white;">כל התכנים נכתבו ופותחו על ידי גיא ברכה</p>
-            <p style="color: white;">שימוש בתכנים למטרות אישיות כפוף לאישורו של היוצר</p>
-            <p style="color: white;">2023</p>
+        <footer class="text-center py-4 bg-secondary text-white">
+          <p>© 2024 Compass World. All Rights Reserved.</p>
+          <a href="https://github.com/guybracha/compass-world" class="text-white">Source Code</a>
+          <br>
+          <img src="contents/indexphoto/icon.png" height="200px" width="auto" class="mt-3">
         </footer>
       </div>
 </body>

diff --git a/world.html b/world.html
@@ -116,9 +116,12 @@ <h2>פאסיפיה</h2>
           </div>
       </div>
   </article>
-    <footer>
-        <p>&copy; Compass World. All Rights Reserved.</p>
-    </footer>
+  <footer class="text-center py-4 bg-secondary text-white">
+    <p>© 2024 Compass World. All Rights Reserved.</p>
+    <a href="https://github.com/guybracha/compass-world" class="text-white">Source Code</a>
+    <br>
+    <img src="contents/indexphoto/icon.png" height="200px" width="auto" class="mt-3">
+  </footer> 
     </div>
         <script async src="https://www.googletagmanager.com/gtag/js?id=G-1LV563TQEJ"></script>
         <script>