renovating html

guybracha · May 2, 2024 · 2925c22 · 2925c22
1 parent bb3823f
commit 2925c22
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 40 deletions.
diff --git a/about.html b/about.html
@@ -2,15 +2,15 @@
 <html>
 <head>
     <meta charset="UTF-8">
-    <title>עולם המצפן | אודות</title>
-    <meta name="description" content="יקום הרעיונות של הרפתקני המחר. אקשן, הרפתקאות, מתח ורומנטיקה בצורתם של גיבורי על. - פרטים על היוצר האלמוני">
+    <title>Compass World | Author</title>
+    <meta name="description" content="A universe of ideas by a one man">
     <link rel="icon" type="image/x-icon" href="contents/indexphoto/rotate.png">
     <link rel="stylesheet" href="assets/css/main.css">
-    <link rel="stylesheet" href="assets/css/grid.css">
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
-    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.3/dist/umd/popper.min.js"></script>
+    <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script>
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.min.js"></script>
     <meta name="viewport" content="width=device-width, initial-scale=1">
 </head>
 
@@ -49,20 +49,9 @@
         background-color: goldenrod;
         color: white;
     }
-    .link{
-        font-size: 30px;
-        font-family: 'Noto Sans Hebrew', sans-serif;
-        text-decoration: none;
-    }
-    .src{
-        font-size: 20px;
-        text-decoration: none;
-        color: white;
-        padding-right: 50px;
-    }
 </style>
 <body>
-    <div class="container-lg">
+    <div class="container-md">
       <header>
         <div class="text-center">
         <div id="logo">
@@ -79,35 +68,21 @@ <h1 class="title">Welcome to a new universe</h1>
       <a class="navbar-brand" href="about.html">Author</a>
     </nav>
       <div id="google_translate_element"></div>
-        <article style="background-color: goldenrod;">
-            <h1>מיהו האיש שבצללים</h1>
+            <h1>The Mysterious Author</h1>
             <div class="container">
             <div class="center">
                 <img style="border-radius: 50%;" src="contents/indexphoto/shadow.jpg" alt="תמונת פרופיל" height="250px" width="250px">
                 <img class="hover-img" src="contents/indexphoto/profile.jpg" alt="תמונת פרופיל" height="250px" width="250px">
             </div>
             </div>
-            <p class="shadow" style="transition: 3s;">מר גיא ברכה</p>
+            <p class="shadow" style="transition: 3s;">Guy Bracha</p>
             <br>
-            <h2>למה יצרתי את כל זה?</h2>
-            <div class="shadow" style="transition: 3s;">
-            <p>מגיל צעיר מאוד אהבתי לדמיין ולחלום על סיפורים ועולמות שלא יכולים להתקיים במציאות, אז עם השנים וככל שצברתי יותר רעיונות והשראה, כך הגעתי למצב שהצלחתי ליצור דמויות וסיפורים משלי. וכעת אחרי 10 שנות יצירה לעצמי, החלטתי לשתף אותם אתכם.</p>
-            <p>הושפעתי מהרבה יצירות שונות שגם אתם מכירים: ממזרח וממערב, מהאנימציה ועד הלייב-אקשן, מן הדף אל המסך.</p>
-            <p>תדמיינו לכם למשל שאתם מקבלים רהיט להרכבה מאיקאה, יש לכם את החלקים, יש לכם את הכלים שאיתם תבנו את הרהיט, אבל אין לכם את ההוראות. אז מה תעשו? פשוט מאוד, תרכיבו אותו לפי האינסטינקטים שלכם.</p>
-            <p>הרעיון המרכזי הוא שבנוסף הרצון לשתף אתכם בכל מה שיצרתי, היה שגם אתם תוכלו גם לתרום לרעיונות הקיימים עם הסיפורים שלכם (כמו תוכנה חופשית למשל)</p>
-            <p>אז מקווה שתהנו מהמשחק</p>
+            <a href="mailto:guy.bracha@gmail.com"><h2 class="text-center">Business Inquires</h2></a>
+            <footer>
+              <a href="https://github.com/guybracha/compass-world">Src code</a>
+            </footer>
             </div>
-            <a class="link" href="mailto:guy.bracha@gmail.com"><h2>לפניות עסקיות או בנוגע לאתר, לחץ כאן</h2></a>
-            <a class="src" href="https://github.com/guybracha/compass-world">קוד מקור</a>
-              <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
-              <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js" integrity="sha384-mQ93GR66B00ZXjt0YO5KlohRA5SY2XofN4zfuZxLkoj1gXtW8ANNCe9d5Y3eG5eD" crossorigin="anonymous"></script>      
-        </article>
-        <footer>
-            <p>כל התכנים נכתבו ופותחו על ידי גיא ברכה</p>
-            <p>שימוש בתכנים למטרות אישיות כפוף לאישורו של היוצר</p>
-            <p>2023</p>
-        </footer>
-        </div>
+      </div>
         <script async src="https://www.googletagmanager.com/gtag/js?id=G-1LV563TQEJ"></script>
         <script>
           window.dataLayer = window.dataLayer || [];

diff --git a/index.html b/index.html
@@ -5,6 +5,7 @@
     <title>Compass World - Homepage</title>
     <meta name="description" content="A universe of ideas by a one man">
     <link rel="icon" type="image/x-icon" href="contents/indexphoto/rotate.png">
+    <script src="assets/scripts/translate.js"></script>
     <link rel="stylesheet" href="assets/css/main.css">
     <script defer src="build/main.js"></script>
     <script src="build/classes/hero.js"></script>
@@ -32,8 +33,8 @@ <h1 class="title">Welcome to a new universe</h1>
       <a class="navbar-brand" href="world.html">Atlas</a>
       <a class="navbar-brand" href="about.html">Author</a>
     </nav>
-    <br>
     <div id="google_translate_element"></div>
+    <br>
     <h1 style="text-align: center; color: rgb(0, 134, 11);">A brave new world is here!</h1>
     <img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/ee14e64f-32a4-4c9b-887b-67bcaf8a2457/dh9sn4e-0c0b760a-6e6b-43b6-a1f6-37a77b44e2b3.png/v1/fill/w_1920,h_806,q_80,strp/compass_alliance___unite_to_action_by_guybracha_dh9sn4e-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9ODA2IiwicGF0aCI6IlwvZlwvZWUxNGU2NGYtMzJhNC00YzliLTg4N2ItNjdiY2FmOGEyNDU3XC9kaDlzbjRlLTBjMGI3NjBhLTZlNmItNDNiNi1hMWY2LTM3YTc3YjQ0ZTJiMy5wbmciLCJ3aWR0aCI6Ijw9MTkyMCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.ixl5InSggQrbhujFwlh_neD1N7sa06zbc1xbpIDnYCA" class="img-fluid" alt="Ensemble">
     <div class="container-sm">

diff --git a/world.html b/world.html
@@ -2,7 +2,7 @@
 <html>
 <head>
     <meta charset="UTF-8">
-    <title>עולם המצפן | אטלס העולם</title>
+    <title>Compass World | Compass Atlas</title>
     <meta name="description" content="יקום הרעיונות של הרפתקני המחר. אקשן, הרפתקאות, מתח ורומנטיקה בצורתם של גיבורי על. - תיעוד המקומות שבעולם המופלא הזה">
     <link rel="icon" type="image/x-icon" href="contents/indexphoto/rotate.png">
     <link rel="stylesheet" href="assets/css/main.css">