updated sites UI, added links

This commit is contained in:
2026-08-22 11:02:53 -07:00
parent 6e4074bf95
commit efd547c578
22 changed files with 1337 additions and 508 deletions

366
about-us/index.html Normal file
View File

@@ -0,0 +1,366 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="format-detection" content="telephone=no">
<meta name="referrer" content="no-referrer-when-downgrade">
<title>Vyla Home - Self-Hosted Desktop Media Center | Serverless Streaming & Entertainment Platform</title>
<meta name="description"
content="Vyla Home is a revolutionary standalone desktop media center that bypasses datacenter blocking, ISP throttling, and cloud downtime. Experience self-hosted streaming, 4K movies, TV shows, and anime with complete privacy and zero server dependencies.">
<meta name="keywords"
content="vyla home, desktop media center, self-hosted streaming, serverless entertainment, media player, movies, tv shows, anime, 4K streaming, bypass ISP throttling, datacenter blocking, local media vault, encrypted storage, desktop application, offline streaming, personal entertainment">
<meta name="author" content="Vyla Entertainment">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
<meta name="googlebot" content="index, follow">
<meta name="language" content="English">
<meta name="geo.region" content="US">
<meta name="geo.placename" content="Global">
<meta name="coverage" content="Worldwide">
<meta name="distribution" content="Global">
<meta name="rating" content="General">
<meta name="revisit-after" content="7 days">
<link rel="canonical" href="https://vyla.cc/">
<meta name="application-name" content="Vyla Home">
<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">
<link rel="icon" href="/assets/images/favicon.ico" type="image/x-icon">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/images/apple-touch-icon.png">
<link rel="manifest" href="/manifest.json">
<link rel="dns-prefetch" href="https://fonts.googleapis.com">
<link rel="dns-prefetch" href="https://fonts.gstatic.com">
<link rel="dns-prefetch" href="https://gitlab.com">
<link rel="dns-prefetch" href="https://discord.com">
<link rel="dns-prefetch" href="https://videos.pexels.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://discord.com" crossorigin>
<meta http-equiv="Content-Security-Policy" content="default-src 'self' https: data: 'unsafe-inline' 'unsafe-eval';">
<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:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Vyla Home Desktop Media Center Interface">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Vyla Home">
<meta property="og:url" content="https://vyla.cc/">
<meta property="og:locale" content="en_US">
<meta property="og:locale:alternate" content="en_GB">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@VylaEntertainment">
<meta name="twitter:creator" content="@VylaEntertainment">
<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: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="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-config" content="/browserconfig.xml">
<link rel="apple-touch-icon" href="favicon.ico">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&display=swap">
<link rel="stylesheet" href="/src/styles/base/tokens.css">
<link rel="stylesheet" href="/src/styles/base/reset.css">
<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/layout/nav.css">
<link rel="stylesheet" href="/src/styles/sections/hero-atmosphere.css">
<link rel="stylesheet" href="/src/styles/sections/hero-content.css">
<link rel="stylesheet" href="/src/styles/layout/footer.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/components/buttons.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/components/pills.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/components/stats.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/components/script-card.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/components/marquee.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/components/testimonial-card.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/components/modal.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/components/partners.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/components/faq.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/sections/section-base.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/sections/testimonials.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/sections/features.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/sections/faq-section.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/sections/cta-banner.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/utilities/responsive.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/pages/other.css" />
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "SoftwareApplication",
"name": "Vyla Home",
"applicationCategory": "MultimediaApplication",
"operatingSystem": "Windows",
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "USD"
},
"description": "Vyla Home is a revolutionary standalone desktop media center that bypasses datacenter blocking, ISP throttling, and cloud downtime. Experience self-hosted streaming, 4K movies, TV shows, and anime with complete privacy and zero server dependencies.",
"url": "https://vyla.cc/",
"author": {
"@type": "Organization",
"name": "Vyla Entertainment",
"url": "https://gitlab.com/vyla-entertainment/home"
},
"publisher": {
"@type": "Organization",
"name": "Vyla Entertainment",
"url": "https://gitlab.com/vyla-entertainment/home"
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.8",
"ratingCount": "1250",
"bestRating": "5",
"worstRating": "1"
},
"featureList": [
"Self-hosted streaming platform",
"Bypass datacenter blocking",
"Encrypted local vault",
"4K movie streaming",
"TV show library",
"Anime collection",
"Automated OTA updates",
"Customizable interface",
"Offline playback capability"
],
"screenshot": "https://vyla.cc/assets/images/thumbnail.png",
"softwareVersion": "1.0.0",
"datePublished": "2025-01-01",
"downloadUrl": "https://gitlab.com/api/v4/projects/vyla-entertainment%2Fhome/packages/generic/vyla-home/v1.0.0/Vyla-Home_1.0.0_x64-setup.exe",
"license": "https://gitlab.com/vyla-entertainment/home/-/blob/main/LICENSE"
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "Vyla Home",
"url": "https://vyla.cc/",
"description": "Self-hosted desktop media center for streaming entertainment",
"potentialAction": {
"@type": "SearchAction",
"target": "https://vyla.cc/?q={search_term_string}",
"query-input": "required name=search_term_string"
},
"publisher": {
"@type": "Organization",
"name": "Vyla Entertainment",
"url": "https://gitlab.com/vyla-entertainment/home",
"logo": "https://vyla.cc/assets/images/header_logo.png"
}
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Vyla Entertainment",
"url": "https://vyla.cc/",
"logo": "https://vyla.cc/assets/images/header_logo.png",
"description": "Developer of self-hosted entertainment software",
"sameAs": [
"https://gitlab.com/vyla-entertainment/home",
"https://discord.gg/5eqRhKeywG"
],
"contactPoint": {
"@type": "ContactPoint",
"contactType": "customer support",
"url": "https://discord.gg/5eqRhKeywG"
}
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "What is Vyla Home?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Vyla Home is a standalone desktop media center designed to bypass datacenter blocking, ISP throttling, and cloud downtime. It runs locally on your computer, providing self-hosted streaming without server dependencies."
}
},
{
"@type": "Question",
"name": "How does Vyla Home bypass datacenter blocking?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Vyla Home runs entirely on your local workstation using your residential network connection, eliminating datacenter IP addresses that are commonly blocked by streaming services."
}
},
{
"@type": "Question",
"name": "Is Vyla Home free to use?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Yes, Vyla Home is completely free and open-source. You can download it from our GitLab repository without any cost."
}
}
]
}
</script>
</head>
<body>
<header role="banner">
<nav class="nav" role="navigation" aria-label="Main navigation">
<div class="nav-container">
<a href="/" class="logo" aria-label="Vyla Home - Home">Vyla Home</a>
</div>
</nav>
</header>
<main class="main-content">
<div class="content-wrapper">
<h2>About Us</h2>
<p>Vyla is a next-generation entertainment hub designed to unify how you discover, track, and interact with
your favorite movies and TV shows. Born out of frustration with fragmented streaming services, Vyla
offers a beautiful, centralized interface for all your media needs.</p>
<h3>Our Mission</h3>
<p>Our mission is to provide an accessible, intelligent, and highly customizable platform for media lovers.
We believe your tracking and discovery experience should be just as enjoyable as the content you are
watching. By leveraging modern web technologies, we have built a seamless application that respects your
viewing habits without tracking you across the web.</p>
<h3>Core Features</h3>
<ul>
<li><strong>AI-Powered Discovery:</strong> Beyond traditional search, Vyla integrates a natural language
AI search engine. Simply describe what you are in the mood for, and our AI will find the perfect
match.</li>
<li><strong>Seamless Synchronization:</strong> Powered by a robust cloud backend, your watch history,
exact playback progress, favorites, and watch later lists are synced instantly across all your
devices.</li>
<li><strong>Deep Customization:</strong> From dynamic colors that adapt to movie posters, to over 10
custom themes, and an OpenDyslexic font toggle, Vyla is built to
look and feel exactly how you want it to.</li>
<li><strong>Progressive Web App (PWA):</strong> Vyla is designed to feel like a native application.
Install it directly to your home screen on iOS, Android, or Desktop for a fullscreen, app-like
experience.</li>
<li><strong>Privacy First:</strong> We utilize pseudo-anonymous accounts. You don't need to hand over
your personal email address to sync your data, and we feature built-in controls for when you want
your viewing history hidden or removed.</li>
</ul>
<h3>The Technology</h3>
<p>Vyla is engineered for speed and reliability. We utilize The Movie Database (TMDB) API for comprehensive
and up-to-date media metadata. Our backend infrastructure is powered by Supabase for lightning-fast
database
reads and secure authentication. To ensure our platform remains fast and safe, we utilize Cloudflare
Turnstile
for bot protection and aggressive client-side caching to minimize data usage and load times.</p>
<h3>Disclaimer</h3>
<p><strong>Vyla is strictly a metadata aggregator and tracking utility.</strong> We do not host, store, or
distribute any copyright-protected media files. All playback and download functionalities are routed
through decentralized, third-party APIs and embedded players over which Vyla has no control.</p>
<h3>Join the Community</h3>
<p>Vyla is continuously evolving based on user feedback. Whether you want to request a new feature, report a
bug, or just talk about movies, we invite you to join our growing community on our official Discord
server.</p>
</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/35997189/15263283_3840_2160_25fps.mp4" autoplay loop muted
playsinline webkit-playsinline preload="auto" 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="https://gitlab.com/api/v4/projects/vyla-entertainment%2Fhome/packages/generic/vyla-home/v1.0.0/Vyla-Home_1.0.0_x64-setup.exe"
target="_blank" rel="noopener noreferrer">Download Now</a>
</div>
</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>
</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="200px"
height="95px">
</div>
<div class="footer-bottom">
<a href="/fuckinggodihatethisprojectijustwantoenditall" class="secret-footer">
&copy; 2025 Vyla Entertainment. All rights reserved.
</a>
</div>
</footer>
<script type="module" src="/src/scripts/main.js"></script>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 MiB

