Skip to content

B
base Project
Commit 0f46269e authored by TokaKaram's avatar TokaKaram
Browse files
Options

news translation

parent 5c6c25ae
Show whitespace changes
Inline Side-by-side
Showing with 106 additions and 41 deletions
Dockerfile
View file @ 0f46269e
......@@ -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
View file @ 0f46269e
......@@ -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
View file @ 0f46269e
......@@ -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
View file @ 0f46269e
......@@ -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;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment