From b5b1320776c0585d42baa324e2b02a4497f16d19 Mon Sep 17 00:00:00 2001 From: Jokin Date: Wed, 15 Jul 2026 13:09:29 +0200 Subject: [PATCH] sections reordered --- site/index.html | 164 +++++++++++++++++++++++++++++++++++++++--------- 1 file changed, 134 insertions(+), 30 deletions(-) diff --git a/site/index.html b/site/index.html index fa752d6..4797aa6 100644 --- a/site/index.html +++ b/site/index.html @@ -1,5 +1,6 @@ + @@ -16,32 +17,96 @@ padding: 0 50px; box-sizing: border-box; } - a { color: inherit; } + + a { + color: inherit; + } + .landing { display: flex; flex-direction: column; align-items: center; justify-content: center; - min-height: 100vh; min-height: 100dvh; + min-height: 100vh; + min-height: 100dvh; text-align: center; } - .wordmark { font-size: 64px; font-weight: bold; letter-spacing: -2px; margin: 0; } - .wordmark .lo { color: #999; } - .tagline { color: #555; margin: 10px 0 0; } + + .wordmark { + font-size: 64px; + font-weight: bold; + letter-spacing: -2px; + margin: 0; + } + + .wordmark .lo { + color: #999; + } + + .tagline { + color: #555; + margin: 10px 0 0; + } + /* Image slot for the logo — drop assets/logo.svg in later. */ - .logo { width: 128px; height: 128px; display: block; margin: 0 auto 10px; } - .links-container { font-size: 22px; margin: 24px; } - .links-container a { text-decoration: none; margin: 0 6px; } - .separator { letter-spacing: -9px; color: #ccc; } - hr { border: none; height: 2px; background-color: lightgrey; width: 100%; margin: 40px auto; } - h2 { font-weight: bold; } - .feat { margin: 0 0 14px; } - .feat b { display: inline; } + .logo { + width: 128px; + height: 128px; + display: block; + margin: 0 auto 10px; + } + + .links-container { + font-size: 22px; + margin: 24px; + } + + .links-container a { + text-decoration: none; + margin: 0 6px; + } + + .separator { + letter-spacing: -9px; + color: #ccc; + } + + hr { + border: none; + height: 2px; + background-color: lightgrey; + width: 100%; + margin: 40px auto; + } + + h2 { + font-weight: bold; + } + + .feat { + margin: 0 0 14px; + } + + .feat b { + display: inline; + } + /* Screenshot slot — drop assets/screenshot.png in later. miniSCP screenshot */ - .shot { display: block; max-width: 100%; margin: 20px auto; border: 1px solid #ddd; } - .downloads { display: flex; flex-wrap: wrap; gap: 12px; } + .shot { + display: block; + max-width: 100%; + margin: 20px auto; + border: 1px solid #ddd; + } + + .downloads { + display: flex; + flex-wrap: wrap; + gap: 12px; + } + .dl { flex: 1 1 200px; text-decoration: none; @@ -49,15 +114,46 @@ padding: 14px 18px; text-align: center; } - .dl:hover { background: #111; color: #fff; } - .dl small { display: block; color: #888; font-size: 13px; margin-top: 4px; } - .dl:hover small { color: #bbb; } - .browse { color: #888; font-size: 14px; margin-top: 14px; } - .faqtable dt { margin-bottom: 0.4em; font-style: italic; } - .faqtable dd { margin-left: 0; margin-bottom: 1.6em; } - code { background: #f2f2f2; padding: 1px 5px; } + + .dl:hover { + background: #111; + color: #fff; + } + + .dl small { + display: block; + color: #888; + font-size: 13px; + margin-top: 4px; + } + + .dl:hover small { + color: #bbb; + } + + .browse { + color: #888; + font-size: 14px; + margin-top: 14px; + } + + .faqtable dt { + margin-bottom: 0.4em; + font-style: italic; + } + + .faqtable dd { + margin-left: 0; + margin-bottom: 1.6em; + } + + code { + background: #f2f2f2; + padding: 1px 5px; + } +
@@ -78,7 +174,8 @@

The difference is in the corners. Both panels are fully symmetric — either side can be your local disk or any saved server — so a copy isn't only up or down. You can move files straight from one server to another, remote to remote, without staging them on your - machine first.

+ machine first. +

It's the same familiar tool, sanded down where the old ones snag.

@@ -91,7 +188,16 @@

Symmetric panels. Either side is your local disk or any saved server. Every panel is equal.

Knows your servers already. Reads the hosts from your - ~/.ssh/config, and imports the saved sessions from your previous client.

+ ~/.ssh/config, and imports the saved sessions from your previous client. +

+

Themes. Light, dark, or follow the system — with a set of accent + tones.

+

macOS and Windows. macOS is the primary target; Windows 11+ (x64) is in + beta.

+ + +

What's the same:

+

Tabs that keep working. Open several sessions at once; transfers keep running in background tabs.

Edit in place. Open a remote file in your editor — every save uploads @@ -104,10 +210,6 @@

A queue with an ETA. Per-file speed and estimate, cancel anytime.

Permissions. Rename, delete, create folders and files, and change permissions (chmod) on remote files.

-

Themes. Light, dark, or follow the system — with a set of accent - tones.

-

macOS and Windows. macOS is the primary target; Windows 11+ (x64) is in - beta.

Download

@@ -130,7 +232,8 @@
macOS says the app is "damaged and can't be opened".
The builds aren't code-signed yet, so macOS quarantines them on download. Clear the quarantine flag once and it opens normally: -
xattr -cr /Applications/miniSCP.app
+
xattr -cr /Applications/miniSCP.app +
Windows warns me with a blue SmartScreen box.
The Windows builds aren't signed yet either, so SmartScreen flags them on first run. Choose @@ -146,4 +249,5 @@ is just the app — unzip it anywhere and run it, no install.
- + + \ No newline at end of file