70 lines
4.6 KiB
PHP
70 lines
4.6 KiB
PHP
<?php
|
|
// /linkedin-wave3-calendar.php — Vague 3 editorial calendar 22 semaines
|
|
header("Content-Type: text/html; charset=utf-8");
|
|
$cal = @json_decode(@file_get_contents("/opt/weval-l99/audits/posts-v3/calendar.json"), true);
|
|
if (!$cal) die("calendar not found");
|
|
$COLORS = ["life-science" => "#7EDAB5", "corporate" => "#1B6CA8", "corporate+life-science" => "linear-gradient(90deg,#1B6CA8,#7EDAB5)"];
|
|
?><!DOCTYPE html>
|
|
<html lang="fr"><head>
|
|
<meta charset="utf-8">
|
|
<title>WEVAL · Vague 3 — Calendrier éditorial LinkedIn 22 semaines</title>
|
|
<script src="/widgets/audit-banner.js" defer></script>
|
|
<style>
|
|
body{font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;background:#0a0a0f;color:#e8e8f0;margin:0;padding:2rem;max-width:1100px;margin:0 auto;line-height:1.55}
|
|
h1{font-size:2rem;background:linear-gradient(90deg,#1B6CA8,#7EDAB5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.3rem}
|
|
.meta{color:#9090a8;font-size:.85rem;margin-bottom:2rem}
|
|
.stat{display:inline-block;background:#12132a;border:1px solid #2a2b4a;padding:10px 16px;border-radius:10px;margin:0 8px 8px 0}
|
|
.stat .v{color:#7EDAB5;font-weight:800;font-size:1.3rem;font-family:monospace}
|
|
.stat .l{color:#9090a8;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-top:2px}
|
|
.camp{background:#12132a;border:1px solid #2a2b4a;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;position:relative}
|
|
.camp-hdr{display:flex;gap:8px;margin-bottom:1rem;flex-wrap:wrap;align-items:center}
|
|
.camp-tag{font-family:monospace;font-size:.75rem;background:#1a1b3a;padding:3px 10px;border-radius:6px;color:#9090a8}
|
|
.camp-title{font-size:1.3rem;font-weight:800;margin-right:8px}
|
|
.camp-acc{font-size:.75rem;font-weight:700;padding:4px 12px;border-radius:20px;color:#0a0a0f;text-transform:uppercase;letter-spacing:.05em}
|
|
.camp-weeks{background:#2a2b4a;color:#e8e8f0;font-size:.75rem;padding:4px 12px;border-radius:20px;font-family:monospace;font-weight:700}
|
|
.camp-theme{color:#7EDAB5;font-size:.95rem;margin-bottom:1rem;font-style:italic}
|
|
.post{display:grid;grid-template-columns:90px 1fr 180px;gap:12px;padding:10px 14px;background:#0a0a0f;border-left:3px solid #7EDAB5;border-radius:6px;margin-bottom:6px;font-size:.9rem;align-items:center}
|
|
.post .week{color:#7EDAB5;font-family:monospace;font-weight:700;text-align:center;background:#12132a;padding:5px;border-radius:6px}
|
|
.post .angle{color:#9090a8;font-size:.8rem;text-align:right;font-family:monospace}
|
|
.post .seed{color:#e8e8f0}
|
|
.foot{margin-top:3rem;padding-top:1rem;border-top:1px solid #2a2b4a;color:#6565a0;font-size:.8rem}
|
|
.sig{font-style:italic;color:#7EDAB5}
|
|
</style></head><body>
|
|
<h1>Vague 3 · Calendrier éditorial LinkedIn</h1>
|
|
<div class="meta">Généré <?=htmlspecialchars($cal["generated_at"])?> · Source audit <?=htmlspecialchars($cal["source"])?></div>
|
|
|
|
<div style="margin-bottom:2rem">
|
|
<div class="stat"><div class="v"><?=$cal["total_campaigns"]?></div><div class="l">Campagnes</div></div>
|
|
<div class="stat"><div class="v"><?=$cal["total_posts"]?></div><div class="l">Posts</div></div>
|
|
<div class="stat"><div class="v"><?=$cal["duration_weeks"]?></div><div class="l">Semaines</div></div>
|
|
<div class="stat"><div class="v"><?=$cal["cadence"]["total_per_week"]?>/sem</div><div class="l">Cadence</div></div>
|
|
</div>
|
|
|
|
<?php foreach ($cal["campaigns"] as $c):
|
|
$bg = $COLORS[$c["account"]] ?? "#2a2b4a";
|
|
?>
|
|
<div class="camp">
|
|
<div class="camp-hdr">
|
|
<span class="camp-tag"><?=htmlspecialchars($c["id"])?></span>
|
|
<span class="camp-title"><?=htmlspecialchars($c["title"])?></span>
|
|
<span class="camp-acc" style="background:<?=$bg?>"><?=htmlspecialchars($c["account"])?></span>
|
|
<span class="camp-weeks"><?=htmlspecialchars($c["weeks"])?></span>
|
|
</div>
|
|
<div class="camp-theme">📎 <?=htmlspecialchars($c["theme"])?></div>
|
|
<?php foreach ($c["posts"] as $p): ?>
|
|
<div class="post">
|
|
<div class="week"><?=htmlspecialchars($p["week"])?></div>
|
|
<div class="seed"><strong><?=htmlspecialchars($p["id"])?></strong><br><small><?=htmlspecialchars($p["body_seed"])?></small></div>
|
|
<div class="angle"><?=htmlspecialchars($p["angle"])?></div>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
|
|
<div class="foot">
|
|
<div class="sig"><?=htmlspecialchars($cal["tagline_systematic_footer"])?></div>
|
|
<div><?=htmlspecialchars($cal["hashtags_corporate"])?> (corp) · <?=htmlspecialchars($cal["hashtags_life_science"])?> (LS)</div>
|
|
<div style="margin-top:1rem"><a href="/linkedin-posts-wave2.php" style="color:#7EDAB5">← Posts V2 piliers</a> · <a href="/live-status.php" style="color:#7EDAB5">Live status</a> · <a href="/audits/AUDIT-LINKEDIN-ARCHI-2026-04-16.md" style="color:#7EDAB5">Audit complet</a></div>
|
|
</div>
|
|
</body></html>
|