BIN
assets/images/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

BIN
favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

View File

@@ -32,7 +32,7 @@
<meta name="msapplication-navbutton-color" content="#1a1a2e">
<link rel="icon" href="assets/images/favicon.ico" type="image/x-icon">
<link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/images/apple-touch-icon.png">
<link rel="manifest" href="manifest.json">
@@ -69,7 +69,7 @@
<meta name="twitter:image" content="https://vyla.cc/assets/images/thumbnail.png">
<meta name="twitter:image:alt" content="Vyla Home Desktop Media Center Interface">
<link rel="icon" href="assets/images/favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="manifest" href="manifest.json">
@@ -82,11 +82,10 @@
<meta name="msapplication-TileColor" content="#1a1a2e">
<meta name="msapplication-config" content="/browserconfig.xml">
<link rel="apple-touch-icon" href="assets/images/icon.png">
<link rel="apple-touch-icon" href="favicon.ico">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&display=swap">
<!-- Critical CSS - Load immediately for above-the-fold content -->
<link rel="stylesheet" href="src/styles/base/tokens.css">
<link rel="stylesheet" href="src/styles/base/reset.css">
<link rel="stylesheet" href="src/styles/base/typography.css">
@@ -96,7 +95,6 @@
<link rel="stylesheet" href="src/styles/sections/hero-atmosphere.css">
<link rel="stylesheet" href="src/styles/sections/hero-content.css">
<!-- Non-critical CSS - Deferred loading for below-the-fold content -->
<link rel="stylesheet" href="src/styles/layout/footer.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="src/styles/components/buttons.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="src/styles/components/pills.css" media="print" onload="this.media='all'">
@@ -104,16 +102,12 @@
<link rel="stylesheet" href="src/styles/components/script-card.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="src/styles/components/marquee.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="src/styles/components/testimonial-card.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="src/styles/components/executors.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="src/styles/components/showcase.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="src/styles/components/modal.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="src/styles/components/partners.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="src/styles/components/faq.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="src/styles/sections/section-base.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="src/styles/sections/testimonials.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="src/styles/sections/executors.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="src/styles/sections/features.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="src/styles/sections/showcases.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="src/styles/sections/faq-section.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="src/styles/sections/cta-banner.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="src/styles/utilities/responsive.css" media="print" onload="this.media='all'">
@@ -328,12 +322,58 @@
</div>
<div class="hero-cta-row reveal">
<a class="hero-cta hero-cta-dark" id="hero-copy-script-btn"
href="https://gitlab.com/api/v4/projects/vyla-entertainment%2Fhome/packages/generic/vyla-home/v1.0.0/Vyla-Home_1.0.0_x64-setup.exe"
target="_blank" rel="noopener noreferrer">Download Release v1.0.0</a>
<a class="hero-cta hero-cta-dark" id="hero-copy-script-btn" href="#" target="_blank"
rel="noopener noreferrer">
Download Release v0.0.0
</a>
<a class="hero-cta hero-cta-light" href="https://gitlab.com/vyla-entertainment/home/-/releases"
target="_blank" rel="noopener noreferrer">
View Releases</a>
View Releases
</a>
</div>
<script>
async function setupLatestDownload() {
const btn = document.getElementById("hero-copy-script-btn");
try {
const response = await fetch(
"https://gitlab.com/api/v4/projects/vyla-entertainment%2Fhome/releases/permalink/latest"
);
if (!response.ok) throw new Error("Failed to fetch latest release");
const release = await response.json();
const version = release.tag_name;
const fileVersion = version.replace(/^v/, "");
btn.href =
`https://gitlab.com/api/v4/projects/vyla-entertainment%2Fhome/packages/generic/vyla-home/${version}/Vyla-Home_${fileVersion}_x64-setup.exe`;
btn.textContent = `Download Release ${version}`;
} catch (error) {
console.error("Failed to resolve latest release:", error);
btn.textContent = "Download Latest Release";
}
}
setupLatestDownload();
</script>
<div class="hero-preview-wrap reveal">
<div class="platform-pill">
<svg class="windows-icon" width="13" height="13" viewBox="0 0 24 24" fill="currentColor"
aria-hidden="true">
<path
d="M0 3.449L9.75 2.1v9.451H0m10.949-9.602L24 0v11.4H10.949M0 12.6h9.75v9.451L0 20.699M10.949 12.6H24V24l-12.949-1.951" />
</svg>
<span>Available for Windows 10 / 11 (64-bit)</span>
</div>
<div class="hero-screen-mockup">
<img src="assets/images/desktop-preview.png" alt="Vyla Home Desktop Media Player" width="1020"
height="574" fetchpriority="high" decoding="async">
</div>
</div>
<div class="partners-inline reveal" id="partners-grid-wrap">
@@ -352,42 +392,8 @@
<span class="stat-value" id="stat-online"></span>
<span class="stat-label">Online Now</span>
</div>
<!--
<div class="stat-item reveal">
<span class="stat-value" id="stat-scripts"></span>
<span class="stat-label">Supported Sources</span>
</div>
-->
</div>
<!--
<section id="scripts" class="section">
<div class="container">
<h2 class="section-eyebrow reveal">Desktop Advantages</h2>
<div class="scripts-wrap">
<div class="scripts-grid reveal-stagger" id="scripts-grid"></div>
</div>
</div>
</section>
<section id="architecture" class="section executors-section">
<div class="container executors-container">
<div class="executors-heading reveal">
<h2 class="section-title-lg">A self-contained orchestration stack</h2>
<p class="section-subtitle">Running locally on your workstation</p>
</div>
</div>
<div class="executors-marquee-wrap">
<div class="executors-marquee-row">
<div class="executors-marquee-track" id="executors-track"></div>
</div>
</div>
</section>
-->
<section id="features" class="section features-section" aria-labelledby="features-heading">
<div class="container features-container">
<header class="features-heading reveal">
@@ -560,31 +566,44 @@
</div>
</section>
<footer class="footer" role="contentinfo">
<footer class="footer">
<div class="footer-content">
<div class="footer-section">
<h3>Vyla Home</h3>
<p>A solo passion project built for resilient, serverless, personal entertainment playback. Run locally,
own your experience.</p>
<h2>Vyla</h2>
<p>Vyla is a passion project born from a love for film and television.</p>
</div>
<div class="footer-section">
<h3>Join our Discord</h3>
<nav class="social-links" aria-label="Social media links">
<a href="https://discord.gg/5eqRhKeywG" target="_blank" rel="noopener noreferrer"
aria-label="Join our Discord community">
<i class="fab fa-discord" aria-hidden="true"></i> Discord
</a>
</nav>
</div>
<div class="footer-section">
<h3>Our Gitlab</h3>
<p><a href="https://gitlab.com/vyla-entertainment/home" target="_blank" rel="noopener noreferrer">Vyla
Entertainment</a>
<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>
<div class="footer-bottom">
<p>&copy; 2025 Vyla Entertainment. Personal local desktop software suite.</p>
<a href="/fuckinggodihatethisprojectijustwantoenditall" class="secret-footer">
&copy; 2025 Vyla Entertainment. All rights reserved.
</a>
</div>
</footer>

