marijo/movmaker-webui
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Make MVLog brand link home

Browse source
This commit is contained in:
hbrain 2026-05-25 21:51:48 +02:00
parent 341cea78aa
commit 2e15ac1625
3 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
index.php
View file

@ -86,7 +86,7 @@ usort($videos, function($a, $b) use ($videoCache) {
$page=max(1,(int)($_GET['page']??1)); $per=$config['items_per_page']; $total=count($videos); $pages=max(1,(int)ceil($total/$per)); $page=min($page,$pages); $slice=array_slice($videos,($page-1)*$per,$per);
?>
<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>MVLog</title><link rel="stylesheet" href="style.css"></head><body>
<header class="site-header"><div class="brand"><h1>MVLog</h1><p>Bubulescu.Org</p></div></header><main>
<header class="site-header"><a class="brand" href="index.php"><h1>MVLog</h1><p>Bubulescu.Org</p></a></header><main>
<section id="videos"><?php if(!$slice): ?><p>No videos yet.</p><?php endif; ?><div class="video-list">
<?php foreach($slice as $v): $name=basename($v); $url=$config['public_videos'].'/'.rawurlencode($name); $size=filesize($v); $m=$videoCache[$name]['metadata'] ?? video_metadata($v); ?>
<article class="video-row"><video controls controlsList="nodownload" oncontextmenu="return false" preload="metadata" src="<?=h($url)?>"></video><div class="video-info"><h2><?=h($m['title'])?></h2><p class="meta"><span><?=h($m['date'])?></span><?php if($m['location']): ?><span><?=h($m['location'])?></span><?php endif; ?></p><?php if($m['description']): ?><p class="description"><?=h($m['description'])?></p><?php endif; ?><p class="details"><?=h(round($size/1048576,1))?> MB</p></div></article>

2
new.php
View file

@ -155,7 +155,7 @@ $editDir = null; $editData = ['title'=>'','date'=>'','place'=>'','description'=>
if ($editName !== '') { try { $editDir = safe_input_dir($config['uploads_dir'], $editName); $editData = read_data($editDir); $editFiles = list_files($editDir); } catch (Throwable $e) { $err = $e->getMessage(); } }
?>
<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Admin - <?=h($config['site_name'])?></title><link rel="stylesheet" href="style.css"></head><body>
<header class="site-header admin-header"><nav class="tabs"><a class="<?= $tab==='new'?'active':'' ?>" href="new.php?tab=new">New</a><a class="<?= $tab==='edit'?'active':'' ?>" href="new.php?tab=edit">Edit</a><a class="<?= $tab==='videos'?'active':'' ?>" href="new.php?tab=videos">Videos</a></nav><div class="brand"><h1>MVLog Admin</h1><p>Bubulescu.Org</p></div><nav class="admin-back"><a href="index.php">Back</a></nav></header><main>
<header class="site-header admin-header"><nav class="tabs"><a class="<?= $tab==='new'?'active':'' ?>" href="new.php?tab=new">New</a><a class="<?= $tab==='edit'?'active':'' ?>" href="new.php?tab=edit">Edit</a><a class="<?= $tab==='videos'?'active':'' ?>" href="new.php?tab=videos">Videos</a></nav><a class="brand" href="index.php"><h1>MVLog Admin</h1><p>Bubulescu.Org</p></a></header><main>
<?php if($msg): ?><div class="ok"><?=h($msg)?></div><?php endif; ?><?php if($err): ?><div class="err"><?=h($err)?></div><?php endif; ?>
<?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; ?>

2
style.css
View file

@ -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 2rem;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{display:inline-block;padding:.1rem 1.5rem .3rem;border-bottom:2px solid #3BA7A0}.brand p{font-family:NotoStamp,system-ui,sans-serif;margin:.1rem 0 0;color:#A0A4AB;font-size:.65rem;letter-spacing:.22em;text-transform:uppercase}.admin-header{padding-bottom:.55rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}.admin-header .brand{grid-column:2}.admin-back{grid-column:3;justify-self:end}.admin-back a{margin:0}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{grid-column:1;justify-self:start;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{display:grid;grid-template-columns:minmax(280px,42%) 1fr;gap:1rem;align-items:start}.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}.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}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 2rem;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{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}.admin-header{padding-bottom:.55rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}.admin-header .brand{grid-column:2}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{grid-column:1;justify-self:start;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{display:grid;grid-template-columns:minmax(280px,42%) 1fr;gap:1rem;align-items:start}.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}.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}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}}