mirror of
https://gitlab.com/vyla-entertainment/home-frontend.git
synced 2026-11-09 20:57:25 -05:00
updated sites UI, added links
This commit is contained in:
366
about-us/index.html
Normal file
366
about-us/index.html
Normal 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">
|
||||||
|
© 2025 Vyla Entertainment. All rights reserved.
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<script type="module" src="/src/scripts/main.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
BIN
assets/images/desktop-preview.png
Normal file
BIN
assets/images/desktop-preview.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 MiB |
BIN
assets/images/favicon.ico
Normal file
BIN
assets/images/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
BIN
favicon.ico
Normal file
BIN
favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
147
index.html
147
index.html
@@ -32,7 +32,7 @@
|
|||||||
<meta name="msapplication-navbutton-color" content="#1a1a2e">
|
<meta name="msapplication-navbutton-color" content="#1a1a2e">
|
||||||
|
|
||||||
<link rel="icon" href="assets/images/favicon.ico" type="image/x-icon">
|
<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="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="apple-touch-icon" sizes="180x180" href="assets/images/apple-touch-icon.png">
|
||||||
<link rel="manifest" href="manifest.json">
|
<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" content="https://vyla.cc/assets/images/thumbnail.png">
|
||||||
<meta name="twitter:image:alt" content="Vyla Home Desktop Media Center Interface">
|
<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">
|
<link rel="manifest" href="manifest.json">
|
||||||
|
|
||||||
@@ -82,11 +82,10 @@
|
|||||||
<meta name="msapplication-TileColor" content="#1a1a2e">
|
<meta name="msapplication-TileColor" content="#1a1a2e">
|
||||||
<meta name="msapplication-config" content="/browserconfig.xml">
|
<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">
|
<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/tokens.css">
|
||||||
<link rel="stylesheet" href="src/styles/base/reset.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/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-atmosphere.css">
|
||||||
<link rel="stylesheet" href="src/styles/sections/hero-content.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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/utilities/responsive.css" media="print" onload="this.media='all'">
|
||||||
@@ -328,12 +322,58 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="hero-cta-row reveal">
|
<div class="hero-cta-row reveal">
|
||||||
<a class="hero-cta hero-cta-dark" id="hero-copy-script-btn"
|
<a class="hero-cta hero-cta-dark" id="hero-copy-script-btn" href="#" target="_blank"
|
||||||
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"
|
rel="noopener noreferrer">
|
||||||
target="_blank" rel="noopener noreferrer">Download Release v1.0.0</a>
|
Download Release v0.0.0
|
||||||
|
</a>
|
||||||
|
|
||||||
<a class="hero-cta hero-cta-light" href="https://gitlab.com/vyla-entertainment/home/-/releases"
|
<a class="hero-cta hero-cta-light" href="https://gitlab.com/vyla-entertainment/home/-/releases"
|
||||||
target="_blank" rel="noopener noreferrer">
|
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>
|
||||||
|
|
||||||
<div class="partners-inline reveal" id="partners-grid-wrap">
|
<div class="partners-inline reveal" id="partners-grid-wrap">
|
||||||
@@ -352,42 +392,8 @@
|
|||||||
<span class="stat-value" id="stat-online"></span>
|
<span class="stat-value" id="stat-online"></span>
|
||||||
<span class="stat-label">Online Now</span>
|
<span class="stat-label">Online Now</span>
|
||||||
</div>
|
</div>
|
||||||
<!--
|
|
||||||
<div class="stat-item reveal">
|
|
||||||
<span class="stat-value" id="stat-scripts"></span>
|
|
||||||
<span class="stat-label">Supported Sources</span>
|
|
||||||
</div>
|
|
||||||
-->
|
|
||||||
</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">
|
<section id="features" class="section features-section" aria-labelledby="features-heading">
|
||||||
<div class="container features-container">
|
<div class="container features-container">
|
||||||
<header class="features-heading reveal">
|
<header class="features-heading reveal">
|
||||||
@@ -560,31 +566,44 @@
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<footer class="footer" role="contentinfo">
|
<footer class="footer">
|
||||||
<div class="footer-content">
|
<div class="footer-content">
|
||||||
<div class="footer-section">
|
<div class="footer-section">
|
||||||
<h3>Vyla Home</h3>
|
<h2>Vyla</h2>
|
||||||
<p>A solo passion project built for resilient, serverless, personal entertainment playback. Run locally,
|
<p>Vyla is a passion project born from a love for film and television.</p>
|
||||||
own your experience.</p>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="footer-section">
|
<div class="footer-section">
|
||||||
<h3>Join our Discord</h3>
|
<h2>Backup Site:</h2>
|
||||||
<nav class="social-links" aria-label="Social media links">
|
<p><a href="https://vyla.qzz.io" target="_blank" rel="noopener">https://vyla.qzz.io</a>
|
||||||
<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>
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</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>
|
||||||
<div class="footer-bottom">
|
<div class="footer-bottom">
|
||||||
<p>© 2025 Vyla Entertainment. Personal local desktop software suite.</p>
|
<a href="/fuckinggodihatethisprojectijustwantoenditall" class="secret-footer">
|
||||||
|
© 2025 Vyla Entertainment. All rights reserved.
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
|
|||||||
377
privacy-policy/index.html
Normal file
377
privacy-policy/index.html
Normal 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">
|
||||||
|
© 2025 Vyla Entertainment. All rights reserved.
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<script type="module" src="/src/scripts/main.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@@ -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"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
@@ -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 DISCORD_LOADER_SCRIPT = 'loadstring(game:HttpGet("https://gitlab.com/soluna-development/api/-/raw/main/src/Loader.lua"))()';
|
||||||
|
|
||||||
export const DATA_PATHS = {
|
export const DATA_PATHS = {
|
||||||
scripts: 'src/data/scripts.json',
|
|
||||||
partners: 'src/data/partners.json',
|
partners: 'src/data/partners.json',
|
||||||
reviews: 'src/data/reviews.json',
|
reviews: 'src/data/reviews.json',
|
||||||
showcases: 'src/data/showcases.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 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 COPY_FEEDBACK_DURATION_MS = 1800;
|
||||||
export const REVEAL_THRESHOLD = 0.15;
|
export const REVEAL_THRESHOLD = 0.15;
|
||||||
|
|||||||
@@ -1,34 +1,18 @@
|
|||||||
import { observeReveals } from './animations/reveal-observer.js';
|
import { observeReveals } from './animations/reveal-observer.js';
|
||||||
import { initHeroSection } from './sections/hero.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 { initTestimonialsSection } from './sections/testimonials.js';
|
||||||
import { initExecutorsSection } from './sections/executors.js';
|
|
||||||
import { initShowcasesSection } from './sections/showcases.js';
|
|
||||||
import { initPartnersSection } from './sections/partners.js';
|
import { initPartnersSection } from './sections/partners.js';
|
||||||
import { initFaqSection } from './sections/faq.js';
|
import { initFaqSection } from './sections/faq.js';
|
||||||
import { getExecutors } from './services/executors-service.js';
|
import { initStatsSection } from './sections/stats.js';
|
||||||
|
|
||||||
function initApp() {
|
function initApp() {
|
||||||
observeReveals();
|
observeReveals();
|
||||||
|
|
||||||
initHeroSection();
|
initHeroSection();
|
||||||
initStatsSection();
|
initStatsSection();
|
||||||
initScriptsSection();
|
|
||||||
initTestimonialsSection();
|
initTestimonialsSection();
|
||||||
initExecutorsSection();
|
|
||||||
initShowcasesSection();
|
|
||||||
initPartnersSection();
|
initPartnersSection();
|
||||||
initFaqSection();
|
initFaqSection();
|
||||||
|
|
||||||
window.debugExecutors = async () => {
|
|
||||||
try {
|
|
||||||
const executors = await getExecutors();
|
|
||||||
return executors;
|
|
||||||
} catch (error) {
|
|
||||||
throw error;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
}
|
||||||
|
|
||||||
document.addEventListener('DOMContentLoaded', initApp);
|
document.addEventListener('DOMContentLoaded', initApp);
|
||||||
@@ -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>';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -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>';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -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>';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -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);
|
|
||||||
}
|
|
||||||
@@ -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;
|
|
||||||
}
|
|
||||||
@@ -3,7 +3,7 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 0.85rem;
|
gap: 0.85rem;
|
||||||
padding-top: 120px;
|
padding-top: 3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.partners-label {
|
.partners-label {
|
||||||
|
|||||||
@@ -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);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -14,8 +14,8 @@
|
|||||||
font-weight: 400
|
font-weight: 400
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer-section h4 {
|
.footer-section h2 {
|
||||||
font-size: 16px;
|
font-size: 1rem;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
margin-bottom: 7px
|
margin-bottom: 7px
|
||||||
}
|
}
|
||||||
|
|||||||
82
src/styles/pages/other.css
Normal file
82
src/styles/pages/other.css
Normal 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;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -77,6 +77,10 @@
|
|||||||
border-radius: var(--radius-lg);
|
border-radius: var(--radius-lg);
|
||||||
background: var(--color-bg-card);
|
background: var(--color-bg-card);
|
||||||
overflow: hidden;
|
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,
|
.feature-block,
|
||||||
|
|||||||
@@ -78,4 +78,61 @@
|
|||||||
.hero-container {
|
.hero-container {
|
||||||
padding-top: 0px;
|
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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@@ -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
364
terms-of-service/index.html
Normal 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">
|
||||||
|
© 2025 Vyla Entertainment. All rights reserved.
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<script type="module" src="/src/scripts/main.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user