377
privacy-policy/index.html Normal file
View File

@@ -0,0 +1,377 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="format-detection" content="telephone=no">
<meta name="referrer" content="no-referrer-when-downgrade">
<title>Vyla Home - Self-Hosted Desktop Media Center | Serverless Streaming & Entertainment Platform</title>
<meta name="description"
content="Vyla Home is a revolutionary standalone desktop media center that bypasses datacenter blocking, ISP throttling, and cloud downtime. Experience self-hosted streaming, 4K movies, TV shows, and anime with complete privacy and zero server dependencies.">
<meta name="keywords"
content="vyla home, desktop media center, self-hosted streaming, serverless entertainment, media player, movies, tv shows, anime, 4K streaming, bypass ISP throttling, datacenter blocking, local media vault, encrypted storage, desktop application, offline streaming, personal entertainment">
<meta name="author" content="Vyla Entertainment">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
<meta name="googlebot" content="index, follow">
<meta name="language" content="English">
<meta name="geo.region" content="US">
<meta name="geo.placename" content="Global">
<meta name="coverage" content="Worldwide">
<meta name="distribution" content="Global">
<meta name="rating" content="General">
<meta name="revisit-after" content="7 days">
<link rel="canonical" href="https://vyla.cc/">
<meta name="application-name" content="Vyla Home">
<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">
<link rel="icon" href="/assets/images/favicon.ico" type="image/x-icon">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/images/apple-touch-icon.png">
<link rel="manifest" href="/manifest.json">
<link rel="dns-prefetch" href="https://fonts.googleapis.com">
<link rel="dns-prefetch" href="https://fonts.gstatic.com">
<link rel="dns-prefetch" href="https://gitlab.com">
<link rel="dns-prefetch" href="https://discord.com">
<link rel="dns-prefetch" href="https://videos.pexels.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://discord.com" crossorigin>
<meta http-equiv="Content-Security-Policy" content="default-src 'self' https: data: 'unsafe-inline' 'unsafe-eval';">
<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:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Vyla Home Desktop Media Center Interface">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Vyla Home">
<meta property="og:url" content="https://vyla.cc/">
<meta property="og:locale" content="en_US">
<meta property="og:locale:alternate" content="en_GB">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@VylaEntertainment">
<meta name="twitter:creator" content="@VylaEntertainment">
<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: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="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-config" content="/browserconfig.xml">
<link rel="apple-touch-icon" href="favicon.ico">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&display=swap">
<link rel="stylesheet" href="/src/styles/base/tokens.css">
<link rel="stylesheet" href="/src/styles/base/reset.css">
<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/layout/nav.css">
<link rel="stylesheet" href="/src/styles/sections/hero-atmosphere.css">
<link rel="stylesheet" href="/src/styles/sections/hero-content.css">
<link rel="stylesheet" href="/src/styles/layout/footer.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/components/buttons.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/components/pills.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/components/stats.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/components/script-card.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/components/marquee.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/components/testimonial-card.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/components/modal.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/components/partners.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/components/faq.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/sections/section-base.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/sections/testimonials.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/sections/features.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/sections/faq-section.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/sections/cta-banner.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/utilities/responsive.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/pages/other.css" />
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "SoftwareApplication",
"name": "Vyla Home",
"applicationCategory": "MultimediaApplication",
"operatingSystem": "Windows",
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "USD"
},
"description": "Vyla Home is a revolutionary standalone desktop media center that bypasses datacenter blocking, ISP throttling, and cloud downtime. Experience self-hosted streaming, 4K movies, TV shows, and anime with complete privacy and zero server dependencies.",
"url": "https://vyla.cc/",
"author": {
"@type": "Organization",
"name": "Vyla Entertainment",
"url": "https://gitlab.com/vyla-entertainment/home"
},
"publisher": {
"@type": "Organization",
"name": "Vyla Entertainment",
"url": "https://gitlab.com/vyla-entertainment/home"
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.8",
"ratingCount": "1250",
"bestRating": "5",
"worstRating": "1"
},
"featureList": [
"Self-hosted streaming platform",
"Bypass datacenter blocking",
"Encrypted local vault",
"4K movie streaming",
"TV show library",
"Anime collection",
"Automated OTA updates",
"Customizable interface",
"Offline playback capability"
],
"screenshot": "https://vyla.cc/assets/images/thumbnail.png",
"softwareVersion": "1.0.0",
"datePublished": "2025-01-01",
"downloadUrl": "https://gitlab.com/api/v4/projects/vyla-entertainment%2Fhome/packages/generic/vyla-home/v1.0.0/Vyla-Home_1.0.0_x64-setup.exe",
"license": "https://gitlab.com/vyla-entertainment/home/-/blob/main/LICENSE"
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "Vyla Home",
"url": "https://vyla.cc/",
"description": "Self-hosted desktop media center for streaming entertainment",
"potentialAction": {
"@type": "SearchAction",
"target": "https://vyla.cc/?q={search_term_string}",
"query-input": "required name=search_term_string"
},
"publisher": {
"@type": "Organization",
"name": "Vyla Entertainment",
"url": "https://gitlab.com/vyla-entertainment/home",
"logo": "https://vyla.cc/assets/images/header_logo.png"
}
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Vyla Entertainment",
"url": "https://vyla.cc/",
"logo": "https://vyla.cc/assets/images/header_logo.png",
"description": "Developer of self-hosted entertainment software",
"sameAs": [
"https://gitlab.com/vyla-entertainment/home",
"https://discord.gg/5eqRhKeywG"
],
"contactPoint": {
"@type": "ContactPoint",
"contactType": "customer support",
"url": "https://discord.gg/5eqRhKeywG"
}
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "What is Vyla Home?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Vyla Home is a standalone desktop media center designed to bypass datacenter blocking, ISP throttling, and cloud downtime. It runs locally on your computer, providing self-hosted streaming without server dependencies."
}
},
{
"@type": "Question",
"name": "How does Vyla Home bypass datacenter blocking?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Vyla Home runs entirely on your local workstation using your residential network connection, eliminating datacenter IP addresses that are commonly blocked by streaming services."
}
},
{
"@type": "Question",
"name": "Is Vyla Home free to use?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Yes, Vyla Home is completely free and open-source. You can download it from our GitLab repository without any cost."
}
}
]
}
</script>
</head>
<body>
<header role="banner">
<nav class="nav" role="navigation" aria-label="Main navigation">
<div class="nav-container">
<a href="/" class="logo" aria-label="Vyla Home - Home">Vyla Home</a>
</div>
</nav>
</header>
<main class="main-content">
<div class="content-wrapper">
<h2>Privacy Policy</h2>
<p><strong>Effective Date:</strong> August 6, 2026</p>
<h3>1. Introduction</h3>
<p>Welcome to Vyla ("we," "us," "our"). This Privacy Policy explains how we collect, use, disclose, and
safeguard your information when you use our platform. By accessing or using Vyla, you agree to the terms
outlined in this policy.</p>
<h3>2. Information We Collect</h3>
<p>We only collect the information necessary to provide and enhance your experience on our platform:</p>
<ul>
<li><strong>Account Information:</strong> When you register, we collect your chosen username. To protect
your privacy, we do not require a real email address; our system generates a functional proxy email
solely for backend authentication.</li>
<li><strong>Usage & Preferences:</strong> We store your watch history, watch progress, favorites, watch
later lists, and custom settings (such as themes, language, and subtitle preferences) to synchronize
your experience across devices.</li>
<li><strong>Search Queries:</strong> When using our AI Search feature, your text inputs are processed to
return accurate media recommendations.</li>
<li><strong>Technical Data:</strong> We temporarily process IP addresses and device fingerprints solely
for security (e.g., CAPTCHA verification) and rate-limiting.</li>
</ul>
<h3>3. How We Use Your Information</h3>
<p>Your data is used strictly to operate and improve the platform:</p>
<ul>
<li>To authenticate your account and sync your personalized library across devices.</li>
<li>To provide AI-driven search results and media recommendations based on your activity.</li>
<li>To maintain platform security, prevent bot abuse, and enforce rate limits.</li>
</ul>
<h3>4. Third-Party Services</h3>
<p>Vyla relies on essential third-party providers. We do not sell or trade your data to advertisers. We
share minimal necessary data with:</p>
<ul>
<li><strong>Supabase:</strong> Used for secure user authentication, database management, and hosting
your cloud-synced
settings, history, and favorites.</li>
<li><strong>The Movie Database (TMDB):</strong> Used to fetch movie and TV show metadata. No personal
user data is shared with TMDB.</li>
<li><strong>Cloudflare (Turnstile):</strong> Used to prevent automated bot attacks during registration
and login.</li>
<li><strong>Vexa AI:</strong> Used to process natural language queries for our AI Search feature. Search
queries are sent anonymously.</li>
</ul>
<h3>5. Local Storage & Cookies</h3>
<p>Vyla heavily utilizes your browser's Local Storage and Session Storage to cache TMDB metadata, store
offline settings (such as themes and layouts), and manage your active session. You can clear this data
at any time via the "Clear Cache" button in the Advanced Settings menu or your browser settings.</p>
<h3>6. Data Rights & Control</h3>
<p>You have full control over your data. Within your account settings, you can export your data (history,
favorites, watch later), clear your local cache, or request full account deletion via our official
community channels.</p>
<h3>7. Contact Us</h3>
<p>If you have any questions regarding this Privacy Policy or your data, please reach out to us via our
official Discord server.</p>
</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/35997189/15263283_3840_2160_25fps.mp4" autoplay loop muted
playsinline webkit-playsinline preload="auto" 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="https://gitlab.com/api/v4/projects/vyla-entertainment%2Fhome/packages/generic/vyla-home/v1.0.0/Vyla-Home_1.0.0_x64-setup.exe"
target="_blank" rel="noopener noreferrer">Download Now</a>
</div>
</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>
</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="200px"
height="95px">
</div>
<div class="footer-bottom">
<a href="/fuckinggodihatethisprojectijustwantoenditall" class="secret-footer">
&copy; 2025 Vyla Entertainment. All rights reserved.
</a>
</div>
</footer>
<script type="module" src="/src/scripts/main.js"></script>
</body>
</html>

