From 62c1099e5cfb71c30fd8a5998c248335399480cb Mon Sep 17 00:00:00 2001
From: hbrain <hbrain@piagent.local>
Date: Tue, 26 May 2026 06:50:20 +0200
Subject: [PATCH] Style delete button and adjust header logo

---
 new.php   | 2 +-
 style.css | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/new.php b/new.php
index 3482ff9..e2e5e6e 100644
--- a/new.php
+++ b/new.php
@@ -164,7 +164,7 @@ if ($editName !== '') { try { $editDir = safe_input_dir($config['uploads_dir'],
 
 <?php if($tab==='videos'): ?><section><h2>Videos without input dir</h2><?php if(!$orphanVideos): ?><p>No orphan videos.</p><?php endif; ?><div class="admin-list"><?php foreach($orphanVideosPage as $v): $vn=basename($v); ?><form method="post" class="admin-item" onsubmit="return confirm('Delete this generated video?')"><div><strong><?=h($vn)?></strong><br><span><?=h(round(filesize($v)/1048576,1))?> MB</span></div><input type="hidden" name="action" value="delete_video"><input type="hidden" name="video" value="<?=h($vn)?>"><button type="submit">Delete video</button></form><?php endforeach; ?></div><?=page_links('videos',$videoPage,$videoPages)?></section><?php endif; ?>
 <?php if($tab==='edit'): ?><section><h2>Existing input dirs</h2><?php if(!$dirs): ?><p>No input directories yet.</p><?php endif; ?><div class="admin-list"><?php foreach($dirsPage as $d): $data=read_data($d); ?><div class="admin-item"><div><strong><?=h($data['title'] ?: basename($d))?></strong><br><span><?=h(basename($d))?> · <?=h(count(list_files($d)))?> files</span></div><a class="button" href="?edit=<?=rawurlencode(basename($d))?>">Edit</a></div><?php endforeach; ?></div><?=page_links('edit',$editPage,$editPages)?></section><?php endif; ?>
-<?php if($tab==='edit' && $editDir): ?><section><h2>Edit input dir</h2><p><code>in-dir/<?=h(basename($editDir))?></code></p><form method="post" enctype="multipart/form-data"><input type="hidden" name="action" value="update"><input type="hidden" name="dir" value="<?=h(basename($editDir))?>"><label>Title<input name="title" value="<?=h($editData['title'])?>"></label><label>Date<input name="date" value="<?=h($editData['date'])?>"></label><label>Place<input name="place" value="<?=h($editData['place'])?>"></label><label>Description<textarea name="description" maxlength="5000" data-counter="description-counter-edit"><?=h($editData['description'])?></textarea><small id="description-counter-edit" class="counter"></small></label><label>Add images / videos<input type="file" name="media[]" multiple accept="image/*,video/*"></label><label>Add audio<input type="file" name="audio[]" multiple accept="audio/*"></label><h3>Files and captions</h3><div class="file-list"><?php foreach($editFiles as $f): $ext=strtolower(pathinfo($f, PATHINFO_EXTENSION)); $fileUrl='in-dir/'.rawurlencode(basename($editDir)).'/'.rawurlencode($f); ?><div class="caption-row"><div class="preview"><?php if(in_array($ext,['jpg','jpeg','png','webp','gif'])): ?><img src="<?=h($fileUrl)?>" alt=""><?php elseif(in_array($ext,['mp4','mov','m4v','webm'])): ?><video src="<?=h($fileUrl)?>" muted preload="metadata"></video><?php else: ?><span><?=h(strtoupper($ext ?: 'FILE'))?></span><?php endif; ?></div><div class="caption-fields"><strong><?=h($f)?></strong><?php if(in_array($ext,['jpg','jpeg','png','webp','gif','mp4','mov','m4v','webm'])): ?><input type="hidden" name="caption_files[]" value="<?=h($f)?>"><textarea name="captions[]" placeholder="Optional caption for this file"><?=h($editData['captions'][$f] ?? '')?></textarea><?php else: ?><small>No caption for audio files</small><?php endif; ?></div><button type="button" onclick="deleteFile(<?=h(json_encode($f))?>)">Remove</button></div><?php endforeach; ?></div><button type="submit">Save changes</button></form><form method="post" id="delete-file-form" style="display:none"><input type="hidden" name="action" value="delete_file"><input type="hidden" name="dir" value="<?=h(basename($editDir))?>"><input type="hidden" name="file" id="delete-file-name" value=""></form><form method="post" onsubmit="return confirm('Delete this input directory?')"><input type="hidden" name="action" value="delete_dir"><input type="hidden" name="dir" value="<?=h(basename($editDir))?>"><label class="checkbox-label"><input type="checkbox" name="delete_output" value="1"> <span>Also delete generated video, if any</span></label><button type="submit">Delete input dir</button></form></section><?php endif; ?>
+<?php if($tab==='edit' && $editDir): ?><section><h2>Edit input dir</h2><p><code>in-dir/<?=h(basename($editDir))?></code></p><form method="post" enctype="multipart/form-data"><input type="hidden" name="action" value="update"><input type="hidden" name="dir" value="<?=h(basename($editDir))?>"><label>Title<input name="title" value="<?=h($editData['title'])?>"></label><label>Date<input name="date" value="<?=h($editData['date'])?>"></label><label>Place<input name="place" value="<?=h($editData['place'])?>"></label><label>Description<textarea name="description" maxlength="5000" data-counter="description-counter-edit"><?=h($editData['description'])?></textarea><small id="description-counter-edit" class="counter"></small></label><label>Add images / videos<input type="file" name="media[]" multiple accept="image/*,video/*"></label><label>Add audio<input type="file" name="audio[]" multiple accept="audio/*"></label><h3>Files and captions</h3><div class="file-list"><?php foreach($editFiles as $f): $ext=strtolower(pathinfo($f, PATHINFO_EXTENSION)); $fileUrl='in-dir/'.rawurlencode(basename($editDir)).'/'.rawurlencode($f); ?><div class="caption-row"><div class="preview"><?php if(in_array($ext,['jpg','jpeg','png','webp','gif'])): ?><img src="<?=h($fileUrl)?>" alt=""><?php elseif(in_array($ext,['mp4','mov','m4v','webm'])): ?><video src="<?=h($fileUrl)?>" muted preload="metadata"></video><?php else: ?><span><?=h(strtoupper($ext ?: 'FILE'))?></span><?php endif; ?></div><div class="caption-fields"><strong><?=h($f)?></strong><?php if(in_array($ext,['jpg','jpeg','png','webp','gif','mp4','mov','m4v','webm'])): ?><input type="hidden" name="caption_files[]" value="<?=h($f)?>"><textarea name="captions[]" placeholder="Optional caption for this file"><?=h($editData['captions'][$f] ?? '')?></textarea><?php else: ?><small>No caption for audio files</small><?php endif; ?></div><button type="button" onclick="deleteFile(<?=h(json_encode($f))?>)">Remove</button></div><?php endforeach; ?></div><button type="submit">Save changes</button></form><form method="post" id="delete-file-form" style="display:none"><input type="hidden" name="action" value="delete_file"><input type="hidden" name="dir" value="<?=h(basename($editDir))?>"><input type="hidden" name="file" id="delete-file-name" value=""></form><form method="post" onsubmit="return confirm('Delete this input directory?')"><input type="hidden" name="action" value="delete_dir"><input type="hidden" name="dir" value="<?=h(basename($editDir))?>"><label class="checkbox-label"><input type="checkbox" name="delete_output" value="1"> <span>Also delete generated video, if any</span></label><button class="danger" type="submit">Delete input dir</button></form></section><?php endif; ?>
 <?php if($tab==='new'): ?><section><h2>Add new movie input</h2><form method="post" enctype="multipart/form-data"><input type="hidden" name="action" value="create"><label>Title*<input name="title" required></label><label>Date<input name="date" placeholder="2026-05-25"></label><label>Place<input name="place"></label><label>Description<textarea name="description" maxlength="5000" data-counter="description-counter-new"></textarea><small id="description-counter-new" class="counter"></small></label><label>Images / videos*<input type="file" name="media[]" multiple required accept="image/*,video/*"></label><label>Audio (optional)<input type="file" name="audio[]" multiple accept="audio/*"></label><button type="submit">Create input-dir</button></form></section><?php endif; ?>
 <script>function deleteFile(name){if(confirm('Remove this file?')){document.getElementById('delete-file-name').value=name;document.getElementById('delete-file-form').submit();}}</script><script>
 (function(){
diff --git a/style.css b/style.css
index c2c936a..f5bba83 100644
--- a/style.css
+++ b/style.css
@@ -1 +1 @@
-@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}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:sticky;top:0;z-index:1000;background:rgba(27,30,34,.96);backdrop-filter:blur(6px);color:#F3F4F6;padding:.55rem 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:2.15rem;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{display:inline-block;padding:.1rem 1.5rem .3rem;border-bottom:2px solid #3BA7A0;text-decoration:none;color:#F3F4F6}.brand p{font-family:NotoStamp,system-ui,sans-serif;margin:.1rem 0 0;color:#A0A4AB;font-size:.65rem;letter-spacing:.22em;text-transform:uppercase}.header-logo{position:absolute;right:calc(100% - .95rem);top:60%;transform:translateY(-50%);display:block;width:7rem;height:7rem;overflow:visible}.header-logo img{width:100%;height:100%;object-fit:contain;display:block}.rss-link{position:absolute;right:max(1rem,calc((100vw - 1100px)/2 + 1rem));top:.8rem;display:grid;place-items:center;width:1.9rem;height:1.9rem;background:#F26522;border:1px solid #F26522;border-radius:.4rem;text-decoration:none;color:#fff}.rss-link svg{width:1rem;height:1rem;fill:currentColor}.rss-link:hover{background:#ff7a33;border-color:#ff7a33;color:#fff}.admin-header{padding-bottom:.55rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}.admin-header .brand-wrap{grid-column:2}.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:end;display:flex;align-items:center;gap:.6rem}.job-status{display:flex;align-items:center;gap:.45rem;max-width:360px;overflow:hidden;white-space:nowrap;color:#A0A4AB;font-size:.82rem}.job-status strong{color:#F3F4F6;font-weight:600}.job-dot{width:.55rem;height:.55rem;border-radius:50%;background:#C46A3A;box-shadow:0 0 0 .18rem rgba(196,106,58,.18)}.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}nav a{margin-left:1rem;color:#F3F4F6}main{max-width:1100px;margin:2rem auto;padding:0 1rem}.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-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:1rem;line-height:1.45;color:#F3F4F6;margin:.9rem 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}.ok,.err{padding:1rem;border-radius:.5rem;margin-bottom:1rem}.ok{background:#1f3b32;color:#F3F4F6}.err{background:#4a241f;color:#F3F4F6}.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-item span,.file-row span{color:#A0A4AB}.file-list{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.file-row{margin:0}.file-row button{padding:.45rem .7rem}.caption-row{display:grid;grid-template-columns:140px 1fr auto;gap:1rem;align-items:start;background:rgba(27,30,34,.92);padding:.8rem;border-radius:.6rem}.preview img,.preview video{width:140px;aspect-ratio:16/9;object-fit:cover;border-radius:.4rem;background:#111315}.preview span{display:grid;place-items:center;width:140px;aspect-ratio:16/9;background:#111315;border-radius:.4rem;color:#A0A4AB}.caption-fields textarea{min-height:4rem}.caption-fields strong{display:block;margin-bottom:.35rem}@media(max-width:760px){.caption-row{grid-template-columns:1fr}.preview img,.preview video,.preview span{width:100%}}@media(max-width:760px){.video-row{grid-template-columns:1fr}header h1{font-size:1.8rem}}
+@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}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:sticky;top:0;z-index:1000;background:rgba(27,30,34,.96);backdrop-filter:blur(6px);color:#F3F4F6;padding:.55rem 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:2.15rem;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{display:inline-block;padding:.1rem 1.5rem .3rem;border-bottom:2px solid #3BA7A0;text-decoration:none;color:#F3F4F6}.brand p{font-family:NotoStamp,system-ui,sans-serif;margin:.1rem 0 0;color:#A0A4AB;font-size:.65rem;letter-spacing:.22em;text-transform:uppercase}.header-logo{position:absolute;right:calc(100% - 1.25rem);top:60%;transform:translateY(-50%);display:block;width:7.3rem;height:7.3rem;overflow:visible}.header-logo img{width:100%;height:100%;object-fit:contain;display:block}.rss-link{position:absolute;right:max(1rem,calc((100vw - 1100px)/2 + 1rem));top:.8rem;display:grid;place-items:center;width:1.9rem;height:1.9rem;background:#F26522;border:1px solid #F26522;border-radius:.4rem;text-decoration:none;color:#fff}.rss-link svg{width:1rem;height:1rem;fill:currentColor}.rss-link:hover{background:#ff7a33;border-color:#ff7a33;color:#fff}.admin-header{padding-bottom:.55rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}.admin-header .brand-wrap{grid-column:2}.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:end;display:flex;align-items:center;gap:.6rem}.job-status{display:flex;align-items:center;gap:.45rem;max-width:360px;overflow:hidden;white-space:nowrap;color:#A0A4AB;font-size:.82rem}.job-status strong{color:#F3F4F6;font-weight:600}.job-dot{width:.55rem;height:.55rem;border-radius:50%;background:#C46A3A;box-shadow:0 0 0 .18rem rgba(196,106,58,.18)}.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.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:0 1rem}.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-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:1rem;line-height:1.45;color:#F3F4F6;margin:.9rem 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}.ok,.err{padding:1rem;border-radius:.5rem;margin-bottom:1rem}.ok{background:#1f3b32;color:#F3F4F6}.err{background:#4a241f;color:#F3F4F6}.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-item span,.file-row span{color:#A0A4AB}.file-list{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.file-row{margin:0}.file-row button{padding:.45rem .7rem}.caption-row{display:grid;grid-template-columns:140px 1fr auto;gap:1rem;align-items:start;background:rgba(27,30,34,.92);padding:.8rem;border-radius:.6rem}.preview img,.preview video{width:140px;aspect-ratio:16/9;object-fit:cover;border-radius:.4rem;background:#111315}.preview span{display:grid;place-items:center;width:140px;aspect-ratio:16/9;background:#111315;border-radius:.4rem;color:#A0A4AB}.caption-fields textarea{min-height:4rem}.caption-fields strong{display:block;margin-bottom:.35rem}@media(max-width:760px){.caption-row{grid-template-columns:1fr}.preview img,.preview video,.preview span{width:100%}}@media(max-width:760px){.video-row{grid-template-columns:1fr}header h1{font-size:1.8rem}}