diff --git a/dist/fitra-darwin-amd64 b/dist/fitra-darwin-amd64 index db3bc39..6e5909a 100755 Binary files a/dist/fitra-darwin-amd64 and b/dist/fitra-darwin-amd64 differ diff --git a/dist/fitra-darwin-arm64 b/dist/fitra-darwin-arm64 index d27bb08..4ca9605 100755 Binary files a/dist/fitra-darwin-arm64 and b/dist/fitra-darwin-arm64 differ diff --git a/dist/fitra-linux-amd64 b/dist/fitra-linux-amd64 index d0e6e9e..cf7710a 100755 Binary files a/dist/fitra-linux-amd64 and b/dist/fitra-linux-amd64 differ diff --git a/dist/fitra-linux-arm64 b/dist/fitra-linux-arm64 index ee4ec43..066f851 100755 Binary files a/dist/fitra-linux-arm64 and b/dist/fitra-linux-arm64 differ diff --git a/static/main.css b/static/main.css index f38896f..875dc15 100644 --- a/static/main.css +++ b/static/main.css @@ -46,11 +46,19 @@ body { h1 { color: #0f172a; font-size: 2.5rem; - margin-bottom: 20px; + margin-bottom: 14px; font-weight: 700; letter-spacing: -0.025em; } +/* Make first paragraph after h1 a subtle lead */ +.content-container h1 + p { + color: #475569; + margin-top: 0; + margin-bottom: 18px; + max-width: 70ch; +} + h2 { color: #1e293b; font-size: 1.75rem; @@ -83,7 +91,7 @@ code { pre { background: #0f172a; color: #cbd5e1; - padding: 24px; + padding: 22px 24px; border-radius: 12px; overflow-x: auto; font-family: ui-monospace, SFMono-Regular, 'Cascadia Code', 'Roboto Mono', monospace; @@ -91,6 +99,10 @@ pre { border: 1px solid #1e293b; } +pre::-webkit-scrollbar { height: 8px; } +pre::-webkit-scrollbar-thumb { background: #334155; border-radius: 6px; } +pre::-webkit-scrollbar-track { background: transparent; } + pre code { background: transparent; border: none; @@ -107,8 +119,20 @@ pre code { border: 1px solid #e2e8f0; border-left: 4px solid #3b82f6; transition: all 0.15s ease; + position: relative; } +.endpoint h3 { + margin-top: 0; + display: flex; + align-items: center; + gap: 10px; +} + +.endpoint p { margin: 6px 0; } + +.endpoint pre { margin-top: 10px; } + .endpoint:hover { background: #ffffff; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); @@ -155,6 +179,13 @@ pre code { border-left: 4px solid #22c55e; } +.storage-info h3 { + margin-top: 0; + margin-bottom: 4px; +} + +.storage-info small { color: #64748b; } + .progress-bar { width: 100%; height: 10px; @@ -181,6 +212,15 @@ pre code { font-size: 14px; font-weight: 500; color: #475569; + gap: 8px; +} + +.storage-stats span { + background: #ffffff; + border: 1px solid #e2e8f0; + padding: 6px 10px; + border-radius: 999px; + box-shadow: 0 1px 2px rgba(0,0,0,0.03); } .changelog-section { @@ -257,6 +297,11 @@ pre code { margin-top: -10px; } +.copy-btn:focus-visible { + outline: 3px solid rgba(59, 130, 246, 0.35); + outline-offset: 2px; +} + .copy-btn:hover { background: #2563eb; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); @@ -316,6 +361,24 @@ pre code { margin: 16px 0; } +.donation-item { + background: #ffffff; + border: 1px solid #e2e8f0; + border-left: 4px solid #22c55e; + border-radius: 10px; + padding: 12px; + margin: 10px 0; +} + +@media (min-width: 768px) { + .donate-info { + display: grid; + grid-template-columns: 1fr 1fr 1fr; + gap: 12px; + } + .donation-item { margin: 0; } +} + .donate-info p { margin: 12px 0; font-family: ui-monospace, SFMono-Regular, 'Cascadia Code', 'Roboto Mono', monospace; @@ -378,6 +441,11 @@ pre code { min-width: 60px; } +.copy-crypto-btn:focus-visible { + outline: 3px solid rgba(34, 197, 94, 0.35); + outline-offset: 2px; +} + .copy-crypto-btn:hover { background: #16a34a; transform: translateY(-1px); @@ -620,8 +688,8 @@ pre code { .content-container { background: #ffffff; border-radius: 16px; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06); - padding: 32px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04); + padding: 28px 32px; box-sizing: border-box; overflow-y: auto; overflow-x: hidden; @@ -658,23 +726,24 @@ pre code { /* Tabs layout styles */ .tab-layout { display: block; - padding: 20px; + padding: 24px; max-width: 1100px; margin: 0 auto; } .tab-nav { display: flex; - gap: 8px; + gap: 10px; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; - padding: 8px; - margin: 10px 0 20px 0; + padding: 10px; + margin: 12px 0 22px 0; position: sticky; top: 0; z-index: 5; backdrop-filter: blur(8px); + box-shadow: 0 2px 8px rgba(2, 6, 23, 0.04); } .tab-btn { @@ -682,8 +751,8 @@ pre code { background: #f1f5f9; border: 1px solid #e2e8f0; color: #0f172a; - padding: 10px 14px; - border-radius: 8px; + padding: 10px 16px; + border-radius: 10px; cursor: pointer; font-weight: 600; font-size: 14px; @@ -694,20 +763,25 @@ pre code { background: #e2e8f0; } +.tab-btn:focus-visible { + outline: 3px solid rgba(59, 130, 246, 0.35); + outline-offset: 1px; +} + .tab-btn.active { background: #3b82f6; border-color: #3b82f6; color: #ffffff; - box-shadow: 0 4px 10px rgba(59, 130, 246, 0.25); + box-shadow: 0 6px 14px rgba(59, 130, 246, 0.25); } -.tab-panels { margin-top: 10px; } +.tab-panels { margin-top: 12px; } .tab-panel { display: block; } .tab-panel[hidden] { display: none; } @media (max-width: 640px) { - .tab-layout { padding: 12px; } + .tab-layout { padding: 14px; } .tab-nav { position: static; } } diff --git a/views/partials/changelog.html b/views/partials/changelog.html index b09a814..fb16de3 100644 --- a/views/partials/changelog.html +++ b/views/partials/changelog.html @@ -1,6 +1,14 @@ {{define "changelog"}}

Changelog

+
+
v1.1.1
+
2025-08-08
+ +
+
v1.1.0
2025-08-08
diff --git a/views/partials/header.html b/views/partials/header.html index 3221356..5e10046 100644 --- a/views/partials/header.html +++ b/views/partials/header.html @@ -1,5 +1,5 @@ {{define "header"}}

🚀 FITRA - File transfer API

-
Version 1.0.1
+
Version 1.1.1

Simple file upload and download service for developers using HTTP requests in CLI.

{{end}} \ No newline at end of file