View File

@@ -1,132 +0,0 @@
[
{
"image": "assets/static/background-with-logo.png",
"alt": "Soluna Script Loader Screenshot",
"title": "Soluna Script Loader",
"links": [
{
"href": "https://gitlab.com/soluna-development/api/-/raw/main/src/Loader.lua"
}
]
},
{
"image": "https://tr.rbxcdn.com/180DAY-15eb19b4816654a3270689171a3dbdef/768/432/Image/Webp/noFilter",
"alt": "Rivals Classic Script Screenshot",
"title": "Rivals Classic",
"links": [
{
"href": "https://gitlab.com/soluna-development/api/-/raw/main/src/scripts/Rivals/Classic.lua"
}
]
},
{
"image": "https://tr.rbxcdn.com/180DAY-27507ba164fae9b46c68047d34d0078b/768/432/Image/Webp/noFilter",
"alt": "Rivals Modern Script Screenshot",
"title": "Rivals Modern",
"links": [
{
"href": "https://gitlab.com/soluna-development/api/-/raw/main/src/scripts/Rivals/Modern.lua"
}
]
},
{
"image": "https://tr.rbxcdn.com/180DAY-4ca6e066ef51f10829f653ca849f350d/768/432/Image/Webp/noFilter",
"alt": "Rivals Rewrite Script Screenshot",
"title": "Rivals Rewrite",
"links": [
{
"href": "https://gitlab.com/soluna-development/api/-/raw/main/src/scripts/Rivals/Rewrite.lua"
}
]
},
{
"image": "https://tr.rbxcdn.com/180DAY-c66296c3f8c6e16eb6f6eecca67c4710/768/432/Image/Webp/noFilter",
"alt": "Rivals Skin Changer Script Screenshot",
"title": "Rivals Skin Changer",
"links": [
{
"href": "https://gitlab.com/soluna-development/api/-/raw/main/src/scripts/Rivals/Skin-Changer.lua"
}
]
},
{
"image": "https://tr.rbxcdn.com/180DAY-fd5d29ef7df403915891862d02ae09bb/768/432/Image/Webp/noFilter",
"alt": "Arsenal Script Screenshot",
"title": "Arsenal",
"links": [
{
"href": "https://gitlab.com/soluna-development/api/-/raw/main/src/scripts/Arsenal.lua"
}
]
},
{
"image": "https://tr.rbxcdn.com/180DAY-aa0679c96e6ce33f961087cebcc07ce6/768/432/Image/Webp/noFilter",
"alt": "Blade Ball Script Screenshot",
"title": "Blade Ball",
"links": [
{
"href": "https://gitlab.com/soluna-development/api/-/raw/main/src/scripts/Bladeball.lua"
}
]
},
{
"image": "https://tr.rbxcdn.com/180DAY-fe7335c3ad752e84323cd81ae38de69a/768/432/Image/Webp/noFilter",
"alt": "Murder Mystery 2 Script Screenshot",
"title": "Murder Mystery 2",
"links": [
{
"href": "https://gitlab.com/soluna-development/api/-/raw/main/src/scripts/Murder-Mystery-2.lua"
}
]
},
{
"image": "https://tr.rbxcdn.com/180DAY-643b9b9285f3bd9b63cf392db12a4d87/768/432/Image/Webp/noFilter",
"alt": "99 Nights in the Forest Script Screenshot",
"title": "99 Nights in the Forest",
"links": [
{
"href": "https://gitlab.com/soluna-development/api/-/raw/main/src/scripts/99-Nights-in-the-Forest.lua"
}
]
},
{
"image": "https://tr.rbxcdn.com/180DAY-9fb820a5978cb6a5125861c3f0cbe131/768/432/Image/Webp/noFilter",
"alt": "The Wild West Script Screenshot",
"title": "The Wild West",
"links": [
{
"href": "https://gitlab.com/soluna-development/api/-/raw/main/src/scripts/The-Wild-West.lua"
}
]
},
{
"image": "https://tr.rbxcdn.com/180DAY-09f0d9b97f35839568ec129016b18485/768/432/Image/Webp/noFilter",
"alt": "Doors Script Screenshot",
"title": "Doors",
"links": [
{
"href": "https://gitlab.com/soluna-development/api/-/raw/main/src/scripts/Doors.lua"
}
]
},
{
"image": "https://tr.rbxcdn.com/180DAY-20254f91c5043de87f6cc8adb218c624/768/432/Image/Webp/noFilter",
"alt": "Fling Things and People Script Screenshot",
"title": "Fling Things and People",
"links": [
{
"href": "https://gitlab.com/soluna-development/api/-/raw/main/src/scripts/Fling-Things-and-People.lua"
}
]
},
{
"image": "https://tr.rbxcdn.com/180DAY-be85b5af1040324de15123ab4208cf84/768/432/Image/Webp/noFilter",
"alt": "Murderers VS Sheriffs DUELS Script Screenshot",
"title": "Murderers VS Sheriffs DUELS",
"links": [
{
"href": "https://gitlab.com/soluna-development/api/-/raw/main/src/scripts/Murderers-VS-Sheriffs-DUELS.lua"
}
]
}
]

