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.
*/
- .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;
+ }
+
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.
xattr -cr /Applications/miniSCP.appxattr -cr /Applications/miniSCP.app
+