forked from vyla-entertainment/home-frontend
updated site ( crazy )
This commit is contained in:
196
index.html
196
index.html
@@ -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">
|
||||
@@ -50,7 +50,7 @@
|
||||
<meta property="og:title" content="Vyla Home - Self-Hosted Desktop Media Center | Serverless Streaming">
|
||||
<meta property="og:description"
|
||||
content="Experience revolutionary self-hosted streaming with Vyla Home. Bypass datacenter blocking, ISP throttling, and cloud downtime. 4K movies, TV shows, anime with complete privacy and zero server dependencies.">
|
||||
<meta property="og:image" content="https://vyla.cc/assets/images/thumbnail.png">
|
||||
<meta property="og:image" content="/assets/images/thumbnail.png">
|
||||
<meta property="og:image:width" content="1200">
|
||||
<meta property="og:image:height" content="630">
|
||||
<meta property="og:image:alt" content="Vyla Home Desktop Media Center Interface">
|
||||
@@ -66,20 +66,20 @@
|
||||
<meta name="twitter:title" content="Vyla Home - Self-Hosted Desktop Media Center">
|
||||
<meta name="twitter:description"
|
||||
content="Experience revolutionary self-hosted streaming. Bypass datacenter blocking, ISP throttling, and cloud downtime. 4K movies, TV shows, anime with complete privacy.">
|
||||
<meta name="twitter:image" content="https://vyla.cc/assets/images/thumbnail.png">
|
||||
<meta name="twitter:image" content="/assets/images/thumbnail.png">
|
||||
<meta name="twitter:image:alt" content="Vyla Home Desktop Media Center Interface">
|
||||
|
||||
<link rel="icon" href="favicon.ico" type="image/x-icon">
|
||||
|
||||
<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">
|
||||
@@ -91,6 +91,7 @@
|
||||
<link rel="stylesheet" href="src/styles/base/typography.css">
|
||||
<link rel="stylesheet" href="src/styles/utilities/layout.css">
|
||||
<link rel="stylesheet" href="src/styles/utilities/reveal.css">
|
||||
<link rel="stylesheet" href="src/styles/components/glass-surface.css">
|
||||
<link rel="stylesheet" href="src/styles/layout/nav.css">
|
||||
<link rel="stylesheet" href="src/styles/sections/hero-atmosphere.css">
|
||||
<link rel="stylesheet" href="src/styles/sections/hero-content.css">
|
||||
@@ -266,14 +267,7 @@
|
||||
<main role="main">
|
||||
<section class="hero" aria-labelledby="hero-title">
|
||||
<div class="hero-atmosphere" aria-hidden="true">
|
||||
<video class="hero-atmosphere-video" autoplay loop muted playsinline webkit-playsinline preload="auto"
|
||||
crossorigin="anonymous" aria-hidden="true">
|
||||
<source src="https://videos.pexels.com/video-files/26754965/12000494_3840_2160_30fps.mp4"
|
||||
type="video/mp4">
|
||||
</video>
|
||||
<div class="hero-atmosphere-sheen"></div>
|
||||
<canvas id="hero-byte-overlay" aria-hidden="true"></canvas>
|
||||
<div class="hero-atmosphere-vignette"></div>
|
||||
<div id="hero-prism" class="hero-prism"></div>
|
||||
</div>
|
||||
<div class="container hero-container">
|
||||
|
||||
@@ -531,108 +525,104 @@
|
||||
</section>
|
||||
</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 buttons = [
|
||||
document.getElementById("hero-copy-script-btn"),
|
||||
document.getElementById("cta-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 project = "vyla-entertainment%2Fhome";
|
||||
<script>
|
||||
async function setupLatestDownload() {
|
||||
const buttons = [
|
||||
document.getElementById("hero-copy-script-btn"),
|
||||
document.getElementById("cta-copy-script-btn")
|
||||
];
|
||||
|
||||
const response = await fetch(
|
||||
`https://gitlab.com/api/v4/projects/${project}/releases/permalink/latest`
|
||||
);
|
||||
try {
|
||||
const project = "vyla-entertainment%2Fhome";
|
||||
|
||||
if (!response.ok) {
|
||||
throw new Error(`Failed to fetch latest release: ${response.status}`);
|
||||
}
|
||||
const response = await fetch(
|
||||
`https://gitlab.com/api/v4/projects/${project}/releases/permalink/latest`
|
||||
);
|
||||
|
||||
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;
|
||||
if (!response.ok) {
|
||||
throw new Error(`Failed to fetch latest release: ${response.status}`);
|
||||
}
|
||||
});
|
||||
} catch (error) {
|
||||
buttons.forEach(button => {
|
||||
if (button) {
|
||||
button.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">
|
||||
<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>
|
||||
<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="200" height="95"
|
||||
loading="lazy" decoding="async">
|
||||
</div>
|
||||
<div class="footer-bottom">
|
||||
<a href="/fuckinggodihatethisprojectijustwantoenditall" class="secret-footer">
|
||||
© 2025 Vyla Entertainment. All rights reserved.
|
||||
</a>
|
||||
</div>
|
||||
</footer>
|
||||
<div class="footer-bottom">
|
||||
<a href="/fuckinggodihatethisprojectijustwantoenditall" class="secret-footer">
|
||||
© 2025 Vyla Entertainment. All rights reserved.
|
||||
</a>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
<script type="module" src="src/scripts/main.js"></script>
|
||||
</body>
|
||||
|
||||
Reference in New Issue
Block a user