View File

@@ -3,14 +3,12 @@ export const DISCORD_INVITE_URL = `https://discord.gg/${DISCORD_INVITE_CODE}`;
export const DISCORD_LOADER_SCRIPT = 'loadstring(game:HttpGet("https://gitlab.com/soluna-development/api/-/raw/main/src/Loader.lua"))()';
export const DATA_PATHS = {
scripts: 'src/data/scripts.json',
partners: 'src/data/partners.json',
reviews: 'src/data/reviews.json',
showcases: 'src/data/showcases.json',
};
export const DISCORD_INVITE_API = `https://discord.com/api/v10/invites/${DISCORD_INVITE_CODE}?with_counts=true`;
export const WEAO_EXECUTORS_ENDPOINT = 'https://weao.xyz/api/status/exploits';
export const COPY_FEEDBACK_DURATION_MS = 1800;
export const REVEAL_THRESHOLD = 0.15;

View File

@@ -1,34 +1,18 @@
import { observeReveals } from './animations/reveal-observer.js';
import { initHeroSection } from './sections/hero.js';
import { initStatsSection } from './sections/stats.js';
import { initScriptsSection } from './sections/scripts.js';
import { initTestimonialsSection } from './sections/testimonials.js';
import { initExecutorsSection } from './sections/executors.js';
import { initShowcasesSection } from './sections/showcases.js';
import { initPartnersSection } from './sections/partners.js';
import { initFaqSection } from './sections/faq.js';
import { getExecutors } from './services/executors-service.js';
import { initStatsSection } from './sections/stats.js';
function initApp() {
observeReveals();
initHeroSection();
initStatsSection();
initScriptsSection();
initTestimonialsSection();
initExecutorsSection();
initShowcasesSection();
initPartnersSection();
initFaqSection();
window.debugExecutors = async () => {
try {
const executors = await getExecutors();
return executors;
} catch (error) {
throw error;
}
};
}
document.addEventListener('DOMContentLoaded', initApp);

View File

