codeguru-il · gridieS · Nov 18, 2025 · Nov 18, 2025 · Nov 18, 2025 · Nov 18, 2025
diff --git a/docs/.prettierrc b/docs/.prettierrc
@@ -0,0 +1,4 @@
+{
+  "tabWidth": 2,
+  "useTabs": false
+}
diff --git a/docs/PLEASE_DO_NOT_UPLOAD_DIRECTLY_TO_BUCKET_USE_THE_DEPLOYMENT_SCRIPT_INSTEAD b/docs/PLEASE_DO_NOT_UPLOAD_DIRECTLY_TO_BUCKET_USE_THE_DEPLOYMENT_SCRIPT_INSTEAD
diff --git a/docs/front.jpg b/docs/front.jpg
diff --git a/docs/google1550e27f1db19128.html b/docs/google1550e27f1db19128.html
diff --git a/docs/googled9fa89a415b63953.html b/docs/googled9fa89a415b63953.html
diff --git a/docs/images/code_guru.png b/docs/images/code_guru.png
diff --git a/docs/images/xtreme.png b/docs/images/xtreme.png
diff --git a/docs/index.html b/docs/index.html
@@ -1,41 +1,53 @@
 <!DOCTYPE html>
 <html>
-<head>
+  <head>
     <meta http-equiv="Content-Language" content="he" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <title>Code Guru</title>
-<script type="text/javascript">
+    <link rel="stylesheet" href="style.css" />
+    <script type="text/javascript">
+      var _gaq = _gaq || [];
+      _gaq.push(["_setAccount", "UA-27174243-1"]);
+      _gaq.push(["_setDomainName", "none"]);
+      _gaq.push(["_setAllowLinker", true]);
+      _gaq.push(["_trackPageview"]);
 
-  var _gaq = _gaq || [];
-  _gaq.push(['_setAccount', 'UA-27174243-1']);
-  _gaq.push(['_setDomainName', 'none']);
-  _gaq.push(['_setAllowLinker', true]);
-  _gaq.push(['_trackPageview']);
-
-  (function() {
-    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
-    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
-    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
-  })();
-
-</script></head>
-<body style="background-color: #082D36;">
-    <table border="0" width="100%" height="100" cellspacing="0" cellpadding="0">
-        <tr>
-            <td align="center" style="width: 100%; height: 600">
-                <p style="text-align: center;" dir="rtl">
-                    <map id="CGMap" name="CGMap">
-                        <area alt="Codeguru" coords="0, 61, 255, 240" shape="rect" href="classic/" />
-                        <area alt="Codeguru Xtreme" coords="303, 36, 502, 274" shape="rect" href="Xtreme/" />
-                    </map>
-                    <img style="border: 0; width: 532; height: 336;" alt="תחרויות קודגורו" src="front.jpg" usemap="#CGMap" />
-                    <br />
-                    <span style="color: #3E6D7B; font-family: Arial; font-size:smaller;">בחרו את התחרות שלכם.</span>
-<br>
-<a href="https://spreadsheets1.google.com/viewform?hl=iw&hl=iw&formkey=dE0wY1ZUVWg4VUZWNXRmTlBydFFmRGc6MQ#gid=0">להתנדב לעזרה לתחרות - לחצו כאן</a>
-                </p>
-            </td>
-        </tr>
-    </table>
-</body>
+      (function () {
+        var ga = document.createElement("script");
+        ga.type = "text/javascript";
+        ga.async = true;
+        ga.src =
+          ("https:" == document.location.protocol
+            ? "https://ssl"
+            : "http://www") + ".google-analytics.com/ga.js";
+        var s = document.getElementsByTagName("script")[0];
+        s.parentNode.insertBefore(ga, s);
+      })();
+    </script>
+  </head>
+  <body dir="rtl">
+    <div class="container">
+      <header>
+        <h1>ברוכים הבאים לקודגורו</h1>
+      </header>
+      <main>
+        <section class="logo-section">
+          <a href="Xtreme/" class="logo-item">
+            <img src="images/xtreme.png" alt="Xtreme logo" />
+            <span>קודגורו אקסטרים</span>
+          </a>
+          <a href="classic/" class="logo-item">
+            <img src="images/code_guru.png" alt="Code Guru logo" />
+            <span>קודגורו</span>
+          </a>
+        </section>
+        <p class="call-to-action">בחר את התחרות שלך</p>
+        <a
+          href="https://spreadsheets1.google.com/viewform?hl=iw&hl=iw&formkey=dE0wY1ZUVWg4VUZWNXRmTlBydFFmRGc6MQ#gid=0"
+          class="volunteer-link"
+          >לחץ כאן כדי להתנדב לעזור לתחרות</a
+        >
+      </main>
+    </div>
+  </body>
 </html>
diff --git a/docs/style.css b/docs/style.css
@@ -0,0 +1,93 @@
+/* Basic Reset */
+body,
+h1,
+p,
+a,
+img {
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+
+body {
+  font-family: "Arial", sans-serif;
+  background-color: #f4f4f4; /* Light gray background */
+  color: #333;
+  line-height: 1.6;
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+  justify-content: center;
+  align-items: center;
+}
+
+.container {
+  text-align: center;
+  padding: 20px;
+  background-color: #fff;
+  border-radius: 8px;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+  max-width: 600px;
+  margin: 20px;
+}
+
+header h1 {
+  color: #082d36;
+  margin-bottom: 20px;
+}
+
+.logo-section {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-around;
+  align-items: center;
+  gap: 20px;
+  margin-bottom: 30px;
+}
+
+.logo-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-decoration: none;
+  color: #082d36;
+  font-weight: bold;
+  transition: transform 0.2s ease-in-out;
+}
+
+.logo-item:hover {
+  transform: translateY(-5px);
+}
+
+.logo-item img {
+  max-width: 150px;
+  height: auto;
+  margin-bottom: 10px;
+}
+
+.call-to-action {
+  margin-top: 20px;
+  font-size: 1.1em;
+  color: #555;
+}
+
+.volunteer-link {
+  display: inline-block;
+  margin-top: 30px;
+  padding: 12px 25px;
+  background-color: #082d36;
+  color: #fff;
+  text-decoration: none;
+  border-radius: 5px;
+  transition: background-color 0.3s ease;
+}
+
+.volunteer-link:hover {
+  background-color: #3e6d7b;
+}
+
+footer {
+  margin-top: 40px;
+  font-size: 0.9em;
+  color: #777;
+}
diff --git a/template/template.html b/template/template.html