updated site ( crazy )

This commit is contained in:
2026-08-27 21:26:05 -07:00
parent ddaa71dda8
commit df1897745a
19 changed files with 1345 additions and 591 deletions

View File

@@ -29,7 +29,7 @@
<meta name="msapplication-tooltip" content="Self-hosted desktop media center for streaming entertainment">
<meta name="msapplication-starturl" content="/">
<meta name="msapplication-window" content="width=device-width;height=device-height">
<meta name="msapplication-navbutton-color" content="#1a1a2e">
<meta name="msapplication-navbutton-color" content="#FFF">
<link rel="icon" href="/assets/images/favicon.ico" type="image/x-icon">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon.ico">
@@ -73,13 +73,13 @@
<link rel="manifest" href="/manifest.json">
<meta name="theme-color" content="#1a1a2e">
<meta name="theme-color" content="#FFF">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<meta name="apple-mobile-web-app-title" content="Vyla Home">
<meta name="mobile-web-app-capable" content="yes">
<meta name="application-name" content="Vyla Home">
<meta name="msapplication-TileColor" content="#1a1a2e">
<meta name="msapplication-TileColor" content="#FFF">
<meta name="msapplication-config" content="/browserconfig.xml">
<link rel="apple-touch-icon" href="favicon.ico">
@@ -302,90 +302,104 @@
</div>
</main>
<section class="cta-banner" aria-labelledby="cta-heading">
<div class="cta-banner-media" aria-hidden="true">
<video class="cta-banner-video hero-atmosphere-video"
src="https://videos.pexels.com/video-files/26754965/12000494_3840_2160_30fps.mp4" autoplay loop muted
playsinline webkit-playsinline preload="auto" crossorigin="anonymous" aria-hidden="true">
</video>
<canvas id="cta-byte-overlay" aria-hidden="true"></canvas>
<div class="cta-banner-overlay"></div>
</div>
<div class="container cta-banner-content reveal">
<h2 id="cta-heading" class="cta-banner-title">Try Vyla Home today</h2>
<p class="cta-banner-subtitle">Your Entertainment. Zero Servers Attached.</p>
<a class="hero-cta hero-cta-light" id="cta-copy-script-btn" href="#" target="_blank"
rel="noopener noreferrer">Download Now</a>
</div>
<div class="cta-footer-wrap">
<div id="cta-rays" class="cta-rays-container" aria-hidden="true"></div>
<script>
async function setupLatestDownload() {
const btn = document.getElementById("hero-copy-script-btn");
<section class="cta-banner" aria-labelledby="cta-heading">
<div class="container cta-banner-content reveal">
<h2 id="cta-heading" class="cta-banner-title">Try Vyla Home today</h2>
<p class="cta-banner-subtitle">Your Entertainment. Zero Servers Attached.</p>
<a class="hero-cta hero-cta-light" id="cta-copy-script-btn" href="#" target="_blank"
rel="noopener noreferrer">Download Now</a>
</div>
try {
const response = await fetch(
"https://gitlab.com/api/v4/projects/vyla-entertainment%2Fhome/releases/permalink/latest"
);
<script>
async function setupLatestDownload() {
const buttons = [
document.getElementById("hero-copy-script-btn"),
document.getElementById("cta-copy-script-btn")
];
if (!response.ok) throw new Error("Failed to fetch latest release");
try {
const project = "vyla-entertainment%2Fhome";
const release = await response.json();
const version = release.tag_name;
const fileVersion = version.replace(/^v/, "");
const response = await fetch(
`https://gitlab.com/api/v4/projects/${project}/releases/permalink/latest`
);
btn.href =
`https://gitlab.com/api/v4/projects/vyla-entertainment%2Fhome/packages/generic/vyla-home/${version}/Vyla-Home_${fileVersion}_x64-setup.exe`;
if (!response.ok) {
throw new Error(`Failed to fetch latest release: ${response.status}`);
}
btn.textContent = `Download Release ${version}`;
} catch (error) {
btn.textContent = "Download Latest Release";
const release = await response.json();
const asset = release.assets?.links?.find(link =>
link.name?.toLowerCase().endsWith(".exe")
);
if (!asset?.url) {
throw new Error("No .exe asset found in latest release");
}
buttons.forEach(button => {
if (button) {
button.href = asset.url;
}
});
} catch (error) {
buttons.forEach(button => {
if (button) {
button.textContent = "Download Latest Release";
}
});
}
}
}
setupLatestDownload();
</script>
</section>
setupLatestDownload();
</script>
</section>
<footer class="footer">
<div class="footer-content">
<div class="footer-section">
<h4>Vyla</h4>
<p>Vyla is a passion project born from a love for film and television.</p>
</div>
<div class="footer-section">
<h4>Backup Site:</h4>
<p><a href="https://vyla.qzz.io" target="_blank" rel="noopener">https://vyla.qzz.io</a>
</p>
</div>
<div class="footer-section">
<h4>Quick Links</h4>
<a href="/terms-of-service">Terms of Service</a>
<a href="/privacy-policy">Privacy Policy</a>
<a href="/about-us">About Us</a>
<a href="https://docs.vyla.cc/misc/dmca" target="_blank" rel="noopener">DMCA</a>
</div>
<div class="footer-section">
<h4>Our API</h4>
<a href="https://docs.vyla.cc" target="_blank" rel="noopener">Documentation</a>
</div>
<div class="footer-section">
<h4>Join our Discord</h4>
<div class="social-links">
<a href="/discord" target="_blank" rel="noopener">
<i class="fab fa-discord"></i> Discord
</a>
<footer class="footer">
<div class="footer-content">
<div class="footer-section">
<h2>Vyla</h2>
<p>Vyla is a passion project born from a love for film and television.</p>
</div>
<div class="footer-section">
<h2>Backup Site:</h2>
<p><a href="https://vyla.qzz.io" target="_blank" rel="noopener">https://vyla.qzz.io</a>
</p>
</div>
<div class="footer-section">
<h2>Quick Links</h2>
<a href="/terms-of-service">Terms of Service</a>
<a href="/privacy-policy">Privacy Policy</a>
<a href="/about-us">About Us</a>
<a href="https://docs.vyla.cc/misc/dmca" target="_blank" rel="noopener">DMCA</a>
</div>
<div class="footer-section">
<h2>Our API</h2>
<a href="https://docs.vyla.cc" target="_blank" rel="noopener">Documentation</a>
</div>
<div class="footer-section">
<h2>Join our Discord</h2>
<div class="social-links">
<a href="/discord" target="_blank" rel="noopener">
<i class="fab fa-discord"></i> Discord
</a>
</div>
</div>
<img src="https://app.greenweb.org/api/v3/greencheckimage/vyla.cc?nocache=true"
alt="This website runs on green hosting - verified by thegreenwebfoundation.org" width="200"
height="95" loading="lazy" decoding="async">
</div>
<img src="https://app.greenweb.org/api/v3/greencheckimage/vyla.cc?nocache=true"
alt="This website runs on green hosting - verified by thegreenwebfoundation.org" width="200px"
height="95px">
</div>
<div class="footer-bottom">
<a href="/fuckinggodihatethisprojectijustwantoenditall" class="secret-footer">
&copy; 2025 Vyla Entertainment. All rights reserved.
</a>
</div>
</footer>
<div class="footer-bottom">
<a href="/fuckinggodihatethisprojectijustwantoenditall" class="secret-footer">
&copy; 2025 Vyla Entertainment. All rights reserved.
</a>
</div>
</footer>
</div>
<script type="module" src="/src/scripts/main.js"></script>
</body>