diff --git a/index.php b/index.php
index fa11dd1..773a2bb 100644
--- a/index.php
+++ b/index.php
@@ -122,6 +122,7 @@ function render_blank_page(){
$headerTitles = require __DIR__ . '/header_titles.php';
$siteHeaderTitle = $headerTitles[array_rand($headerTitles)];
$brandUrl = '/';
+ $ogImageUrl = 'https://bubulescu.org/assets/img/bubulescuorg.jpg';
?>
@@ -129,10 +130,22 @@ function render_blank_page(){
MVLog
+
+
+
+
+
+
+
+
+
+
+
+
+
-
diff --git a/style.css b/style.css
index 5677143..9f0e9fc 100644
--- a/style.css
+++ b/style.css
@@ -67,7 +67,7 @@ main { max-width:1100px; margin:2rem auto; padding:7.5rem 1rem 7rem; }
#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}
+.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:1rem;letter-spacing:.22em;text-transform:uppercase}.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}