@@ -1,35 +0,0 @@
import { getExecutors } from '../services/executors-service.js';
import { createElement } from '../utils/dom.js';
import { createMarqueeLoop, populateLoopedTrack } from '../animations/marquee-loop.js';
const EXECUTOR_ITEM_WIDTH_PX = 180;
const BASE_SPEED = 0.35;
const BOOSTED_SPEED = 2.2;
function createExecutorItem(executor) {
const el = createElement('div', 'executor-item');
const avatar = executor.image
? `<img src="${executor.image}" alt="" onerror="this.parentElement.innerHTML=''" width="28" height="28" loading="lazy" decoding="async">`
: '';
el.innerHTML = `
<span class="executor-avatar">${avatar}</span>
<span class="executor-name">${executor.name}</span>
`;
return el;
}
export async function initExecutorsSection() {
const track = document.getElementById('executors-track');
if (!track) return;
try {
const executors = await getExecutors();
populateLoopedTrack(track, executors, createExecutorItem, EXECUTOR_ITEM_WIDTH_PX);
createMarqueeLoop(track, '--marquee-x', { baseSpeed: BASE_SPEED, boostedSpeed: BOOSTED_SPEED });
} catch (error) {
const wrap = document.querySelector('.executors-marquee-wrap');
if (wrap) {
wrap.innerHTML = '<p style="color: var(--color-muted); text-align:center; width:100%">executors unavailable.</p>';
}
}
}

View File

@@ -1,40 +0,0 @@
import { getScripts } from '../services/scripts-service.js';
import { createScriptCard } from '../components/script-card.js';
import { debounce, isMobileViewport } from '../utils/dom.js';
let snapObserver = null;
function setupSnapGlow(grid) {
if (snapObserver) snapObserver.disconnect();
if (!isMobileViewport()) return;
snapObserver = new IntersectionObserver(
(entries) => {
entries.forEach((entry) => {
entry.target.classList.toggle('in-snap', entry.intersectionRatio >= 0.7);
});
},
{ root: grid, threshold: [0, 0.7, 1] }
);
grid.querySelectorAll('.script-card').forEach((card) => snapObserver.observe(card));
}
export async function initScriptsSection() {
const grid = document.getElementById('scripts-grid');
if (!grid) return;
try {
const scripts = await getScripts();
grid.innerHTML = '';
scripts.forEach((script) => {
const card = createScriptCard(script);
grid.appendChild(card);
});
setupSnapGlow(grid);
window.addEventListener('resize', debounce(() => setupSnapGlow(grid), 200));
} catch (error) {
grid.innerHTML = '<p style="color: var(--color-muted)">scripts unavailable.</p>';
}
}

View File

@@ -1,23 +0,0 @@
import { getShowcaseVideos } from '../services/showcases-service.js';
import { createShowcaseItem } from '../components/showcase-item.js';
import { createMarqueeLoop, populateLoopedTrack } from '../animations/marquee-loop.js';
const SHOWCASE_ITEM_WIDTH_PX = 280;
const BASE_SPEED = 0.4;
const BOOSTED_SPEED = 2.4;
export async function initShowcasesSection() {
const track = document.getElementById('showcase-track');
if (!track) return;
try {
const videos = await getShowcaseVideos();
populateLoopedTrack(track, videos, createShowcaseItem, SHOWCASE_ITEM_WIDTH_PX);
createMarqueeLoop(track, '--showcase-x', { baseSpeed: BASE_SPEED, boostedSpeed: BOOSTED_SPEED });
} catch (error) {
const viewport = document.querySelector('.showcase-viewport');
if (viewport) {
viewport.innerHTML = '<p style="color: var(--color-muted); text-align:center; width:100%">showcases unavailable.</p>';
}
}
}

View File

@@ -1,43 +0,0 @@
import { WEAO_EXECUTORS_ENDPOINT } from '../config/constants.js';
function faviconFromUrl(websiteUrl) {
try {
const host = new URL(websiteUrl).hostname;
return `https://favicone.com/${host}?s=64`;
} catch (error) {
return '';
}
}
function dedupeByName(executors) {
return executors.filter(
(executor, index, all) => all.findIndex((e) => e.name === executor.name) === index
);
}
export async function getExecutors() {
const response = await fetch(WEAO_EXECUTORS_ENDPOINT, {
headers: {
'User-Agent': 'WEAO-3PService'
}
});
if (!response.ok) {
throw new Error(`Failed to fetch executor status: ${response.status} ${response.statusText}`);
}
const data = await response.json();
if (!Array.isArray(data) || data.length === 0) {
throw new Error('Empty executor response');
}
const executors = data
.filter((entry) => !entry.hidden && entry.extype !== 'wexternal')
.map((entry) => ({
name: entry.title,
image: entry.websitelink ? faviconFromUrl(entry.websitelink) : '',
}));
return dedupeByName(executors);
}

View File

@@ -1,59 +0,0 @@
.executors-marquee-wrap {
position: relative;
width: 100%;
}
.executors-marquee-row {
overflow: hidden;
width: 100%;
}
.executors-marquee-track {
display: flex;
align-items: center;
gap: clamp(2rem, 5vw, 3.5rem);
width: max-content;
transform: translate3d(var(--marquee-x, 0px), 0, 0);
will-change: transform;
}
.executor-item {
display: flex;
align-items: center;
gap: 0.625rem;
flex-shrink: 0;
opacity: 0.45;
filter: grayscale(0.3);
transition: opacity var(--duration-base) ease, filter var(--duration-base) ease;
}
.executor-item:hover {
opacity: 1;
filter: grayscale(0);
}
.executor-avatar {
width: 28px;
height: 28px;
border-radius: 8px;
background: var(--color-border);
overflow: hidden;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
}
.executor-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.executor-name {
font-size: clamp(0.95rem, 2vw, 1.15rem);
font-weight: 700;
color: var(--color-fg);
white-space: nowrap;
letter-spacing: -0.01em;
}

View File

