news translation

Dockerfile

@@ -4,7 +4,7 @@ RUN rm /etc/nginx/conf.d/default.conf
 
 COPY nginx.conf /etc/nginx/nginx.conf
 
-RUN echo "Last Build: 2025-12-24_v2.5"
+RUN echo "Last Build: 2025-12-24_v2.6"
 
 COPY . /usr/share/nginx/html/
 

index.html

@@ -12,7 +12,7 @@
       href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
       rel="stylesheet"
     />
-  <link rel="stylesheet" href="style.css?v=2.5">
+  <link rel="stylesheet" href="style.css?v=2.6">
  
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css" media="print" onload="this.media='all'">
 <script>
@@ -732,25 +732,25 @@ comfort — where gaming is pure joy!</p>
       <div class="swiper-button-next"></div>
     </div>
   </div>
-
+<!-- News letter -->
   <div class="letters">
-    <h1 id="newsletter">News letter</h1>
+    <h1 id="newsletter">النشرة الإخبارية</h1>
     <div>
       <div class="image">
         <img src="./images/logo.webp" alt="Logo" loading="lazy">
       </div>
       <div class="info">
-        <p id="newsletter_text">Receive the latest news from THE BASE - gaming festival</p>
-        <form onsubmit="sendEmail(event)" method="post">
+        <p id="newsletter_text">استقبل أحدث الأخبار من <span class="logo_text">THE BASE</span> – مهرجان الألعاب</p>
+        <form onsubmit="sendEmail(event)" method="post" id="track_form">
           <div>
-            <label for="email">Email:</label>
+            <label for="email" id="email_label">الايميل:</label>
             <input type="text" id="email" name="email" />
           </div>
           <div>
-            <label for="phone">Phone:</label>
+            <label for="phone" id="phone_label"> الهاتف:</label>
             <input type="text" id="phone" name="phone" />
           </div>
-          <button type="submit" >Subscribe</button>
+          <button type="submit" id="sub_button">اشترك معنا</button>
         </form>
 
       </div>
@@ -777,11 +777,11 @@ comfort — where gaming is pure joy!</p>
      
      
     </div>
-    <div class="buttonc_parent">
-      <button  onclick="
+    <div class="buttonc_parent" >
+      <button id="cont_button"  onclick="
        openWhatsApp()
      trackingContact();
-   ">Contact us </button>
+   ">تواصل معنا </button>
     </div>
   </div>
   <script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
@@ -798,7 +798,7 @@ comfort — where gaming is pure joy!</p>
 </script>
 <script src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
 
-  <script src="index.js?v=2.3"></script>
+  <script src="index.js?v=2.4"></script>
 
 </body>
 

index.js

@@ -90,6 +90,13 @@ let user_email = document.getElementById("email");
 let user_phone = document.getElementById("phone");
 let book_now1 = document.getElementById("book_now1");
 let explore_buttons = document.querySelectorAll(".explore_button");
