Convert images to WebP

This commit is contained in:
CAF-Server
2026-08-16 21:44:21 +00:00
parent 38bbaba630
commit 9e3450e028
314 changed files with 764 additions and 60 deletions

View File

@@ -501,7 +501,7 @@
<a href="https://wa.me/966559695266" class="btn btn-outline" target="_blank" rel="noopener">تواصل عبر واتساب</a>
</div>
</div>
<div class="banner-visual" style="background:url(images/karate/1.jpeg) center/contain no-repeat, radial-gradient(circle at 40% 35%, rgba(184,146,62,.22), transparent 65%), var(--navy-deep);"></div>
<div class="banner-visual" style="background:url(images/karate/1.webp) center/contain no-repeat, radial-gradient(circle at 40% 35%, rgba(184,146,62,.22), transparent 65%), var(--navy-deep);"></div>
</div>
</section>
@@ -526,7 +526,7 @@
<div class="audience-pill"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg> زي تدريب موحّد</div>
</div>
</div>
<div class="desc-visual reveal"><div class="prog-slider"><img src="images/karate/1.jpeg" alt="" class="active kb"><img src="images/karate/2.jpeg" alt="" class=""><img src="images/karate/3.jpeg" alt="" class=""><img src="images/karate/4.jpeg" alt="" class=""><img src="images/karate/5.jpeg" alt="" class=""><img src="images/karate/6.jpeg" alt="" class=""><button type="button" class="prog-nav prev" onclick="progSlide(-1)" aria-label="السابق"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="#221C33" stroke-width="2.4"><path d="M9 6l6 6-6 6"/></svg></button><button type="button" class="prog-nav next" onclick="progSlide(1)" aria-label="التالي"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="#221C33" stroke-width="2.4"><path d="M15 6l-6 6 6 6"/></svg></button><div class="prog-dots"><button type="button" class="prog-dot active" onclick="progSlideTo(0)" aria-label="صورة 1"></button><button type="button" class="prog-dot" onclick="progSlideTo(1)" aria-label="صورة 2"></button><button type="button" class="prog-dot" onclick="progSlideTo(2)" aria-label="صورة 3"></button><button type="button" class="prog-dot" onclick="progSlideTo(3)" aria-label="صورة 4"></button><button type="button" class="prog-dot" onclick="progSlideTo(4)" aria-label="صورة 5"></button><button type="button" class="prog-dot" onclick="progSlideTo(5)" aria-label="صورة 6"></button></div></div></div>
<div class="desc-visual reveal"><div class="prog-slider"><img src="images/karate/1.webp" alt="" class="active kb"><img src="images/karate/2.webp" alt="" class=""><img src="images/karate/3.webp" alt="" class=""><img src="images/karate/4.webp" alt="" class=""><img src="images/karate/5.webp" alt="" class=""><img src="images/karate/6.webp" alt="" class=""><button type="button" class="prog-nav prev" onclick="progSlide(-1)" aria-label="السابق"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="#221C33" stroke-width="2.4"><path d="M9 6l6 6-6 6"/></svg></button><button type="button" class="prog-nav next" onclick="progSlide(1)" aria-label="التالي"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="#221C33" stroke-width="2.4"><path d="M15 6l-6 6 6 6"/></svg></button><div class="prog-dots"><button type="button" class="prog-dot active" onclick="progSlideTo(0)" aria-label="صورة 1"></button><button type="button" class="prog-dot" onclick="progSlideTo(1)" aria-label="صورة 2"></button><button type="button" class="prog-dot" onclick="progSlideTo(2)" aria-label="صورة 3"></button><button type="button" class="prog-dot" onclick="progSlideTo(3)" aria-label="صورة 4"></button><button type="button" class="prog-dot" onclick="progSlideTo(4)" aria-label="صورة 5"></button><button type="button" class="prog-dot" onclick="progSlideTo(5)" aria-label="صورة 6"></button></div></div></div>
</div>
</section>
@@ -596,7 +596,7 @@
<div class="eyebrow">المدرب المسؤول</div>
<h2 class="section-title">بإشراف مدرب معتمد</h2>
<div class="coach-card reveal">
<img class="coach-avatar" src="images/coaches/karate.jpg" alt="الكابتن أمنية حمامي" style="object-fit:cover;">
<img class="coach-avatar" src="images/coaches/karate.webp" alt="الكابتن أمنية حمامي" style="object-fit:cover;">
<div>
<h4>الكابتن أمنية حمامي</h4>
<div class="role">مدربة فنون قتال معتمدة دوليًا — كاراتيه وتايكوندو</div>