@@ -3,7 +3,7 @@
flex-direction: column;
align-items: center;
gap: 0.85rem;
padding-top: 120px;
padding-top: 3rem;
}
.partners-label {

View File

@@ -1,77 +0,0 @@
.showcase-viewport {
overflow: hidden;
-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
}
.showcase-track {
display: flex;
width: max-content;
gap: clamp(0.75rem, 1.5vw, 1.25rem);
transform: translate3d(var(--showcase-x, 0px), 0, 0);
will-change: transform;
}
.showcase-item {
flex: 0 0 auto;
width: clamp(220px, 22vw, 280px);
opacity: 0;
transition: opacity var(--duration-base) ease;
}
.showcase-item.loaded {
opacity: 1;
}
.showcase-card {
position: relative;
display: block;
width: 100%;
aspect-ratio: 16 / 9;
border-radius: var(--radius-md);
overflow: hidden;
background: var(--color-border);
cursor: pointer;
border: none;
padding: 0;
transition: transform var(--duration-base) var(--ease-standard);
}
.showcase-thumb {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: filter var(--duration-base) ease;
}
.showcase-card:hover .showcase-thumb {
filter: brightness(0.7);
}
.showcase-play {
position: absolute;
inset: 0;
margin: auto;
width: 46px;
height: 46px;
display: flex;
align-items: center;
justify-content: center;
border-radius: var(--radius-pill);
background: rgba(0, 0, 0, 0.55);
color: #fff;
pointer-events: none;
transition: background var(--duration-fast) ease, transform var(--duration-fast) ease;
}
.showcase-card:hover .showcase-play {
background: rgba(0, 0, 0, 0.75);
transform: scale(1.08);
}
@media (max-width: 640px) {
.showcase-item {
width: clamp(200px, 62vw, 260px);
}
}

View File

@@ -14,8 +14,8 @@
font-weight: 400
}
.footer-section h4 {
font-size: 16px;
.footer-section h2 {
font-size: 1rem;
font-weight: 700;
margin-bottom: 7px
}

View File

@@ -0,0 +1,82 @@
.content-wrapper {
width: min(900px, calc(100% - 2 * var(--content-padding-inline)));
margin: 0 auto;
padding: var(--space-3xl) 0 var(--space-4xl);
color: var(--color-fg);
font-family: var(--font-body);
line-height: 1.7;
}
.content-wrapper h2 {
margin: 0 0 var(--space-xs);
color: var(--color-fg);
font-family: var(--font-display);
font-size: 2rem;
font-weight: 700;
letter-spacing: -0.03em;
line-height: 1.2;
}
.content-wrapper h3 {
margin: var(--space-2xl) 0 var(--space-sm);
color: var(--color-fg);
font-family: var(--font-display);
font-size: 1.1rem;
font-weight: 650;
letter-spacing: -0.015em;
line-height: 1.4;
}
.content-wrapper p {
margin: 0 0 var(--space-lg);
color: var(--color-fg-dim);
font-size: 0.95rem;
}
.content-wrapper>p:first-of-type {
margin-bottom: var(--space-2xl);
color: var(--color-muted);
font-size: 0.875rem;
}
.content-wrapper strong {
color: var(--color-fg);
font-weight: 600;
}
.content-wrapper ul {
margin: calc(var(--space-xs) * -1) 0 var(--space-lg);
padding-left: var(--space-xl);
color: var(--color-fg-dim);
}
.content-wrapper li {
margin-bottom: var(--space-sm);
padding-left: var(--space-3xs);
}
.content-wrapper li::marker {
color: var(--color-muted);
}
@media (max-width: 600px) {
.content-wrapper {
width: calc(100% - 2 * var(--content-padding-inline));
padding-top: var(--space-2xl);
padding-bottom: var(--space-3xl);
}
.content-wrapper h2 {
font-size: 1.65rem;
}
.content-wrapper h3 {
margin-top: var(--space-xl);
font-size: 1rem;
}
.content-wrapper p,
.content-wrapper li {
font-size: 0.9rem;
}
}

View File

@@ -77,6 +77,10 @@
border-radius: var(--radius-lg);
background: var(--color-bg-card);
overflow: hidden;
mask-composite: intersect;
mask-image: linear-gradient(to top, transparent, black 50%), linear-gradient(to top, transparent, black 20%);
mask-repeat: no-repeat;
mask-size: 100% 100%;
}
.feature-block,

View File

@@ -79,3 +79,60 @@
padding-top: 0px;
}
}
.hero-preview-wrap {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 980px;
margin-top: 2.25rem;
position: relative;
}
.platform-pill {
display: inline-flex;
align-items: center;
gap: 0.5rem;
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(8px) saturate(140%);
-webkit-backdrop-filter: blur(8px) saturate(140%);
border: none;
padding: 0.35rem 0.85rem;
border-radius: var(--radius-pill);
font-size: 0.75rem;
font-weight: 500;
color: var(--color-fg-dim);
margin-bottom: 1.25rem;
}
.platform-pill svg {
color: var(--color-fg);
}
.hero-screen-mockup {
position: relative;
width: 100%;
overflow: hidden;
}
.hero-screen-mockup img {
width: 100%;
height: auto;
display: block;
aspect-ratio: 16 / 9;
object-fit: cover;
}
@media (max-width: 768px) {
.hero-preview-wrap {
margin-top: 1.75rem;
}
}
@media (orientation: landscape) and (max-width: 1024px) {
.hero-screen-mockup {
width: 60%;
margin-right: auto;
}
}

View File

@@ -1,13 +0,0 @@
.showcases-section {
padding: clamp(3rem, 7vw, 5rem) 0 clamp(2rem, 6vw, 4rem);
overflow: hidden;
}
.showcases-heading {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.5rem;
text-align: center;
margin-bottom: clamp(2rem, 5vw, 3rem);
}

364
terms-of-service/index.html Normal file
View File