+let newsletter_text = document.getElementById("newsletter_text");
+let newsletter = document.getElementById("newsletter");
+let cont_button = document.getElementById("cont_button");
+let sub_button = document.getElementById("sub_button");
+let email_label = document.getElementById("email_label");
+let phone_label = document.getElementById("phone_label");
+let track_form = document.getElementById("track_form");
 
 function changeLanguage(lang) {
   // console.log("function")
@@ -123,11 +130,32 @@ function changeLanguage(lang) {
     esports_title.innerHTML = " بطولات الرياضات الالكترونية";
     e_sport_btn.innerHTML = "احجز الان";
     ticketing_btn1.innerHTML = " التذاكر";
+    newsletter_text.innerHTML = `
+      <p id="newsletter_text">
+        استقبل أحدث الأخبار من <span class="logo_text">THE BASE</span> – مهرجان
+        الألعاب
+      </p>
+    `;
+    newsletter.innerHTML = "النشرة الإخبارية";
+    cont_button.innerHTML = "تواصل معنا";
+    sub_button.innerHTML = "اشترك معنا";
+    email_label.innerHTML = ":الايميل ";
+    phone_label.innerHTML = ":الهاتف";
 
     document.querySelector(".en_lang").classList.add("colored");
     document.querySelector(".en_lang1").classList.add("colored");
     document.querySelector(".ar_lang").classList.remove("colored");
     document.querySelector(".ar_lang1").classList.remove("colored");
+    newsletter_text.classList.remove("ltr_text");
+    newsletter_text.classList.remove("En_font_simple");
+    newsletter.classList.remove("ltr_text");
+    track_form.classList.remove("ltr_text");
+
+    newsletter.classList.remove("En_font");
+    cont_button.classList.remove("En_font");
+    sub_button.classList.remove("En_font");
+    email_label.classList.remove("En_font");
+    phone_label.classList.remove("En_font");
     explore_buttons.forEach((button) => {
       button.innerHTML = "سجل";
       button.classList.remove("En_font");
@@ -161,11 +189,27 @@ function changeLanguage(lang) {
     playable_games_title.innerHTML = " Playable games";
     esports_title.innerHTML = "E-Sports tournaments";
     e_sport_btn.innerHTML = "Book now";
+    sub_button.innerHTML = "Subscribe";
+    cont_button.innerHTML = "Contact us";
+    newsletter_text.innerHTML =
+      "Receive the latest news from THE BASE - gaming festival";
+    newsletter.innerHTML = "News letter";
+    email_label.innerHTML = "Email";
+    phone_label.innerHTML = "Phone";
 
     document.querySelector(".en_lang").classList.remove("colored");
     document.querySelector(".en_lang1").classList.remove("colored");
     document.querySelector(".ar_lang").classList.add("colored");
     document.querySelector(".ar_lang1").classList.add("colored");
+    newsletter_text.classList.add("ltr_text");
+    newsletter_text.classList.add("En_font_simple");
+    newsletter.classList.add("ltr_text");
+    track_form.classList.add("ltr_text");
+    newsletter.classList.add("En_font");
+    cont_button.classList.add("En_font");
+    sub_button.classList.add("En_font");
+    email_label.classList.add("En_font");
+    phone_label.classList.add("En_font");
     explore_buttons.forEach((button) => {
       button.innerHTML = "Register";
       button.classList.add("En_font");

style.css

@@ -520,7 +520,7 @@ header .right_side a:nth-child(4) {
 }
 .letters h1 {
   text-align: center;
-  font-family: var(--sora_extrabold);
+  font-family: var(--font_noor_bold);
   font-weight: 700;
   color: var(--title_color);
   margin-bottom: 50px;
@@ -561,8 +561,14 @@ header .right_side a:nth-child(4) {
   font-size: 50px;
   width: 55%;
   line-height: 4rem;
-  font-family: var(--sora_font);
+  font-family: var(--font_noor_light);
   margin-bottom: 50px;
+  direction: rtl;
+  display: inherit;
+}
+.letters div p:first-child .logo_text {
+  font-family: var(--sora_extrabold);
+  display: inline;
 }
 .letters div p span:nth-child(2) {
   width: 130px;
@@ -607,7 +613,7 @@ header .right_side a:nth-child(4) {
   margin-top: 40px;
   border-radius: 15px;
   font-size: 18px;
-  font-family: var(--sora_extrabold);
+  font-family: var(--font_noor_bold);
   text-transform: uppercase;
   cursor: pointer;
   width: fit-content;
@@ -730,12 +736,10 @@ header .right_side a:nth-child(4) {
     width: 50%;
     margin-left: 29%;
   }
-  .e_sportt .warzone_button
-  {
+  .e_sportt .warzone_button {
     margin-left: 26%;
   }
-  .e_sportt .valo_button
-  {
+  .e_sportt .valo_button {
     margin-left: 23%;
   }
   /* .e_sportt .bellinghamm_img,
@@ -1214,7 +1218,7 @@ header .right_side a:nth-child(4) {
     font-size: 45px;
   }
   .letters > div div:nth-child(2) {
-    margin-right: 10%;
+    margin-right: 0%;
   }
   .oragnize div {
     grid-template-columns: 30% 30%;
@@ -1250,8 +1254,8 @@ header .right_side a:nth-child(4) {
     justify-content: center;
     align-items: center;
     flex-direction: column;
-    width: 80%;
-    margin-left: 15%;
+    width: 100%;
+    margin-left: 0%;
   }
   header .left_side .date,
   header .left_side .place {
@@ -1261,7 +1265,7 @@ header .right_side a:nth-child(4) {
     width: 60%;
   }
   .letters .image {
-    justify-content: start;
+    justify-content: center;
   }
   .e_sport > div div .abs_img {
     top: 93px;
@@ -1309,6 +1313,10 @@ header .right_side a:nth-child(4) {
   .oragnize_slider {
     display: block;
   }
+  .oragnize_slider .swiper img {
+    width: 60%;
+    margin-left: 20%;
+  }
   .letters > div {
     grid-template-columns: 80%;
     row-gap: 30px;
@@ -1359,8 +1367,8 @@ header .right_side a:nth-child(4) {
 }
 @media (max-width: 500px) {
   .e_sportt > div:nth-child(2) {
-    width: 98%;
-    margin: 0;
+    width: 96%;
+    margin: 1%;
   }
   .play_games h1 {
     font-size: 25px;
@@ -1398,6 +1406,10 @@ header .right_side a:nth-child(4) {
   .letters form div input {
     width: 80%;
   }
+  .swiper-slide img {
+    width: 70%;
+    margin-left: 15%;
+  }
 }
 @media (max-width: 400px) {
   header {
@@ -1425,10 +1437,10 @@ header .right_side a:nth-child(4) {
   header .left_side > div {
     width: 35%;
   }
-  .swiper-slide img {
+  /* .swiper-slide img {
     width: 80%;
     margin-left: 10%;
-  }
+  } */
   .swiper-pagination-bullet {
     width: 16px;
     height: 16px;
@@ -2060,7 +2072,7 @@ header .right_side a:nth-child(4) {
   .card_game .card_game_cont a,
   .card_game_ar .card_game_cont a {
     font-size: 16px;
-    padding: 6px 25px;
+    padding: 5px 10px;
     left: 10px;
     bottom: 25px;
   }
@@ -2356,6 +2368,7 @@ header .right_side a:nth-child(4) {
   .mobile .mobile_cont a {
     margin-top: 20px;
     font-size: 16px;
+    padding: 10px 60px;
   }
 }
 .mobile_ar .mobile_cont .text {
@@ -4809,10 +4822,10 @@ header .right_side a:nth-child(4) {
   width: 100%;
   margin: 0;
 }
-.organize_slider .swiper-slide img {
+/* .organize_slider .swiper-slide img {
   width: 100%;
   margin-left: 0;
-}
+} */
 .social_accounts {
   background-color: var(--bck_color);
   padding: 10px 10px 40px;
@@ -4869,12 +4882,12 @@ header .right_side a:nth-child(4) {
   .social_accounts .icons {
     width: 70%;
     margin: 30px 19% 0;
-    justify-content: start;
+    justify-content: center;
   }
   .social_accounts .buttonc_parent {
     width: 70%;
     margin: 0 16%;
-    justify-content: start;
+    justify-content: center;
   }
 }
 .mainiMg {
@@ -5222,8 +5235,7 @@ header .right_side a:nth-child(4) {
     width: 65%;
     margin-left: 18%;
   }
-  .e_sportt .valo_button
-  {
+  .e_sportt .valo_button {
     margin-left: 9%;
   }
   .word1 {
@@ -5286,8 +5298,7 @@ header .right_side a:nth-child(4) {
     font-size: 12px;
     padding: 9px 5px;
   }
-  .e_sportt .valo_button
-  {
+  .e_sportt .valo_button {
     margin-left: 15%;
   }
   /* .e_sportt .warzone_button
@@ -5386,7 +5397,7 @@ header .right_side a:nth-child(4) {
   .mobile .mobile_cont a {
     font-size: 16px;
     margin-top: 20px;
-    padding: 10px 40px;
+    /* padding: 10px 40px; */
   }
   .mobile .mobile_cont .text h1 {
     font-size: 20px;
@@ -5424,12 +5435,12 @@ header .right_side a:nth-child(4) {
   .social_accounts .icons {
     width: 95%;
     margin: 30px 2.5% 0;
-    justify-content: start;
+    justify-content: center;
   }
   .social_accounts .buttonc_parent {
     width: 100%;
     margin: 0;
-    justify-content: start;
+    justify-content: center;
   }
   .hero_section a {
     transform: translateX(10px);
@@ -7964,7 +7975,8 @@ header .right_side a:nth-child(4) {
   }
   .vr-btn1 {
     margin-top: 25px;
-    width: 60%;
+    width: fit-content;
+    padding: 10px 60px;
     font-weight: 400;
   }
   .vr-image {
@@ -8989,3 +9001,12 @@ a,
 button {
   text-transform: unset !important;
 }
+.ltr_text {
+  direction: ltr !important;
+}
+.En_font_simple {
+  font-family: var(--sora_font) !important;
+}
+.info form {
+  direction: rtl;
+}