Files
home-frontend/index.html
2026-09-26 12:28:32 -07:00

155 lines
6.8 KiB
HTML

<!DOCTYPE html>
<html lang="en" dir="ltr">
<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="strict-origin-when-cross-origin">
<title>Vyla Home - Self-Hosted Desktop Media Center | Serverless Streaming &amp; Entertainment Platform</title>
<meta name="description"
content="Vyla Home is an ultra-fast, self-hosted standalone desktop media center that bypasses datacenter blocks, ISP throttling, and cloud downtime. Stream 4K movies, TV, and anime privately.">
<meta name="keywords"
content="vyla home, desktop media center, self-hosted streaming, serverless entertainment, media player, 4K streaming, bypass ISP throttling, local media vault, encrypted storage, desktop application">
<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="theme-color" content="#000000">
<meta name="color-scheme" content="dark">
<link rel="canonical" href="https://vyla.cc/">
<meta property="og:title" content="Vyla Home - Self-Hosted Desktop Media Center | Serverless Streaming">
<meta property="og:description"
content="Experience high-performance self-hosted streaming with Vyla Home. Direct connection, zero tracking, hardware-accelerated 4K playback.">
<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 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 high-performance self-hosted streaming with Vyla Home. Direct connection, zero tracking, hardware-accelerated 4K playback.">
<meta name="twitter:image" content="https://vyla.cc/assets/images/thumbnail.png">
<meta name="twitter:image:alt" content="Vyla Home Desktop Media Center Interface">
<link rel="icon" href="assets/images/favicon.ico" sizes="any">
<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="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap">
<script src="src/javascript/fetch.js"></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "WebSite",
"@id": "https://vyla.cc/#website",
"url": "https://vyla.cc/",
"name": "Vyla Home",
"description": "Self-Hosted Desktop Media Center",
"publisher": {
"@id": "https://vyla.cc/#organization"
}
},
{
"@type": "Organization",
"@id": "https://vyla.cc/#organization",
"name": "Vyla Entertainment",
"url": "https://vyla.cc/",
"logo": "https://vyla.cc/assets/images/header_logo.png",
"sameAs": [
"https://gitlab.com/vyla-entertainment/home",
"https://discord.gg/5eqRhKeywG"
]
},
{
"@type": "SoftwareApplication",
"@id": "https://vyla.cc/#application",
"name": "Vyla Home",
"applicationCategory": "MultimediaApplication",
"operatingSystem": "Windows, macOS, Android",
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "USD"
},
"description": "Vyla Home is a standalone desktop media center that bypasses datacenter blocking, ISP throttling, and cloud downtime with complete privacy.",
"url": "https://vyla.cc/",
"author": {
"@id": "https://vyla.cc/#organization"
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.9",
"ratingCount": "1250",
"bestRating": "5",
"worstRating": "1"
}
}
]
}
</script>
</head>
<body>
<pre>
yea i don't feel like having a ui for this but trust me Vyla is AWESOME
download vyla using these links:
for windows: <a id="windows-download" href="">loading...</a>
for mac: <a id="mac-download" href="">loading...</a>
for android: <a id="android-download" href="">loading...</a>
</pre>
<pre>screenshots! </pre>
<div class="gallery">
<img src="assets\images\features\1.png" alt="Feature 1">
<img src="assets\images\features\2.png" alt="Feature 2">
<img src="assets\images\features\3.png" alt="Feature 3">
<img src="assets\images\features\4.png" alt="Feature 4">
<img src="assets\images\features\5.png" alt="Feature 5">
<img src="assets\images\features\6.png" alt="Feature 6">
</div>
<footer class="footer">
<pre>thanks for reading :-P</pre>
<links>
<pre></pre>
<a href="https://gitlab.com/vyla-entertainment/home">gitlab</a>
<a href="https://discord.gg/5eqRhKeywG">discord</a>
<pre></pre>
<a href="https://docs.vyla.cc">docs</a>
<pre></pre>
we have a nice api so you can create your own Vyla.
</links>
</footer>
</body>
<link rel="stylesheet" href="/src/styling/grid.css">
<link rel="stylesheet" href="/src/styling/footer.css">
</html>