updated download links n tweaked css for different mobile users

This commit is contained in:
2026-08-22 11:11:10 -07:00
parent f012d4148a
commit 1b4db70930
6 changed files with 138 additions and 15 deletions

View File

@@ -313,10 +313,41 @@
<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>
<a class="hero-cta hero-cta-light" id="cta-copy-script-btn" href="#" target="_blank"
rel="noopener noreferrer">Download Now</a>
</div>
<script>
async function setupLatestDownload() {
const buttons = [
document.getElementById("hero-copy-script-btn"),
document.getElementById("cta-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/, "");
const downloadUrl =
`https://gitlab.com/api/v4/projects/vyla-entertainment%2Fhome/packages/generic/vyla-home/${version}/Vyla-Home_${fileVersion}_x64-setup.exe`;
buttons.forEach(button => {
if (button) button.href = downloadUrl;
});
} catch (error) {
console.error("Failed to resolve latest release:", error);
}
}
setupLatestDownload();
</script>
</section>
<footer class="footer">

View File

@@ -244,7 +244,7 @@
<a href="/" class="logo" aria-label="Vyla Home - Home">Vyla Home</a>
<div class="nav-links">
<a href="#features">Features</a>
<a href="#architecture">Architecture</a>
<a href="#testimonials">Testimonials</a>
<a href="#faq">FAQ</a>
</div>
</div>
@@ -560,10 +560,41 @@
<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>
<a class="hero-cta hero-cta-light" id="cta-copy-script-btn" href="#" target="_blank"
rel="noopener noreferrer">Download Now</a>
</div>
<script>
async function setupLatestDownload() {
const buttons = [
document.getElementById("hero-copy-script-btn"),
document.getElementById("cta-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/, "");
const downloadUrl =
`https://gitlab.com/api/v4/projects/vyla-entertainment%2Fhome/packages/generic/vyla-home/${version}/Vyla-Home_${fileVersion}_x64-setup.exe`;
buttons.forEach(button => {
if (button) button.href = downloadUrl;
});
} catch (error) {
console.error("Failed to resolve latest release:", error);
}
}
setupLatestDownload();
</script>
</section>
<footer class="footer">

View File

@@ -324,10 +324,41 @@
<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>
<a class="hero-cta hero-cta-light" id="cta-copy-script-btn" href="#" target="_blank"
rel="noopener noreferrer">Download Now</a>
</div>
<script>
async function setupLatestDownload() {
const buttons = [
document.getElementById("hero-copy-script-btn"),
document.getElementById("cta-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/, "");
const downloadUrl =
`https://gitlab.com/api/v4/projects/vyla-entertainment%2Fhome/packages/generic/vyla-home/${version}/Vyla-Home_${fileVersion}_x64-setup.exe`;
buttons.forEach(button => {
if (button) button.href = downloadUrl;
});
} catch (error) {
console.error("Failed to resolve latest release:", error);
}
}
setupLatestDownload();
</script>
</section>
<footer class="footer">

View File

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

View File

@@ -1,7 +1,6 @@
.footer {
position: relative;
padding: 48px 24px 24px;
z-index: 1000;
overflow: hidden
}

View File

@@ -311,10 +311,41 @@
<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>
<a class="hero-cta hero-cta-light" id="cta-copy-script-btn" href="#" target="_blank"
rel="noopener noreferrer">Download Now</a>
</div>
<script>
async function setupLatestDownload() {
const buttons = [
document.getElementById("hero-copy-script-btn"),
document.getElementById("cta-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/, "");
const downloadUrl =
`https://gitlab.com/api/v4/projects/vyla-entertainment%2Fhome/packages/generic/vyla-home/${version}/Vyla-Home_${fileVersion}_x64-setup.exe`;
buttons.forEach(button => {
if (button) button.href = downloadUrl;
});
} catch (error) {
console.error("Failed to resolve latest release:", error);
}
}
setupLatestDownload();
</script>
</section>
<footer class="footer">