Skip to content

Lighthouse fixes #4

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
ElMoha943 merged 2 commits into from
May 1, 2026
Merged

Lighthouse fixes #4

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
2b29e3a
Changed previous events photos format to be webp
ElMoha943 May 1, 2026
9fd1aac
Lighthouse optimizations
ElMoha943 May 1, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 7 additions & 7 deletions _includes/footer.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,13 +22,13 @@ <h4 class="footer-heading">{{ t.footer.quick_links }}</h4>
<div class="footer-section">
<h4 class="footer-heading">{{ t.footer.connect }}</h4>
<div class="footer-social">
<a href="https://discord.gg/AR72D2nfpp" class="footer-social-icon discord" aria-label="Discord" target="_blank" rel="noopener noreferrer"><i class="fab fa-discord"></i></a>
<a href="https://vrc.group/VRTON.0659" class="footer-social-icon vrchat" aria-label="VRChat" target="_blank" rel="noopener noreferrer"><i class="fas fa-vr-cardboard"></i></a>
<a href="https://www.instagram.com/vrtonof/" class="footer-social-icon instagram" aria-label="Instagram" target="_blank" rel="noopener noreferrer"><i class="fab fa-instagram"></i></a>
<a href="https://x.com/vrtonof" class="footer-social-icon twitter" aria-label="X (Twitter)" target="_blank" rel="noopener noreferrer"><i class="fab fa-x"></i></a>
<a href="https://www.tiktok.com/@vrtonoficial" class="footer-social-icon tiktok" aria-label="TikTok" target="_blank" rel="noopener noreferrer"><i class="fab fa-tiktok"></i></a>
<a href="https://www.youtube.com/@VRTonOficial" class="footer-social-icon youtube" aria-label="YouTube" target="_blank" rel="noopener noreferrer"><i class="fab fa-youtube"></i></a>
<a href="https://www.twitch.tv/vrtonof" class="footer-social-icon twitch" aria-label="Twitch" target="_blank" rel="noopener noreferrer"><i class="fab fa-twitch"></i></a>
<a href="https://discord.gg/AR72D2nfpp" class="footer-social-icon discord" aria-label="Discord" title="Discord" target="_blank" rel="noopener noreferrer"><i class="fab fa-discord" aria-hidden="true"></i><span class="sr-only">Discord</span></a>
<a href="https://vrc.group/VRTON.0659" class="footer-social-icon vrchat" aria-label="VRChat" title="VRChat" target="_blank" rel="noopener noreferrer"><i class="fas fa-vr-cardboard" aria-hidden="true"></i><span class="sr-only">VRChat</span></a>
<a href="https://www.instagram.com/vrtonof/" class="footer-social-icon instagram" aria-label="Instagram" title="Instagram" target="_blank" rel="noopener noreferrer"><i class="fab fa-instagram" aria-hidden="true"></i><span class="sr-only">Instagram</span></a>
<a href="https://x.com/vrtonof" class="footer-social-icon twitter" aria-label="X (Twitter)" title="X (Twitter)" target="_blank" rel="noopener noreferrer"><i class="fab fa-x" aria-hidden="true"></i><span class="sr-only">X (Twitter)</span></a>
<a href="https://www.tiktok.com/@vrtonoficial" class="footer-social-icon tiktok" aria-label="TikTok" title="TikTok" target="_blank" rel="noopener noreferrer"><i class="fab fa-tiktok" aria-hidden="true"></i><span class="sr-only">TikTok</span></a>
<a href="https://www.youtube.com/@VRTonOficial" class="footer-social-icon youtube" aria-label="YouTube" title="YouTube" target="_blank" rel="noopener noreferrer"><i class="fab fa-youtube" aria-hidden="true"></i><span class="sr-only">YouTube</span></a>
<a href="https://www.twitch.tv/vrtonof" class="footer-social-icon twitch" aria-label="Twitch" title="Twitch" target="_blank" rel="noopener noreferrer"><i class="fab fa-twitch" aria-hidden="true"></i><span class="sr-only">Twitch</span></a>
</div>
</div>
</div>
Expand Down
6 changes: 3 additions & 3 deletions _includes/nav.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,14 +5,14 @@
{% endif %}
<div class="nav-container">
<div class="nav-logo">
<img src="{{ '/assets/logo.png' | relative_url }}" alt="VRTon Logo" class="nav-logo-img" width="40" height="40">
<img src="{{ '/assets/logo.png' | relative_url }}" alt="VRTon Logo" class="nav-logo-img" width="40" height="40" fetchpriority="high">
<span class="nav-brand">{{ t.site.title }}</span>
</div>
<ul class="nav-menu">
<li class="nav-item"><a href="{{ lang_root | relative_url }}#home" class="nav-link">{{ t.nav.home }}</a></li>
<li class="nav-item"><a href="{{ lang_root | relative_url }}#events" class="nav-link">{{ t.nav.events }}</a></li>
<li class="nav-item"><a href="{{ lang_root | relative_url }}#faq" class="nav-link">{{ t.nav.faq }}</a></li>
<li class="nav-item"><a href="#" class="nav-link nav-btn">{{ t.nav.get_involved }}</a></li>
<li class="nav-item"><a href="#" class="nav-link nav-btn" aria-label="{{ t.nav.get_involved }}">{{ t.nav.get_involved }}</a></li>
<li class="nav-item nav-lang-item">
<span class="nav-link">{{ t.nav.language_label }}:</span>
{% for lang_code in site.languages %}
Expand All @@ -26,7 +26,7 @@
{% assign switch_href = '/' | append: lang_code | append: page_path %}
{% endif %}
{% endif %}
<a {% static_href %}href="{{ switch_href | replace: '//', '/' }}"{% endstatic_href %} class="nav-link{% if active_lang == lang_code %} nav-link-active{% endif %}">{{ lang_code | upcase }}</a>
<a {% static_href %}href="{{ switch_href | replace: '//', '/' }}"{% endstatic_href %} class="nav-link{% if active_lang == lang_code %} nav-link-active{% endif %}" aria-label="{% if lang_code == 'en' %}English{% elsif lang_code == 'es' %}Espanol{% else %}{{ lang_code | upcase }}{% endif %}">{{ lang_code | upcase }}</a>
{% endfor %}
</li>
</ul>
Expand Down
Binary file removed assets/Eventos/2023/event-2023-1.png
View file
Open in desktop
Binary file not shown.
Binary file added assets/Eventos/2023/event-2023-1.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed assets/Eventos/2023/event-2023-2.png
View file
Open in desktop
Binary file not shown.
Binary file added assets/Eventos/2023/event-2023-2.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed assets/Eventos/2023/event-2023-3.png
View file
Open in desktop
Binary file not shown.
Binary file added assets/Eventos/2023/event-2023-3.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed assets/Eventos/2024/event-2024-1.png
View file
Open in desktop
Binary file not shown.
Binary file added assets/Eventos/2024/event-2024-1.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed assets/Eventos/2024/event-2024-2.png
View file
Open in desktop
Binary file not shown.
Binary file added assets/Eventos/2024/event-2024-2.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed assets/Eventos/2024/event-2024-3.png
View file
Open in desktop
Binary file not shown.
Binary file added assets/Eventos/2024/event-2024-3.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed assets/Eventos/2025/event-2025-1.png
View file
Open in desktop
Binary file not shown.
Binary file added assets/Eventos/2025/event-2025-1.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed assets/Eventos/2025/event-2025-2.png
View file
Open in desktop
Binary file not shown.
Binary file added assets/Eventos/2025/event-2025-2.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed assets/Eventos/2025/event-2025-3.png
View file
Open in desktop
Binary file not shown.
Binary file added assets/Eventos/2025/event-2025-3.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
44 changes: 22 additions & 22 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,13 +41,13 @@ <h2 class="hero-subtitle">{{ t.home.hero.subtitle }}</h2>
</div>

