Skip to content

fix(landing): show the desktop scope instead of the install block on phones #232

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
gnacho merged 2 commits into from
Oct 28, 2026
Merged

fix(landing): show the desktop scope instead of the install block on phones #232

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
50c8b90
feat(landing): replace the install block with a mobile note
gnacho Oct 28, 2026
2af2b87
fix(landing): keep the mobile install note about NextSync only
gnacho Oct 28, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions landing/i18n.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -73,6 +73,8 @@ const I18N = {
"compare.h2": "Solo Linux con GNOME (o un escritorio con StatusNotifier). Nada de Windows ni macOS.",
"compare.h3": "Es una versión temprana: pruébalo con datos no críticos y mantén copias independientes.",
"install.title": "Instalación fácil y rápida",
"install.mTitle": "Instalación",
"install.mBody": "NextSync es una aplicación de escritorio para Linux, pensada para GNOME. No hay versión para Android ni iOS: la instalación se hace en el ordenador.",
"install.lead": "En Arch, CachyOS y derivadas hay paquete listo en cada release.",
"install.copy": "Copiar comando",
"install.copied": "Copiado al portapapeles",
Expand Down Expand Up @@ -171,6 +173,8 @@ const I18N = {
"compare.h2": "Linux with GNOME only (or a desktop with StatusNotifier). No Windows or macOS.",
"compare.h3": "It is an early release: test it with non-critical data and keep independent backups.",
"install.title": "Easy and fast installation",
"install.mTitle": "Installation",
"install.mBody": "NextSync is a Linux desktop application, designed for GNOME. There is no Android or iOS version: installation happens on the computer.",
"install.lead": "On Arch, CachyOS and derivatives there is a ready package in every release.",
"install.copy": "Copy command",
"install.copied": "Copied to clipboard",
Expand Down
12 changes: 8 additions & 4 deletions landing/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=JetBrains+Mono:wght@400;600&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="styles.css?v=5" />
<link rel="stylesheet" href="styles.css?v=7" />
<script type="application/ld+json">
{
"@context": "https://schema.org",
Expand Down Expand Up @@ -210,8 +210,12 @@ <h3 data-i18n="compare.ht">Lo que NextSync no hace (todavía)</h3>
</div></section>

<section class="block alt" id="install"><div class="container">
<h2 class="reveal" data-i18n="install.title">Instalación fácil y rápida</h2>
<p class="lead reveal" data-i18n="install.lead">En Arch, CachyOS y derivadas hay paquete listo en cada release.</p>
<h2 class="reveal install-desk" data-i18n="install.title">Instalación fácil y rápida</h2>
<p class="lead reveal install-desk" data-i18n="install.lead">En Arch, CachyOS y derivadas hay paquete listo en cada release.</p>
<div class="install-mobile">
<h2 data-i18n="install.mTitle">Instalación</h2>
<p data-i18n="install.mBody">NextSync es una aplicación de escritorio para Linux, pensada para GNOME. No hay versión para Android ni iOS: la instalación se hace en el ordenador.</p>
</div>
<div class="card install-card reveal">
<pre class="code-block"><code id="installCmd">sudo pacman -U nextsync-0.2.32-1-x86_64.pkg.tar.zst</code></pre>
<button class="btn suggested" id="copyBtn" data-i18n="install.copy">Copiar comando</button>
Expand Down Expand Up @@ -259,7 +263,7 @@ <h2 class="reveal" data-i18n="about.title">Por qué existe</h2>

<script async data-goatcounter="https://stats.nextsync.cloudless.club/count" src="https://stats.nextsync.cloudless.club/count.js"></script>
<script defer src="https://stat.domatix.com/script.js" data-website-id="0fd3377e-8bba-4651-96e4-82faee5896be"></script>
<script src="i18n.js?v=4"></script>
<script src="i18n.js?v=7"></script>
<script src="app.js?v=5"></script>
</body>
</html>
6 changes: 6 additions & 0 deletions landing/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -264,6 +264,8 @@ a:hover { text-decoration: underline; }
margin: 0 0 1rem;
}
.reqs { margin-top: 1.2rem; }
.install-mobile { display: none; }
.install-mobile p { margin: 0.8rem 0 0; color: var(--fg-dim); }
.small-print { font-size: 0.9rem; color: var(--fg-dim); margin: 0.8rem 0 0; }

/* ---------- FAQ ---------- */
Expand Down Expand Up @@ -328,4 +330,8 @@ dialog#lightbox img { display: block; max-width: 92vw; max-height: 86vh; }
Floating arrows would only cover the screenshot. */
.slider-arrow { display: none; }
.slider-thumbs button { width: 72px; }
/* Phones: a pacman command and GNOME requirements are dead weight.
Keep the honest note about the desktop scope and a mobile client. */
.install-desk, .install-card, .reqs { display: none; }
.install-mobile { display: block; }
}
Loading