diff --git a/_footer.php b/_footer.php new file mode 100644 index 0000000..ddd490a --- /dev/null +++ b/_footer.php @@ -0,0 +1,31 @@ + + + diff --git a/_footer_admin.php b/_footer_admin.php new file mode 100644 index 0000000..0c8efa1 --- /dev/null +++ b/_footer_admin.php @@ -0,0 +1,183 @@ + + + + diff --git a/_header.php b/_header.php new file mode 100644 index 0000000..2f3376d --- /dev/null +++ b/_header.php @@ -0,0 +1,3 @@ + diff --git a/contact.php b/contact.php new file mode 100644 index 0000000..96f8a77 --- /dev/null +++ b/contact.php @@ -0,0 +1,89 @@ +\r\n"; + $headers .= "Reply-To: " . $form_email . "\r\n"; + $headers .= "X-Mailer: PHP/" . phpversion(); + + if (mail($to_email, $subject, $body, $headers)) { + $msg = "Thank you for your message! I will get back to you shortly."; + $form_name = $form_email = $form_message = ''; // Clear form on success + } else { + $err = "Sorry, there was an error sending your message. Please try again later."; + } + } +} + +$headerTitles = [ 'Moto Vlog', 'Multiple Voices Log', 'Multi-Version Log', 'MultiVerse Log', 'Miles & Views Log', 'Moving Vistas Log', 'Motorcycle Voyage Log', 'Mapped Vagabond Log', 'Mountain Valley Log', 'Miles Versus Logic', 'Motorcycle Voyage Log', 'Mapped Vagabond Log', 'Multiple Viewpoints Log', 'Multiple Versions of Life', 'Motion, Velocity & Luck', 'Miles, Views & Life', 'Many Voices of Life', 'Many Views of Life', 'Modern Vagabond Log', 'Motorcycle Wanderlust Log', 'Mapped Wanderings Log', 'Miles Beyond Reason', 'Miles Beyond Reality', 'Motion, Velocity & Lunacy', 'Miles, Wind & Luck', 'Maps, Villages & Legends', 'Multi-Vision Log', 'Multi-Vista Log', 'Mutable View Log', 'Mistakes, Victories & Lessons', 'Mostly Verified Legends', 'Mostly Vague Logistics', 'Marginally Viable Leadership', 'Mileage Versus Luck', 'Mechanical Violence Log', 'Moderately Violent Leisure', 'Mistakes Validated Later', ]; +$siteHeaderTitle = $headerTitles[array_rand($headerTitles)]; +?> + + + + + +MVL - Contact + + + + + + + + + +
+
+

Contact