@@ -0,0 +1,364 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="format-detection" content="telephone=no">
<meta name="referrer" content="no-referrer-when-downgrade">
<title>Vyla Home - Self-Hosted Desktop Media Center | Serverless Streaming & Entertainment Platform</title>
<meta name="description"
content="Vyla Home is a revolutionary standalone desktop media center that bypasses datacenter blocking, ISP throttling, and cloud downtime. Experience self-hosted streaming, 4K movies, TV shows, and anime with complete privacy and zero server dependencies.">
<meta name="keywords"
content="vyla home, desktop media center, self-hosted streaming, serverless entertainment, media player, movies, tv shows, anime, 4K streaming, bypass ISP throttling, datacenter blocking, local media vault, encrypted storage, desktop application, offline streaming, personal entertainment">
<meta name="author" content="Vyla Entertainment">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
<meta name="googlebot" content="index, follow">
<meta name="language" content="English">
<meta name="geo.region" content="US">
<meta name="geo.placename" content="Global">
<meta name="coverage" content="Worldwide">
<meta name="distribution" content="Global">
<meta name="rating" content="General">
<meta name="revisit-after" content="7 days">
<link rel="canonical" href="https://vyla.cc/">
<meta name="application-name" content="Vyla Home">
<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">
<link rel="icon" href="/assets/images/favicon.ico" type="image/x-icon">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/images/apple-touch-icon.png">
<link rel="manifest" href="/manifest.json">
<link rel="dns-prefetch" href="https://fonts.googleapis.com">
<link rel="dns-prefetch" href="https://fonts.gstatic.com">
<link rel="dns-prefetch" href="https://gitlab.com">
<link rel="dns-prefetch" href="https://discord.com">
<link rel="dns-prefetch" href="https://videos.pexels.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://discord.com" crossorigin>
<meta http-equiv="Content-Security-Policy" content="default-src 'self' https: data: 'unsafe-inline' 'unsafe-eval';">
<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:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Vyla Home Desktop Media Center Interface">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Vyla Home">
<meta property="og:url" content="https://vyla.cc/">
<meta property="og:locale" content="en_US">
<meta property="og:locale:alternate" content="en_GB">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@VylaEntertainment">
<meta name="twitter:creator" content="@VylaEntertainment">
<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: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="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-config" content="/browserconfig.xml">
<link rel="apple-touch-icon" href="favicon.ico">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&display=swap">
<link rel="stylesheet" href="/src/styles/base/tokens.css">
<link rel="stylesheet" href="/src/styles/base/reset.css">
<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/layout/nav.css">
<link rel="stylesheet" href="/src/styles/sections/hero-atmosphere.css">
<link rel="stylesheet" href="/src/styles/sections/hero-content.css">
<link rel="stylesheet" href="/src/styles/layout/footer.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/components/buttons.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/components/pills.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/components/stats.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/components/script-card.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/components/marquee.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/components/testimonial-card.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/components/modal.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/components/partners.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/components/faq.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/sections/section-base.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/sections/testimonials.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/sections/features.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/sections/faq-section.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/sections/cta-banner.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/utilities/responsive.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/src/styles/pages/other.css" />
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "SoftwareApplication",
"name": "Vyla Home",
"applicationCategory": "MultimediaApplication",
"operatingSystem": "Windows",
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "USD"
},
"description": "Vyla Home is a revolutionary standalone desktop media center that bypasses datacenter blocking, ISP throttling, and cloud downtime. Experience self-hosted streaming, 4K movies, TV shows, and anime with complete privacy and zero server dependencies.",
"url": "https://vyla.cc/",
"author": {
"@type": "Organization",
"name": "Vyla Entertainment",
"url": "https://gitlab.com/vyla-entertainment/home"
},
"publisher": {
"@type": "Organization",
"name": "Vyla Entertainment",
"url": "https://gitlab.com/vyla-entertainment/home"
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.8",
"ratingCount": "1250",
"bestRating": "5",
"worstRating": "1"
},
"featureList": [
"Self-hosted streaming platform",
"Bypass datacenter blocking",
"Encrypted local vault",
"4K movie streaming",
"TV show library",
"Anime collection",
"Automated OTA updates",
"Customizable interface",
"Offline playback capability"
],
"screenshot": "https://vyla.cc/assets/images/thumbnail.png",
"softwareVersion": "1.0.0",
"datePublished": "2025-01-01",
"downloadUrl": "https://gitlab.com/api/v4/projects/vyla-entertainment%2Fhome/packages/generic/vyla-home/v1.0.0/Vyla-Home_1.0.0_x64-setup.exe",
"license": "https://gitlab.com/vyla-entertainment/home/-/blob/main/LICENSE"
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "Vyla Home",
"url": "https://vyla.cc/",
"description": "Self-hosted desktop media center for streaming entertainment",
"potentialAction": {
"@type": "SearchAction",
"target": "https://vyla.cc/?q={search_term_string}",
"query-input": "required name=search_term_string"
},
"publisher": {
"@type": "Organization",
"name": "Vyla Entertainment",
"url": "https://gitlab.com/vyla-entertainment/home",
"logo": "https://vyla.cc/assets/images/header_logo.png"
}
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Vyla Entertainment",
"url": "https://vyla.cc/",
"logo": "https://vyla.cc/assets/images/header_logo.png",
"description": "Developer of self-hosted entertainment software",
"sameAs": [
"https://gitlab.com/vyla-entertainment/home",
"https://discord.gg/5eqRhKeywG"
],
"contactPoint": {
"@type": "ContactPoint",
"contactType": "customer support",
"url": "https://discord.gg/5eqRhKeywG"
}
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "What is Vyla Home?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Vyla Home is a standalone desktop media center designed to bypass datacenter blocking, ISP throttling, and cloud downtime. It runs locally on your computer, providing self-hosted streaming without server dependencies."
}
},
{
"@type": "Question",
"name": "How does Vyla Home bypass datacenter blocking?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Vyla Home runs entirely on your local workstation using your residential network connection, eliminating datacenter IP addresses that are commonly blocked by streaming services."
}
},
{
"@type": "Question",
"name": "Is Vyla Home free to use?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Yes, Vyla Home is completely free and open-source. You can download it from our GitLab repository without any cost."
}
}
]
}
</script>
</head>
<body>
<header role="banner">
<nav class="nav" role="navigation" aria-label="Main navigation">
<div class="nav-container">
<a href="/" class="logo" aria-label="Vyla Home - Home">Vyla Home</a>
</div>
</nav>
</header>
<main class="main-content">
<div class="content-wrapper">
<h2>Terms of Service</h2>
<p><strong>Effective Date:</strong> August 6, 2026</p>
<h3>1. Acceptance of Terms</h3>
<p>By accessing or using Vyla, you agree to be bound by these Terms of Service. If you do not agree with any
part of these terms, you must discontinue your use of the platform immediately.</p>
<h3>2. Nature of the Service</h3>
<p>Vyla is a media discovery, metadata indexer, and personal tracking platform. <strong>We do not host,
upload, or store any media files, video streams, or copyrighted material on our servers.</strong>
</p>
<p>All video content, streaming links, and download links provided through the Vyla interface are scraped or
embedded from third-party services, APIs, and public domains. Vyla acts strictly as a client-side
interface and aggregator.</p>
<h3>3. Intellectual Property & Copyright (DMCA)</h3>
<p>Vyla respects the intellectual property rights of others. Because we do not host any media files, we
cannot delete them from the internet. However, if you are a copyright owner and find that Vyla is
indexing a third-party link that infringes upon your rights, you may submit a request to have the
specific indexing reference (TMDB ID) removed from our platform's search and display interface. Contact
us via our official Discord server for removal requests.</p>
<h3>4. User Conduct & Acceptable Use</h3>
<p>When using Vyla, you agree not to:</p>
<ul>
<li>Use automated scripts, scrapers, or bots to extract data from our APIs or interface.</li>
<li>Abuse, spam, or reverse-engineer our AI Search endpoint or authentication gateways.</li>
<li>Attempt to bypass Cloudflare Turnstile or any rate-limiting security measures.</li>
<li>Use the platform for any illegal activities or to distribute malicious software.</li>
</ul>
<h3>5. Accounts & Security</h3>
<p>You are responsible for maintaining the confidentiality of your account credentials. Because Vyla does
not require a real email address, password recovery may not be possible if you lose your login details.
We reserve the right to suspend or terminate accounts that violate these Terms or place an undue burden
on our infrastructure.</p>
<h3>6. Third-Party Links & Liability</h3>
<p>Vyla is not responsible for the content, security, or privacy practices of the third-party video players,
streaming sources, or download APIs linked through our service. You interact with these third-party
services entirely at your own risk. Vyla provides these integrations "AS IS" without any warranties of
uptime, legality, or safety.</p>
<h3>7. Changes to the Terms</h3>
<p>We reserve the right to modify these Terms at any time. Continued use of the platform after changes have
been posted constitutes your acceptance of the revised Terms.</p>
</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/35997189/15263283_3840_2160_25fps.mp4" autoplay loop muted
playsinline webkit-playsinline preload="auto" 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="https://gitlab.com/api/v4/projects/vyla-entertainment%2Fhome/packages/generic/vyla-home/v1.0.0/Vyla-Home_1.0.0_x64-setup.exe"
target="_blank" rel="noopener noreferrer">Download Now</a>
</div>
</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>
</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="200px"
height="95px">
</div>
<div class="footer-bottom">
<a href="/fuckinggodihatethisprojectijustwantoenditall" class="secret-footer">
&copy; 2025 Vyla Entertainment. All rights reserved.
</a>
</div>
</footer>
<script type="module" src="/src/scripts/main.js"></script>
</body>
</html>