<div class="social-icons">
<a href="https://discord.gg/AR72D2nfpp" class="social-icon discord" aria-label="Discord" target="_blank" rel="noopener noreferrer"><i class="fab fa-discord"></i></a>
<a href="https://vrchat.com/home/group/grp_d66fc7e0-955b-42aa-9abb-372bc72c178f" class="social-icon vrchat" aria-label="VRChat" target="_blank" rel="noopener noreferrer"><i class="fas fa-vr-cardboard"></i></a>
<a href="https://www.instagram.com/vrtonof/" class="social-icon instagram" aria-label="Instagram" target="_blank" rel="noopener noreferrer"><i class="fab fa-instagram"></i></a>
<a href="https://x.com/vrtonof" class="social-icon twitter" aria-label="X (Twitter)" target="_blank" rel="noopener noreferrer"><i class="fab fa-x"></i></a>
<a href="https://www.tiktok.com/@vrtonoficial" class="social-icon tiktok" aria-label="TikTok" target="_blank" rel="noopener noreferrer"><i class="fab fa-tiktok"></i></a>
<a href="https://www.youtube.com/@VRTonOficial" class="social-icon youtube" aria-label="YouTube" target="_blank" rel="noopener noreferrer"><i class="fab fa-youtube"></i></a>
<a href="https://www.twitch.tv/vrtonof" class="social-icon twitch" aria-label="Twitch" target="_blank" rel="noopener noreferrer"><i class="fab fa-twitch"></i></a>
<a href="https://discord.gg/AR72D2nfpp" class="social-icon discord" aria-label="Discord" title="Discord" target="_blank" rel="noopener noreferrer"><i class="fab fa-discord" aria-hidden="true"></i><span class="sr-only">Discord</span></a>
<a href="https://vrchat.com/home/group/grp_d66fc7e0-955b-42aa-9abb-372bc72c178f" class="social-icon vrchat" aria-label="VRChat" title="VRChat" target="_blank" rel="noopener noreferrer"><i class="fas fa-vr-cardboard" aria-hidden="true"></i><span class="sr-only">VRChat</span></a>
<a href="https://www.instagram.com/vrtonof/" class="social-icon instagram" aria-label="Instagram" title="Instagram" target="_blank" rel="noopener noreferrer"><i class="fab fa-instagram" aria-hidden="true"></i><span class="sr-only">Instagram</span></a>
<a href="https://x.com/vrtonof" class="social-icon twitter" aria-label="X (Twitter)" title="X (Twitter)" target="_blank" rel="noopener noreferrer"><i class="fab fa-x" aria-hidden="true"></i><span class="sr-only">X (Twitter)</span></a>
<a href="https://www.tiktok.com/@vrtonoficial" class="social-icon tiktok" aria-label="TikTok" title="TikTok" target="_blank" rel="noopener noreferrer"><i class="fab fa-tiktok" aria-hidden="true"></i><span class="sr-only">TikTok</span></a>
<a href="https://www.youtube.com/@VRTonOficial" class="social-icon youtube" aria-label="YouTube" title="YouTube" target="_blank" rel="noopener noreferrer"><i class="fab fa-youtube" aria-hidden="true"></i><span class="sr-only">YouTube</span></a>
<a href="https://www.twitch.tv/vrtonof" class="social-icon twitch" aria-label="Twitch" title="Twitch" target="_blank" rel="noopener noreferrer"><i class="fab fa-twitch" aria-hidden="true"></i><span class="sr-only">Twitch</span></a>
</div>
</div>
</div>
Expand All @@ -65,17 +65,17 @@ <h2 class="section-title">{{ t.home.events.title }}</h2>
<div class="carousel" data-carousel="2025">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="{{ '/assets/Eventos/2025/event-2025-1.png' | relative_url }}" alt="VRTon 2025 Event" loading="lazy">
<img src="{{ '/assets/Eventos/2025/event-2025-1.webp' | relative_url }}" alt="VRTon 2025 Event" loading="lazy">
</div>
<div class="carousel-item">
<img src="{{ '/assets/Eventos/2025/event-2025-2.png' | relative_url }}" alt="VRTon 2025 Event" loading="lazy">
<img src="{{ '/assets/Eventos/2025/event-2025-2.webp' | relative_url }}" alt="VRTon 2025 Event" loading="lazy">
</div>
<div class="carousel-item">
<img src="{{ '/assets/Eventos/2025/event-2025-3.png' | relative_url }}" alt="VRTon 2025 Event" loading="lazy">
<img src="{{ '/assets/Eventos/2025/event-2025-3.webp' | relative_url }}" alt="VRTon 2025 Event" loading="lazy">
</div>
</div>
<button class="carousel-btn prev" onclick="moveCarousel('2025', -1)"><i class="fas fa-chevron-left"></i></button>
<button class="carousel-btn next" onclick="moveCarousel('2025', 1)"><i class="fas fa-chevron-right"></i></button>
<button class="carousel-btn prev" type="button" aria-label="Previous slide (2025)" onclick="moveCarousel('2025', -1)"><i class="fas fa-chevron-left" aria-hidden="true"></i></button>
<button class="carousel-btn next" type="button" aria-label="Next slide (2025)" onclick="moveCarousel('2025', 1)"><i class="fas fa-chevron-right" aria-hidden="true"></i></button>
<div class="carousel-indicators">
<span class="indicator active" onclick="showSlide('2025', 0)"></span>
<span class="indicator" onclick="showSlide('2025', 1)"></span>
Expand Down Expand Up @@ -107,17 +107,17 @@ <h3 class="event-title">VRTon 2025</h3>
<div class="carousel" data-carousel="2024">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="{{ '/assets/Eventos/2024/event-2024-1.png' | relative_url }}" alt="VRTon 2024 Event" loading="lazy">
<img src="{{ '/assets/Eventos/2024/event-2024-1.webp' | relative_url }}" alt="VRTon 2024 Event" loading="lazy">
</div>
<div class="carousel-item">
<img src="{{ '/assets/Eventos/2024/event-2024-2.png' | relative_url }}" alt="VRTon 2024 Event" loading="lazy">
<img src="{{ '/assets/Eventos/2024/event-2024-2.webp' | relative_url }}" alt="VRTon 2024 Event" loading="lazy">
</div>
<div class="carousel-item">
<img src="{{ '/assets/Eventos/2024/event-2024-3.png' | relative_url }}" alt="VRTon 2024 Event" loading="lazy">
<img src="{{ '/assets/Eventos/2024/event-2024-3.webp' | relative_url }}" alt="VRTon 2024 Event" loading="lazy">
</div>
</div>
<button class="carousel-btn prev" onclick="moveCarousel('2024', -1)"><i class="fas fa-chevron-left"></i></button>
<button class="carousel-btn next" onclick="moveCarousel('2024', 1)"><i class="fas fa-chevron-right"></i></button>
<button class="carousel-btn prev" type="button" aria-label="Previous slide (2024)" onclick="moveCarousel('2024', -1)"><i class="fas fa-chevron-left" aria-hidden="true"></i></button>
<button class="carousel-btn next" type="button" aria-label="Next slide (2024)" onclick="moveCarousel('2024', 1)"><i class="fas fa-chevron-right" aria-hidden="true"></i></button>
<div class="carousel-indicators">
<span class="indicator active" onclick="showSlide('2024', 0)"></span>
<span class="indicator" onclick="showSlide('2024', 1)"></span>
Expand Down Expand Up @@ -145,17 +145,17 @@ <h3 class="event-title">VRTon 2024</h3>
<div class="carousel" data-carousel="2023">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="{{ '/assets/Eventos/2023/event-2023-1.jpg' | relative_url }}" alt="VRTon 2023 Event" loading="lazy">
<img src="{{ '/assets/Eventos/2023/event-2023-1.webp' | relative_url }}" alt="VRTon 2023 Event" loading="lazy">
</div>
<div class="carousel-item">
<img src="{{ '/assets/Eventos/2023/event-2023-2.jpg' | relative_url }}" alt="VRTon 2023 Event" loading="lazy">
<img src="{{ '/assets/Eventos/2023/event-2023-2.webp' | relative_url }}" alt="VRTon 2023 Event" loading="lazy">
</div>
<div class="carousel-item">
<img src="{{ '/assets/Eventos/2023/event-2023-3.jpg' | relative_url }}" alt="VRTon 2023 Event" loading="lazy">
<img src="{{ '/assets/Eventos/2023/event-2023-3.webp' | relative_url }}" alt="VRTon 2023 Event" loading="lazy">
</div>
</div>
<button class="carousel-btn prev" onclick="moveCarousel('2023', -1)"><i class="fas fa-chevron-left"></i></button>
<button class="carousel-btn next" onclick="moveCarousel('2023', 1)"><i class="fas fa-chevron-right"></i></button>
<button class="carousel-btn prev" type="button" aria-label="Previous slide (2023)" onclick="moveCarousel('2023', -1)"><i class="fas fa-chevron-left" aria-hidden="true"></i></button>
<button class="carousel-btn next" type="button" aria-label="Next slide (2023)" onclick="moveCarousel('2023', 1)"><i class="fas fa-chevron-right" aria-hidden="true"></i></button>
<div class="carousel-indicators">
<span class="indicator active" onclick="showSlide('2023', 0)"></span>
<span class="indicator" onclick="showSlide('2023', 1)"></span>
Expand Down
13 changes: 13 additions & 0 deletions styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -945,6 +945,19 @@ body {
line-height: 1.25;
}

}

.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.legal-section h2,
.legal-section h3 {
margin-bottom: 0.9rem;
Expand Down
Loading