+ +
+
+ +
+ + + + + + + + +
+
+
+ + + diff --git a/index.php b/index.php index cec7da6..e48ebc7 100644 --- a/index.php +++ b/index.php @@ -249,14 +249,22 @@ $headerTitles = [ 'Mountain Valley Log', 'Miles Versus Logic', 'Motorcycle Voyage Log', + 'Mapped Vagabond Log', 'Multiple Viewpoints Log', 'Multiple Versions of Life', 'Motion, Velocity & Luck', 'Miles, Views & Life', 'Many Voices of Life', + 'Many Views of Life', 'Modern Vagabond Log', + 'Motorcycle Wanderlust Log', + 'Mapped Wanderings Log', + 'Miles Beyond Reason', + 'Miles Beyond Reality', 'Motion, Velocity & Lunacy', + 'Miles, Wind & Luck', 'Maps, Villages & Legends', + 'Multi-Vision Log', 'Multi-Vista Log', 'Mutable View Log', 'Mistakes, Victories & Lessons', @@ -276,20 +284,13 @@ $siteHeaderTitle = $headerTitles[array_rand($headerTitles)]; MVL - - - - - - + + + - - - - - + - +
@@ -399,36 +400,6 @@ $siteHeaderTitle = $headerTitles[array_rand($headerTitles)];
- - - + diff --git a/new.php b/new.php index eca2bf2..f38ef1d 100644 --- a/new.php +++ b/new.php @@ -1040,8 +1040,8 @@ $editDir = null; $editStatus = ''; $editRunning = false; $editData = ['title'=>' if ($editName !== '' || $editId !== '') { try { $editDir = resolve_input_dir_from_request($config['uploads_dir'], $editId, $editName, $articleIndex); $editStatus = input_dir_status($editDir); $editRunning = input_dir_running($editDir); if (!$editRunning) { $editData = read_data($editDir); $editFiles = media_sort_files($editDir, list_files($editDir)); } } catch (Throwable $e) { $err = $e->getMessage(); } } $runningJobs = active_worker_jobs($config); ?> -MVL Admin - +MVL Admin +
@@ -1553,187 +1553,5 @@ document.addEventListener('DOMContentLoaded', function(){ });
- - - - - \ No newline at end of file + + diff --git a/style.css b/style.css index eb5a234..08ddc58 100644 --- a/style.css +++ b/style.css @@ -1,4 +1,73 @@ -@font-face{font-family:BebasNeue;src:url('assets/fonts/BebasNeue-Regular.ttf')}@font-face{font-family:IBMPlexCaption;src:url('assets/fonts/IBMPlexSans-SemiBold.ttf')}@font-face{font-family:NotoStamp;src:url('assets/fonts/NotoSans-Bold.ttf')}:root{font-family:IBMPlexCaption,system-ui,sans-serif;color:#F3F4F6;background:#111315}html,body{overflow-x:hidden}body{margin:0;background:#111315 url(assets/img/background.jpg) center center/cover fixed no-repeat;min-height:100vh}body::before{content:'';position:fixed;inset:0;background:rgba(17,19,21,.78);z-index:-1}header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(27,30,34,.92);backdrop-filter:blur(6px);color:#F3F4F6;padding:1.15rem max(1rem,calc((100vw - 1100px)/2 + 1rem));box-sizing:border-box;text-align:center;box-shadow:0 2px 16px #0008}header h1{font-family:NotoStamp,system-ui,sans-serif;font-size:.95rem;letter-spacing:.06em;margin:0}.site-header{background:linear-gradient(180deg,rgba(27,30,34,.88),rgba(27,30,34,.62));border-bottom:1px solid rgba(59,167,160,.35)}.brand-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.brand{position:relative;display:inline-block;padding:.1rem 1.5rem .3rem;text-decoration:none;color:#F3F4F6}.brand::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:12.5rem;height:2px;background:#3BA7A0;opacity:.6;z-index:0}.brand h1,.brand p{position:relative;z-index:2}.brand p{font-family:NotoStamp,system-ui,sans-serif;margin:.1rem 0 0;color:#A0A4AB;font-size:.55rem;letter-spacing:.22em;text-transform:uppercase}.header-logo{position:absolute;left:50%;top:calc(100% - 1.2rem);transform:translate(-50%,-50%) translateX(-7.65rem);display:block;width:6.9rem;height:6.9rem;overflow:visible;z-index:1;opacity:.7}.header-logo img{width:100%;height:100%;object-fit:contain;display:block}.push-toggle{box-sizing:border-box;appearance:none;-webkit-appearance:none;position:absolute;right:calc(max(1rem,calc((100vw - 1100px)/2 + 1rem)) + 2.35rem);top:.8rem;display:grid;place-items:center;width:1.9rem;height:1.9rem;background:#3BA7A0;border:1px solid #3BA7A0;border-radius:.4rem;color:#111315;padding:0}.push-toggle svg{width:1rem;height:1rem;fill:currentColor}.push-toggle:hover{background:#4fb9b2;border-color:#4fb9b2;color:#111315}.push-toggle.active{background:#C46A3A;border-color:#C46A3A;color:#fff;cursor:default;opacity:.9}.push-toggle:disabled{cursor:default}.rss-link{box-sizing:border-box;position:absolute;right:max(1rem,calc((100vw - 1100px)/2 + 1rem));top:.8rem;display:grid;place-items:center;width:1.9rem;height:1.9rem;background:#C46A3A;border:1px solid #C46A3A;border-radius:.4rem;text-decoration:none;color:#fff}.rss-link svg{width:1rem;height:1rem;fill:currentColor}.rss-link:hover{background:#d97b48;border-color:#d97b48;color:#fff}.site-header.admin-header{padding-bottom:1rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}.brand .admin-word{font-size:.5em}.site-header.admin-header .brand-wrap{grid-column:2}.site-header.admin-header .brand{grid-column:auto}.admin-left{grid-column:1;justify-self:start;display:flex;align-items:center;gap:.7rem}.admin-right{grid-column:3;justify-self:stretch;width:100%;display:flex;align-items:flex-end;justify-content:flex-end;gap:.6rem}.job-status{display:flex;align-items:center;gap:.35rem;max-width:360px;overflow:hidden;white-space:nowrap;color:#A0A4AB;font-size:.72rem;margin-right:auto;padding-bottom:.3rem}.job-status strong{color:#F3F4F6;font-weight:600}.job-dot{width:.45rem;height:.45rem;border-radius:50%;background:#C46A3A;box-shadow:0 0 0 .14rem rgba(196,106,58,.18)}.job-age{color:#A0A4AB;opacity:.85;font-size:.72rem}.logout-link{background:#111315;border:1px solid #3BA7A0;border-radius:.4rem;padding:.35rem .7rem;text-decoration:none;color:#F3F4F6;font-size:.82rem}.logout-link:hover{background:#3BA7A0;color:#111315}a{color:#3BA7A0}.button,button{background:#C46A3A;color:#111315;border:0;border-radius:.5rem;padding:.7rem 1rem;text-decoration:none;cursor:pointer}.button.disabled{background:#3a3d42;color:#A0A4AB;cursor:not-allowed;opacity:.75}button.danger{background:#8B1E1E;color:#F3F4F6}button.danger:hover{background:#B32626}nav a{margin-left:1rem;color:#F3F4F6}main{max-width:1100px;margin:2rem auto;padding:7.5rem 1rem 7rem}.tabs{display:flex;gap:.25rem;justify-content:flex-start;margin:0;border-bottom:0}.tabs a{background:#111315;padding:.35rem .7rem;border:1px solid #3BA7A0;border-radius:.4rem;text-decoration:none;color:#F3F4F6;margin:0;font-size:.82rem;position:static}.tabs a.active{background:#C46A3A;color:#111315;border-color:#C46A3A}.video-list{display:flex;flex-direction:column;gap:1rem}.video-row,form{background:rgba(27,30,34,.92);backdrop-filter:blur(2px);border-radius:.8rem;padding:1rem;box-shadow:0 2px 16px #0006}.video-row{position:relative;display:grid;grid-template-columns:minmax(280px,42%) 1fr;gap:1rem;align-items:start}.video-row>.created-at{position:absolute;top:.75rem;right:1rem;color:#A0A4AB;font-family:system-ui,sans-serif;font-size:.9rem;font-weight:400}.video-row video{width:100%;aspect-ratio:16/9;background:#111315;border-radius:.5rem}.video-row > div,.video-info{min-width:0}.admin-video-row{align-items:stretch}.admin-video-row.shown{outline:1px solid #C46A3A;outline-offset:2px;box-shadow:0 0 0 1px rgba(196,106,58,.16),0 2px 16px #0006}.admin-row-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.4rem}.video-placeholder{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16/9;background:#111315;border-radius:.5rem;overflow:hidden}.video-placeholder img{width:38%;max-height:80%;object-fit:contain;opacity:.55}.video-placeholder span{position:absolute;bottom:.65rem;color:#A0A4AB;font-size:.9rem}.video-info h2{font-size:1.6rem;margin:.1rem 0 .5rem}.meta{display:flex;gap:.5rem;flex-wrap:wrap;color:#A0A4AB;margin:.25rem 0}.meta span{background:#26383A;border-radius:999px;padding:.25rem .55rem}.meta .new-badge{background:#C46A3A;color:#111315;text-transform:uppercase;letter-spacing:.08em}.description{font-family:system-ui,sans-serif;font-weight:400;font-size:.9rem;line-height:1.4;color:#F3F4F6;margin:.8rem 0}.details{color:#A0A4AB;font-size:.9rem}label{display:block;margin:.8rem 0;font-weight:600}.counter{display:block;margin-top:.25rem;color:#A0A4AB;font-size:.8rem;font-weight:400}input,textarea{display:block;width:100%;box-sizing:border-box;margin-top:.3rem;padding:.65rem;border:1px solid #3BA7A0;background:#111315;color:#F3F4F6;border-radius:.45rem}.checkbox-label{display:flex;align-items:center;justify-content:flex-start;gap:.55rem;width:max-content;max-width:100%;margin:.8rem 0}.checkbox-label input{display:inline-block;width:auto;margin:0;padding:0}.checkbox-label span{font-weight:600}textarea{min-height:6rem}textarea[name="description"]{min-height:12rem}.ok,.err{padding:1rem;border-radius:.5rem;margin-bottom:1rem}.ok{background:#1f3b32;color:#F3F4F6}.err{background:#4a241f;color:#F3F4F6}.toast-wrap{position:fixed;right:1rem;bottom:1rem;z-index:3000;display:flex;flex-direction:column;gap:.6rem;align-items:flex-end;pointer-events:none}.toast{pointer-events:auto;min-width:220px;max-width:min(380px,calc(100vw - 2rem));padding:.75rem 1rem;border-radius:.55rem;box-shadow:0 8px 28px #0009;color:#F3F4F6;background:#1B1E22;border:1px solid #3BA7A0;opacity:0;transform:translateY(.5rem);transition:opacity .2s ease,transform .2s ease}.toast.show{opacity:1;transform:translateY(0)}.toast.ok-toast{background:#1f3b32;border-color:#3BA7A0}.toast.err-toast{background:#4a241f;border-color:#C46A3A}.pages a{display:inline-block;margin:.2rem;padding:.45rem .7rem;background:#1B1E22;border-radius:.4rem;text-decoration:none}.pages .active{background:#C46A3A;color:#111315}footer{font-family:NotoStamp,system-ui,sans-serif;text-align:center;color:#A0A4AB;padding:2rem;font-size:.8rem}.admin-list{display:flex;flex-direction:column;gap:.7rem}.admin-item,.file-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:rgba(27,30,34,.92);padding:.8rem;border-radius:.6rem}.admin-switches{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.admin-time{color:#7f858d;font-family:system-ui,sans-serif;font-size:.72rem;font-weight:400;white-space:nowrap;margin-left:.15rem}.admin-time.admin-time-stale{color:#C46A3A;font-weight:600}.admin-main{flex:1}.admin-actions{display:flex;align-items:center;gap:.6rem}.inline-form{display:inline;margin:0;padding:0;background:none;box-shadow:none;backdrop-filter:none}.switch-label{display:flex;align-items:center;gap:.45rem;margin:0;color:#A0A4AB;font-size:.85rem;cursor:pointer;user-select:none}.switch-label input{position:absolute;opacity:0;pointer-events:none}.switch-ui{position:relative;display:inline-block;width:2.55rem;height:1.35rem;border-radius:999px;background:#3a3d42;border:1px solid #555b63;transition:.18s;flex:none}.switch-ui::after{content:"";position:absolute;top:.1rem;left:.12rem;width:1.05rem;height:1.05rem;border-radius:50%;background:#F3F4F6;box-shadow:0 1px 4px #0008;transition:transform .18s ease}.switch-label input:checked + .switch-ui{background:#3BA7A0;border-color:#3BA7A0}.switch-label input:checked + .switch-ui::after{transform:translateX(1.2rem)}.switch-label input:disabled + .switch-ui{opacity:.45;cursor:not-allowed}.switch-label input:focus-visible + .switch-ui{outline:2px solid #C46A3A;outline-offset:2px}.switch-text{white-space:nowrap}.admin-switches{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;position:relative;z-index:2} +@font-face{font-family:BebasNeue;src:url('assets/fonts/BebasNeue-Regular.ttf')}@font-face{font-family:IBMPlexCaption;src:url('assets/fonts/IBMPlexSans-SemiBold.ttf')}@font-face{font-family:NotoStamp;src:url('assets/fonts/NotoSans-Bold.ttf')}:root{font-family:IBMPlexCaption,system-ui,sans-serif;color:#F3F4F6;background:#111315}html,body{overflow-x:hidden}body{margin:0;background:#111315 url(assets/img/background.jpg) center center/cover fixed no-repeat;min-height:100vh}body::before{content:'';position:fixed;inset:0;background:rgba(17,19,21,.78);z-index:-1}header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(27,30,34,.92);backdrop-filter:blur(6px);color:#F3F4F6;padding:1.15rem max(1rem,calc((100vw - 1100px)/2 + 1rem));box-sizing:border-box;text-align:center;box-shadow:0 2px 16px #0008}header h1{font-family:NotoStamp,system-ui,sans-serif;font-size:.95rem;letter-spacing:.06em;margin:0}.site-header{background:linear-gradient(180deg,rgba(27,30,34,.88),rgba(27,30,34,.62));border-bottom:1px solid rgba(59,167,160,.35)}.brand-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.brand{position:relative;display:inline-block;padding:.1rem 1.5rem .3rem;text-decoration:none;color:#F3F4F6}.brand::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:12.5rem;height:2px;background:#3BA7A0;opacity:.6;z-index:0}.brand h1,.brand p{position:relative;z-index:2}.brand p{font-family:NotoStamp,system-ui,sans-serif;margin:.1rem 0 0;color:#A0A4AB;font-size:.55rem;letter-spacing:.22em;text-transform:uppercase}.header-logo{position:absolute;left:50%;top:calc(100% - .74rem);transform:translate(-50%,-46%) translateX(-7.65rem);display:block;width:6.9rem;height:6.9rem;overflow:visible;z-index:1;opacity:.7}.header-logo img{width:100%;height:100%;object-fit:contain;display:block}.push-toggle{box-sizing:border-box;appearance:none;-webkit-appearance:none;position:absolute;right:calc(max(1rem,calc((100vw - 1100px)/2 + 1rem)) + 2.35rem);top:.8rem;display:grid;place-items:center;width:1.9rem;height:1.9rem;background:#3BA7A0;border:1px solid #3BA7A0;border-radius:.4rem;color:#111315;padding:0}.push-toggle svg{width:1rem;height:1rem;fill:currentColor}.push-toggle:hover{background:#4fb9b2;border-color:#4fb9b2;color:#111315}.push-toggle.active{background:#C46A3A;border-color:#C46A3A;color:#fff;cursor:default;opacity:.9}.push-toggle:disabled{cursor:default}.rss-link{box-sizing:border-box;position:absolute;right:max(1rem,calc((100vw - 1100px)/2 + 1rem));top:.8rem;display:grid;place-items:center;width:1.9rem;height:1.9rem;background:#C46A3A;border:1px solid #C46A3A;border-radius:.4rem;text-decoration:none;color:#fff}.rss-link svg{width:1rem;height:1rem;fill:currentColor}.rss-link:hover{background:#d97b48;border-color:#d97b48;color:#fff}.site-header.admin-header{padding-bottom:1rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}.brand .admin-word{font-size:.5em}.site-header.admin-header .brand-wrap{grid-column:2}.site-header.admin-header .brand{grid-column:auto}.admin-left{grid-column:1;justify-self:start;display:flex;align-items:center;gap:.7rem}.admin-right{grid-column:3;justify-self:stretch;width:100%;display:flex;align-items:flex-end;justify-content:flex-end;gap:.6rem}.job-status{display:flex;align-items:center;gap:.35rem;max-width:360px;overflow:hidden;white-space:nowrap;color:#A0A4AB;font-size:.72rem;margin-right:auto;padding-bottom:.3rem}.job-status strong{color:#F3F4F6;font-weight:600}.job-dot{width:.45rem;height:.45rem;border-radius:50%;background:#C46A3A;box-shadow:0 0 0 .14rem rgba(196,106,58,.18)}.job-age{color:#A0A4AB;opacity:.85;font-size:.72rem}.logout-link{background:#111315;border:1px solid #3BA7A0;border-radius:.4rem;padding:.35rem .7rem;text-decoration:none;color:#F3F4F6;font-size:.82rem}.logout-link:hover{background:#3BA7A0;color:#111315}a{color:#3BA7A0}.button,button{background:#C46A3A;color:#111315;border:0;border-radius:.5rem;padding:.7rem 1rem;text-decoration:none;cursor:pointer}.button.disabled{background:#3a3d42;color:#A0A4AB;cursor:not-allowed;opacity:.75}button.danger{background:#8B1E1E;color:#F3F4F6}button.danger:hover{background:#B32626}nav a{margin-left:1rem;color:#F3F4F6}/* Header buttons */ +.header-actions { + position: absolute; + right: max(1rem,calc((100vw - 1100px)/2 + 1rem)); + top: .5rem; + display: flex; + flex-direction: column; + gap: .4rem; +} +.header-actions > a, +.header-actions > button { + box-sizing: border-box; + display: grid; + place-items: center; + width: 1.45rem; + height: 1.45rem; + padding: 0; + border: 1px solid transparent; + border-radius: .35rem; + text-decoration: none; +} +.header-actions .push-toggle, +.header-actions .rss-link, +.header-actions .contact-link{position:static!important} +.header-actions svg { width: .75rem; height: .75rem; fill: currentColor; } + +/* Push button */ +.push-toggle { + position: static; + background: #3BA7A0; + border-color: #3BA7A0; + color: #111315; +} +.push-toggle:hover { background: #4fb9b2; border-color: #4fb9b2; color: #111315; } +.push-toggle.active { background: #C46A3A; border-color: #C46A3A; color: #fff; cursor: default; opacity: .9; } +.push-toggle:disabled { cursor: default; } + +/* RSS and Contact buttons */ +.rss-link, +.contact-link { + background: #C46A3A; + border-color: #C46A3A; + color: #fff; +} +.rss-link:hover, +.contact-link:hover { background: #d97b48; border-color: #d97b48; color: #fff; } + +.site-header.admin-header .header-actions { + top: .3rem; +} +.contact-link svg{width:.8rem;height:.8rem;fill:currentColor} + +main { max-width:1100px; margin:2rem auto; padding:7.5rem 1rem 7rem; } +.contact-form-section { + max-width: 680px; + margin: 0 auto; + background: rgba(27,30,34,.92); + backdrop-filter: blur(2px); + border-radius: .8rem; + padding: 1rem; + box-shadow: 0 2px 16px #0006; +} +.contact-form-section h2 { + font-size: 1.6rem; + margin: .1rem 0 1rem; +} +#contact-form textarea { + min-height: 10rem; +} +.tabs{display:flex;gap:.25rem;justify-content:flex-start;margin:0;border-bottom:0}.tabs a{background:#111315;padding:.35rem .7rem;border:1px solid #3BA7A0;border-radius:.4rem;text-decoration:none;color:#F3F4F6;margin:0;font-size:.82rem;position:static}.tabs a.active{background:#C46A3A;color:#111315;border-color:#C46A3A}.video-list{display:flex;flex-direction:column;gap:1rem}.video-row,form{background:rgba(27,30,34,.92);backdrop-filter:blur(2px);border-radius:.8rem;padding:1rem;box-shadow:0 2px 16px #0006}.video-row{position:relative;display:grid;grid-template-columns:minmax(280px,42%) 1fr;gap:1rem;align-items:start}.video-row>.created-at{position:absolute;top:.75rem;right:1rem;color:#A0A4AB;font-family:system-ui,sans-serif;font-size:.9rem;font-weight:400}.video-row video{width:100%;aspect-ratio:16/9;background:#111315;border-radius:.5rem}.video-row > div,.video-info{min-width:0}.admin-video-row{align-items:stretch}.admin-video-row.shown{outline:1px solid #C46A3A;outline-offset:2px;box-shadow:0 0 0 1px rgba(196,106,58,.16),0 2px 16px #0006}.admin-row-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.4rem}.video-placeholder{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16/9;background:#111315;border-radius:.5rem;overflow:hidden}.video-placeholder img{width:38%;max-height:80%;object-fit:contain;opacity:.55}.video-placeholder span{position:absolute;bottom:.65rem;color:#A0A4AB;font-size:.9rem}.video-info h2{font-size:1.6rem;margin:.1rem 0 .5rem}.meta{display:flex;gap:.5rem;flex-wrap:wrap;color:#A0A4AB;margin:.25rem 0}.meta span{background:#26383A;border-radius:999px;padding:.25rem .55rem}.meta .new-badge{background:#C46A3A;color:#111315;text-transform:uppercase;letter-spacing:.08em}.description{font-family:system-ui,sans-serif;font-weight:400;font-size:.9rem;line-height:1.4;color:#F3F4F6;margin:.8rem 0}.details{color:#A0A4AB;font-size:.9rem}label{display:block;margin:.8rem 0;font-weight:600}.counter{display:block;margin-top:.25rem;color:#A0A4AB;font-size:.8rem;font-weight:400}input,textarea{display:block;width:100%;box-sizing:border-box;margin-top:.3rem;padding:.65rem;border:1px solid #3BA7A0;background:#111315;color:#F3F4F6;border-radius:.45rem}.checkbox-label{display:flex;align-items:center;justify-content:flex-start;gap:.55rem;width:max-content;max-width:100%;margin:.8rem 0}.checkbox-label input{display:inline-block;width:auto;margin:0;padding:0}.checkbox-label span{font-weight:600}textarea{min-height:6rem}textarea[name="description"]{min-height:12rem}.ok,.err{padding:1rem;border-radius:.5rem;margin-bottom:1rem}.ok{background:#1f3b32;color:#F3F4F6}.err{background:#4a241f;color:#F3F4F6}.toast-wrap{position:fixed;right:1rem;bottom:1rem;z-index:3000;display:flex;flex-direction:column;gap:.6rem;align-items:flex-end;pointer-events:none}.toast{pointer-events:auto;min-width:220px;max-width:min(380px,calc(100vw - 2rem));padding:.75rem 1rem;border-radius:.55rem;box-shadow:0 8px 28px #0009;color:#F3F4F6;background:#1B1E22;border:1px solid #3BA7A0;opacity:0;transform:translateY(.5rem);transition:opacity .2s ease,transform .2s ease}.toast.show{opacity:1;transform:translateY(0)}.toast.ok-toast{background:#1f3b32;border-color:#3BA7A0}.toast.err-toast{background:#4a241f;border-color:#C46A3A}.pages a{display:inline-block;margin:.2rem;padding:.45rem .7rem;background:#1B1E22;border-radius:.4rem;text-decoration:none}.pages .active{background:#C46A3A;color:#111315}footer{font-family:NotoStamp,system-ui,sans-serif;text-align:center;color:#A0A4AB;padding:2rem;font-size:.8rem}.admin-list{display:flex;flex-direction:column;gap:.7rem}.admin-item,.file-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:rgba(27,30,34,.92);padding:.8rem;border-radius:.6rem}.admin-switches{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.admin-time{color:#7f858d;font-family:system-ui,sans-serif;font-size:.72rem;font-weight:400;white-space:nowrap;margin-left:.15rem}.admin-time.admin-time-stale{color:#C46A3A;font-weight:600}.admin-main{flex:1}.admin-actions{display:flex;align-items:center;gap:.6rem}.inline-form{display:inline;margin:0;padding:0;background:none;box-shadow:none;backdrop-filter:none}.switch-label{display:flex;align-items:center;gap:.45rem;margin:0;color:#A0A4AB;font-size:.85rem;cursor:pointer;user-select:none}.switch-label input{position:absolute;opacity:0;pointer-events:none}.switch-ui{position:relative;display:inline-block;width:2.55rem;height:1.35rem;border-radius:999px;background:#3a3d42;border:1px solid #555b63;transition:.18s;flex:none}.switch-ui::after{content:"";position:absolute;top:.1rem;left:.12rem;width:1.05rem;height:1.05rem;border-radius:50%;background:#F3F4F6;box-shadow:0 1px 4px #0008;transition:transform .18s ease}.switch-label input:checked + .switch-ui{background:#3BA7A0;border-color:#3BA7A0}.switch-label input:checked + .switch-ui::after{transform:translateX(1.2rem)}.switch-label input:disabled + .switch-ui{opacity:.45;cursor:not-allowed}.switch-label input:focus-visible + .switch-ui{outline:2px solid #C46A3A;outline-offset:2px}.switch-text{white-space:nowrap}.admin-switches{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;position:relative;z-index:2} @@ -44,7 +113,7 @@ .caption-row button[type="button"]{width:100%} } @media (max-width: 900px){ - .header-logo{top:calc(100% - 1.2rem);transform:translate(-50%,-50%) translateX(-7.65rem)} + .header-logo{top:calc(100% - 1.24rem);transform:translate(-50%,-46%) translateX(-7.65rem)} } .describe-button{display:inline-block;margin-right:.6rem} @@ -138,3 +207,12 @@ body.map-lightbox-open { overflow: hidden; } color: #A0A4AB; font-size: .82rem; } + +/* Hard override for header action icon sizing */ +.site-header .header-actions{position:absolute;right:max(1rem,calc((100vw - 1100px)/2 + 1rem));top:.5rem;display:flex;flex-direction:column;gap:.3rem;z-index:5} +.site-header .header-actions>a, +.site-header .header-actions>button{display:grid!important;place-items:center!important;width:1.45rem!important;height:1.45rem!important;padding:0!important;line-height:1!important;overflow:hidden;box-sizing:border-box;border-radius:.35rem} +.site-header .header-actions .push-toggle, +.site-header .header-actions .rss-link, +.site-header .header-actions .contact-link{position:static!important} +.site-header .header-actions svg{width:.75rem!important;height:.75rem!important;max-width:.75rem!important;max-height:.75rem!important;display:block}