Rebrand site for podcast, add admin CMS, social metadata, and platform links
This commit is contained in:
nmemmert committed
1 parent
4586c30ea3
commit
057c856df7
33 files changed
+2062
-4455
No files matched your search
@@ -0,0 +1,72 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Verse by Verse with Nate</title>
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Barlow+Condensed:wght@300;500;700&display=swap');
|
||||
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
|
||||
body{background:#0a0a0a;display:flex;align-items:center;justify-content:center;min-height:100vh;font-family:'Barlow Condensed',sans-serif;}
|
||||
.card{width:1080px;height:1080px;background:#0d0d0d;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;}
|
||||
.bg-gradient{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 10%,rgba(180,120,20,.18) 0%,transparent 55%),radial-gradient(ellipse at 80% 90%,rgba(140,80,10,.15) 0%,transparent 50%),linear-gradient(160deg,#0d0d0d 0%,#110e07 50%,#0d0d0d 100%);}
|
||||
.bar-left{position:absolute;left:-30px;top:-80px;width:8px;height:130%;background:linear-gradient(180deg,transparent,#c8860a 30%,#c8860a 70%,transparent);transform:rotate(-4deg);opacity:.7;}
|
||||
.bar-left2{position:absolute;left:20px;top:-80px;width:2px;height:130%;background:linear-gradient(180deg,transparent,#c8860a 30%,#c8860a 70%,transparent);transform:rotate(-4deg);opacity:.35;}
|
||||
.bar-right{position:absolute;right:-30px;top:-80px;width:8px;height:130%;background:linear-gradient(180deg,transparent,#c8860a 30%,#c8860a 70%,transparent);transform:rotate(4deg);opacity:.7;}
|
||||
.bar-right2{position:absolute;right:20px;top:-80px;width:2px;height:130%;background:linear-gradient(180deg,transparent,#c8860a 30%,#c8860a 70%,transparent);transform:rotate(4deg);opacity:.35;}
|
||||
.top-rule{position:absolute;top:100px;left:80px;right:80px;height:1px;background:linear-gradient(90deg,transparent,#c8860a 30%,#c8860a 70%,transparent);opacity:.5;}
|
||||
.bottom-rule{position:absolute;bottom:100px;left:80px;right:80px;height:1px;background:linear-gradient(90deg,transparent,#c8860a 30%,#c8860a 70%,transparent);opacity:.5;}
|
||||
.cross-ornament{position:absolute;top:48px;left:50%;transform:translateX(-50%);color:#c8860a;font-size:22px;letter-spacing:18px;opacity:.7;white-space:nowrap;}
|
||||
.content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;width:100%;padding:0 90px;gap:0;}
|
||||
.eyebrow{font-family:'Barlow Condensed',sans-serif;font-weight:300;font-size:22px;letter-spacing:10px;text-transform:uppercase;color:#c8860a;margin-bottom:18px;opacity:.9;}
|
||||
.title-verse{font-family:'Playfair Display',serif;font-weight:900;font-size:118px;line-height:.88;color:#f0e6d0;letter-spacing:-2px;text-shadow:0 0 60px rgba(200,134,10,.25);display:block;text-align:center;}
|
||||
.title-by{font-family:'Barlow Condensed',sans-serif;font-weight:300;font-size:32px;letter-spacing:16px;text-transform:uppercase;color:#c8860a;display:block;margin:4px 0;text-align:center;}
|
||||
.with-nate{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:36px;letter-spacing:8px;text-transform:uppercase;color:#c8860a;margin-top:18px;margin-bottom:6px;}
|
||||
.with-nate span{color:#f0e6d0;opacity:.9;}
|
||||
.divider{width:200px;height:2px;background:linear-gradient(90deg,transparent,#c8860a,transparent);margin:22px auto;}
|
||||
.tagline{font-family:'Barlow Condensed',sans-serif;font-weight:300;font-size:24px;letter-spacing:6px;text-transform:uppercase;color:#d4b87a;text-align:center;opacity:.85;margin-bottom:30px;}
|
||||
.qr-frame{position:relative;padding:14px;background:#f5eed8;}
|
||||
.qr-frame::before,.qr-frame::after{content:'';position:absolute;width:28px;height:28px;border-color:#c8860a;border-style:solid;}
|
||||
.qr-frame::before{top:-4px;left:-4px;border-width:3px 0 0 3px;}
|
||||
.qr-frame::after{bottom:-4px;right:-4px;border-width:0 3px 3px 0;}
|
||||
.qr-frame .corner-tr,.qr-frame .corner-bl{position:absolute;width:28px;height:28px;border-color:#c8860a;border-style:solid;}
|
||||
.qr-frame .corner-tr{top:-4px;right:-4px;border-width:3px 3px 0 0;}
|
||||
.qr-frame .corner-bl{bottom:-4px;left:-4px;border-width:0 0 3px 3px;}
|
||||
.qr-frame img{display:block;width:188px;height:188px;image-rendering:pixelated;}
|
||||
.scan-label{font-family:'Barlow Condensed',sans-serif;font-weight:500;font-size:15px;letter-spacing:5px;text-transform:uppercase;color:#c8860a;margin-top:16px;opacity:.8;text-align:center;}
|
||||
.bottom-badge{position:absolute;bottom:44px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px;white-space:nowrap;}
|
||||
.dot{width:5px;height:5px;border-radius:50%;background:#c8860a;opacity:.7;}
|
||||
.badge-text{font-family:'Barlow Condensed',sans-serif;font-weight:300;font-size:16px;letter-spacing:8px;text-transform:uppercase;color:#a08040;opacity:.7;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="card">
|
||||
<div class="bg-gradient"></div>
|
||||
<div class="bar-left"></div>
|
||||
<div class="bar-left2"></div>
|
||||
<div class="bar-right"></div>
|
||||
<div class="bar-right2"></div>
|
||||
<div class="top-rule"></div>
|
||||
<div class="bottom-rule"></div>
|
||||
<div class="cross-ornament">✦ ✦ ✦</div>
|
||||
<div class="content">
|
||||
<div class="eyebrow">A Journey Through Scripture</div>
|
||||
<span class="title-verse">VERSE</span>
|
||||
<span class="title-by">· by ·</span>
|
||||
<span class="title-verse">VERSE</span>
|
||||
<div class="with-nate"><span>with </span>Nate</div>
|
||||
<div class="divider"></div>
|
||||
<div class="qr-frame">
|
||||
<div class="corner-tr"></div>
|
||||
<div class="corner-bl"></div>
|
||||
<img src="data:image/png;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4gHYSUNDX1BST0ZJTEUAAQEAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADb/2wBDAAUDBAQEAwUEBAQFBQUGBwwIBwcHBw8LCwkMEQ8SEhEPERETFhwXExQaFRERGCEYGh0dHx8fExciJCIeJBweHx7/2wBDAQUFBQcGBw4ICA4eFBEUHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh7/wAARCASwBLADASIAAhEBAxEB/8QAHQABAQEBAQEBAQEBAAAAAAAAAAgJBwYEBQMCAf/EAGMQAAEABgIIDgsMCAUEAgICAwABAgMEBQYHEQgJFxghN1aVEjE4V3R1dpSys7TR0tMTFBU2QVRVYXOlsSIlNDVRZ4SRkpPU5BYjMmNxgcHwJjNDRGIkQlOFcqFSZOEngoOi/8QAFAEBAAAAAAAAAAAAAAAAAAAAAP/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/ALLAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGW1L0+Tw60szg7O05zEwYMo6+qM2bOJtlVVFUN10IVQhC1SEIRgqPL3Q5/y4mbOzfpH9qaMcU67oH/lC55ID090Of8ALiZs7N+kLoc/5cTNnZv0jzAA9PdDn/LiZs7N+kLoc/5cTNnZv0jzAA9PdDn/AC4mbOzfpC6HP+XEzZ2b9I8wAPT3Q5/y4mbOzfpC6HP+XEzZ2b9I8wAPT3Q5/wAuJmzs36Quhz/lxM2dm/SPMAD090Of8uJmzs36Quhz/lxM2dm/SPMAD090Of8ALiZs7N+kLoc/5cTNnZv0jzAA9PdDn/LiZs7N+kLoc/5cTNnZv0jzAA9PdDn/AC4mbOzfpC6HP+XEzZ2b9I8wAPT3Q5/y4mbOzfpC6HP+XEzZ2b9I8wAPT3Q5/wAuJmzs36Quhz/lxM2dm/SPMAD090Of8uJmzs36Quhz/lxM2dm/SPMAD090Of8ALiZs7N+kLoc/5cTNnZv0jzAAuW11zBHo85TstHI3Eooli0ckMkvj0u2SzrQ3r0OiSmqupGl8hWZHVrO+AT56Vw9jwWKAAAAAAAABNVsHjkagVGUAbwSLxCGNmkZQou0c3ldissr2FompKVUorRX4CI7oc/5cTNnZv0izLZFirlzbtHENSDAPT3Q5/wAuJmzs36Quhz/lxM2dm/SPMAD090Of8uJmzs36Quhz/lxM2dm/SPMAD090Of8ALiZs7N+kLoc/5cTNnZv0jzAApOwkm+bYvZAQxxi00RuIOi7m9JWYPT+1as1koZJShKVVlkowJNBTN+wO1RsK2E98Uk0gAAADkdmLEYhCrHGan+Fvz04vjLtPsbd2arM2ilb4wQmpZVKEorQlKP4JSZ1XQ5/y4mbOzfpGhdm1qYpu+hctYGZoHp7oc/5cTNnZv0hdDn/LiZs7N+keYAHp7oc/5cTNnZv0hdDn/LiZs7N+keYAHp7oc/5cTNnZv0hdDn/LiZs7N+keYAHp7oc/5cTNnZv0hdDn/LiZs7N+keYAHp7oc/5cTNnZv0hdDn/LiZs7N+keYAHRaOJ9np4pDlt3bznMTZk1izqouzaRRslVdVLZVCUJQlbChKMBqmZE0YorpKldFSE+/DpgTpJ/XKGuwAAAfJGl12cHfWjNZZRdV3aJVWVTUlCUKpwoMmboc/5cTNnZv0jWWO/Ej/sZpwUmOYHp7oc/5cTNnZv0hdDn/LiZs7N+keYAHp7oc/5cTNnZv0hdDn/LiZs7N+keYAHp7oc/5cTNnZv0hdDn/LiZs7N+keYAHp7oc/5cTNnZv0hdDn/LiZs7N+keYAHp7oc/5cTNnZv0hdDn/LiZs7N+keYAHp7oc/5cTNnZv0hdDn/LiZs7N+keYAHp7oc/5cTNnZv0hdDn/LiZs7N+keYAHp7oc/5cTNnZv0hdDn/LiZs7N+keYAHp7oc/5cTNnZv0hdDn/LiZs7N+keYAHp7oc/5cTNnZv0jRWw6iMQitjjKr/FH56fnxr252Ru8tVmjRep8boRWsslKU1IQhH8EIMwzTKwl1MUo/TeWtwOzAAAAAAAAEH2e01zTBabXZzg0yxqGuyYKwXSxdIg0ZKaJLRrWnQqpQhCcCPPgLwM9rYehN3h0wJ+Inf/tq/wBVt9f8f5eADi90Of8ALiZs7N+kLoc/5cTNnZv0jzAA9PdDn/LiZs7N+kW5a+I5Go7RlH28bi8QibZnGUqKNHx5XbLKq9hZpqQlZKakV+Az8LztbuKuY9u08QyAqUAAAAAAAAky2KTBHoC5SStA43EoWls0fUNUub0uxS0qQwq0WhSiuqtOn8pWZHVsx+ASH6V/9juBKd0Of8uJmzs36Quhz/lxM2dm/SPMAD090Of8uJmzs36Quhz/AJcTNnZv0jzAA9PdDn/LiZs7N+kLoc/5cTNnZv0jzAA9PdDn/LiZs7N+kLoc/wCXEzZ2b9I8wAPT3Q5/y4mbOzfpC6HP+XEzZ2b9I8wAPT3Q5/y4mbOzfpC6HP8AlxM2dm/SPMAD090Of8uJmzs36Quhz/lxM2dm/SPMAD090Of8uJmzs36Quhz/AJcTNnZv0jzAA9PdDn/LiZs7N+kLoc/5cTNnZv0jzAA9PdDn/LiZs7N+kLoc/wCXEzZ2b9I8wAPT3Q5/y4mbOzfpC6HP+XEzZ2b9I8wAPT3Q5/y4mbOzfpC6HP8AlxM2dm/SPMAD090Of8uJmzs36Quhz/lxM2dm/SPMAD090Of8uJmzs36R6iiGfJ4eqWZPdnmc5ibsGsdclGjNpE2yyq6qW6iEqpQlapKEowVHMD1tC+OKSt0DhyhQDWsAAAAAAAAAAAAAAAAAAAABkpTRjinXdA/8oXPJHraaMcU67oH/AJQueSAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC07Wd8Anz0rh7HgsUjq1nfAJ89K4ex4LFAAAAAAAAAlq2RYq5c27RxDUgwvO2RYq5c27RxDUgwAAAAAAAADvFgdqjYVsJ74pJpAZv2B2qNhWwnvikmkAAAAcZs2tTFN30LlrAzNNMrNrUxTd9C5awMzQAAAAAAAAAAAAAD0VGKK6SpXRUhPvw6YE6Sf1yhrsZE0YorpKldFSE+/DpgTpJ/XKGuwAAAfHHfiR/2M04KTHM2MjvxI/wCxmnBSY5gAAAAAAAAAAAAAAAAAAAAAAAADTKwl1MUo/TeWtzM00ysJdTFKP03lrcDswAAAAAAABnrbDqrvLrVofiJ3rqr/API20/8A+DQoz2th6U3eHTCn4id/+6v/AFW31fw/n4QJwAAAvO1u4q5j27TxDIgwvO1u4q5j27TxDICpQAAAAAAACOrZj8AkP0r/AOx3LFI6tmPwCQ/Sv/sdwIsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA9bQvjikrdA4coUPJHraF8cUlboHDlCgGtYAAAAAAAAAAAAAAAAAAAADJSmjHFOu6B/5QueSPW00Y4p13QP/KFzyQAAAaQUAUTUZRehWUIpFJEl99fnqFMWrdu2clFl2i6VcKyyUowpPLine truncated
|
||||
</div>
|
||||
<div class="scan-label">Scan to Listen</div>
|
||||
</div>
|
||||
<div class="bottom-badge">
|
||||
<div class="dot"></div>
|
||||
<div class="badge-text">Scripture · Reflection · Faith</div>
|
||||
<div class="dot"></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in new issue
Block a user