Graphic-Novella on Forgeover https://forgeover.com/graphic-novella/ Recent content in Graphic-Novella on Forgeover Hugo en-us https://forgeover.com/graphic-novella/my-day/ Mon, 01 Jan 0001 00:00:00 +0000 https://forgeover.com/graphic-novella/my-day/ <!doctype html><html lang="en"><head><meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"><title>My Day — a daily strip</title> <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Pirata+One&family=Special+Elite&family=Caveat:wght@600&display=swap" rel="stylesheet"> <style> :root{--ink:#3A332B;--paper:#FBF3E2;--card:#FFFBF0;--sage:#7E9B6B;--gold:#C9923F;}*{box-sizing:border-box;} body{margin:0;background:#E7DBBE;color:var(--ink);font-family:'Special Elite',serif;} .book{max-width:880px;margin:0 auto;background:var(--paper);box-shadow:0 0 60px #0004;min-height:100vh;} .hero{background:var(--sage);color:#FBF3E2;text-align:center;padding:54px 24px 42px;} .hero .kk{letter-spacing:.4em;color:#FBF3E2;font-size:14px;margin:0 0 6px;} .hero h1{font-family:'Pirata One',cursive;color:#FFFBF0;font-size:clamp(54px,13vw,104px);line-height:.9;margin:0;text-shadow:2px 3px 0 #3A332B33;} .hero .by{font-family:'Caveat',cursive;color:#F4D58A;font-size:28px;margin:10px 0 0;} .eps{padding:30px 28px 50px;display:flex;flex-direction:column;gap:22px;} .ep{display:flex;gap:20px;text-decoration:none;color:var(--ink);background:var(--card);border:3px solid var(--ink);border-radius:6px;overflow:hidden;box-shadow:4px 6px 0 #3A332B22;transition:transform .12s ease;} .ep:hover{transform:translate(-2px,-2px);box-shadow:6px 8px 0 #3A332B33;} .thumb{flex:none;width:42%;max-width:340px;background:#cfe0e8;} .thumb img{display:block;width:100%;height:100%;object-fit:cover;} .meta{padding:16px 18px;display:flex;flex-direction:column;justify-content:center;} .epn{font-family:'Special Elite';letter-spacing:.24em;font-size:12px;color:#8a7a55;} .meta h2{font-family:'Pirata One',cursive;font-size:clamp(22px,4vw,32px);margin:4px 0 8px;line-height:1.05;} .meta p{font-size:14px;line-height:1.45;margin:0 0 12px;} .read{font-family:'Pirata One',cursive;color:var(--sage);font-size:18px;} @media(max-width:560px){.ep{flex-direction:column;}.thumb{width:100%;max-width:none;height:180px;}} .foot{background:#3A332B;color:#9a8a68;text-align:center;font-size:12px;padding:18px;} </style></head><body><div class="book"> <div class="hero"><p class="kk">A DAILY STRIP</p>