<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<meta name="theme-color" content="#121212">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-title" content="McFerrin UMC">
<meta name="description" content="McFerrin United Methodist Church — Church Hill, TN">
<title>McFerrin UMC</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=Playfair+Display:ital,wght@0,700;0,900;1,400&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap" rel="stylesheet">
<style>
:root{--bg:#121212;--bg2:#1a1a1a;--bg3:#242424;--white:#F5F5F5;--gray:#9CA3AF;--red:#E63946;--blue:#3B82F6;--red-glow:rgba(230,57,70,0.25);--blue-glow:rgba(59,130,246,0.25);--border:rgba(255,255,255,0.08);--radius:16px;--nav-h:70px;--header-h:64px;}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--white);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.5;}
#app{display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:480px;margin:0 auto;background:var(--bg);position:relative;}
#main-header{height:var(--header-h);background:rgba(18,18,18,0.97);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 18px;flex-shrink:0;z-index:100;}
.header-logo{display:flex;align-items:center;gap:10px;}
.logo-svg{width:38px;height:38px;flex-shrink:0;}
.church-name{display:flex;flex-direction:column;}
.name-main{font-family:'Times New Roman',serif;font-size:15px;font-weight:700;color:var(--white);letter-spacing:0.3px;line-height:1.1;}
.name-sub{font-size:9px;color:var(--gray);letter-spacing:1px;text-transform:uppercase;line-height:1.2;}
.streak-pill{background:var(--bg3);border:1px solid var(--border);border-radius:20px;padding:5px 12px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:5px;cursor:pointer;color:var(--white);}
#main-content{flex:1;overflow:hidden;position:relative;}
.page{position:absolute;top:0;left:0;right:0;bottom:0;overflow-y:auto;overflow-x:hidden;padding:20px 18px calc(var(--nav-h) + 24px);opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity 0.25s ease,transform 0.25s ease;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.page::-webkit-scrollbar{display:none;}
.page.active{opacity:1;pointer-events:all;transform:translateY(0);}
#bottom-nav{height:var(--nav-h);background:rgba(20,20,20,0.98);backdrop-filter:blur(16px);border-top:1px solid var(--border);display:flex;align-items:stretch;flex-shrink:0;padding-bottom:env(safe-area-inset-bottom);}
.nav-item{flex:1;background:none;border:none;color:var(--gray);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;font-family:'DM Sans',sans-serif;font-size:10px;font-weight:500;letter-spacing:0.3px;transition:color 0.2s;padding:8px 0;}
.nav-item.active{color:var(--red);}
.nav-icon{font-size:20px;line-height:1;}
.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:14px;}
.card-red{box-shadow:0 0 0 1px rgba(230,57,70,0.2),0 4px 24px rgba(230,57,70,0.08);}
.card-blue{box-shadow:0 0 0 1px rgba(59,130,246,0.2),0 4px 24px rgba(59,130,246,0.08);}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:12px;border:none;font-family:'DM Sans',sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:all 0.2s;text-decoration:none;width:100%;}
.btn-red{background:var(--red);color:#fff;}.btn-red:active{transform:scale(0.98);}
.btn-blue{background:var(--blue);color:#fff;}.btn-blue:active{transform:scale(0.98);}
.btn-outline{background:transparent;border:1px solid var(--border);color:var(--white);}
.label{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gray);margin-bottom:10px;display:block;}
.page-title{font-family:'Playfair Display',serif;font-size:28px;font-weight:900;color:var(--white);line-height:1.1;margin-bottom:4px;}
.page-sub{font-size:14px;color:var(--gray);margin-bottom:20px;}
.back-btn{background:none;border:none;color:var(--blue);font-family:'DM Sans',sans-serif;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;margin-bottom:18px;padding:0;}
.verse-card{background:linear-gradient(135deg,#1a0507,#1a1a1a);border:1px solid rgba(230,57,70,0.2);border-radius:var(--radius);padding:22px 20px;margin-bottom:14px;position:relative;overflow:hidden;}
.verse-card::before{content:'\201C';position:absolute;top:-12px;left:10px;font-family:'Playfair Display',serif;font-size:90px;color:rgba(230,57,70,0.12);line-height:1;pointer-events:none;}
.verse-text{font-family:'Playfair Display',serif;font-size:15px;font-style:italic;color:var(--white);line-height:1.7;margin-bottom:10px;position:relative;}
.verse-ref{font-size:11px;font-weight:700;color:var(--red);letter-spacing:1.5px;text-transform:uppercase;}
.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;}
.quick-tile{border-radius:var(--radius);padding:18px 14px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;cursor:pointer;border:1px solid transparent;color:var(--white);font-family:'DM Sans',sans-serif;text-align:left;transition:transform 0.15s;}
.quick-tile:active{transform:scale(0.97);}
.tile-icon{font-size:26px;}.tile-label{font-size:14px;font-weight:700;color:var(--white);}.tile-sub{font-size:11px;color:var(--gray);}
.svc{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid var(--border);}
.svc:last-child{border-bottom:none;padding-bottom:0;}
.svc-dot{width:8px;height:8px;border-radius:50%;background:var(--red);flex-shrink:0;margin-top:6px;}
.svc-name{font-size:14px;font-weight:600;line-height:1.3;}
.svc-time{font-size:12px;color:var(--gray);margin-top:3px;}
.youth-hero{background:linear-gradient(160deg,#1e0507 0%,#121212 65%);border-radius:var(--radius);padding:30px 20px 28px;margin-bottom:18px;position:relative;overflow:hidden;text-align:center;border:1px solid rgba(230,57,70,0.15);}
.youth-hero::before{content:'';position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:radial-gradient(circle,rgba(230,57,70,0.12) 0%,transparent 70%);border-radius:50%;}
.youth-emoji{font-size:44px;margin-bottom:12px;display:block;}
.youth-hero h1{font-family:'Playfair Display',serif;font-size:34px;font-weight:900;color:var(--white);line-height:1;margin-bottom:10px;position:relative;}
.youth-hero h1 em{color:var(--red);font-style:normal;}
.youth-hero p{font-size:14px;color:var(--gray);line-height:1.6;position:relative;}
.streak-display{display:flex;align-items:center;gap:14px;background:var(--bg3);border-radius:var(--radius);padding:16px;margin-bottom:14px;}
.streak-number{font-family:'Playfair Display',serif;font-size:52px;font-weight:900;color:var(--red);line-height:1;min-width:60px;text-align:center;transition:transform 0.3s;}
.streak-label{font-size:14px;font-weight:700;color:var(--white);}
.streak-sub{font-size:12px;color:var(--gray);margin-top:3px;}
.badges-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none;margin-bottom:14px;}
.badges-row::-webkit-scrollbar{display:none;}
.badge{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px;width:68px;}
.badge-icon{width:52px;height:52px;border-radius:50%;background:var(--bg3);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:22px;transition:all 0.2s;filter:grayscale(0.7);}
.badge.earned .badge-icon{border-color:var(--red);box-shadow:0 0 14px var(--red-glow);filter:none;}
.badge-name{font-size:10px;font-weight:500;color:var(--gray);text-align:center;line-height:1.2;}
.badge.earned .badge-name{color:var(--white);}
.journal-prompt{background:linear-gradient(135deg,#080b18,#1a1a1a);border:1px solid rgba(59,130,246,0.2);border-radius:var(--radius);padding:20px;margin-bottom:14px;}
.prompt-label{font-size:10px;color:var(--blue);font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;}
.prompt-text{font-family:'Playfair Display',serif;font-size:16px;font-style:italic;color:var(--white);line-height:1.6;margin-bottom:16px;}
textarea.j-input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:14px;color:var(--white);font-family:'DM Sans',sans-serif;font-size:14px;resize:none;height:120px;outline:none;transition:border-color 0.2s;line-height:1.5;}
textarea.j-input:focus{border-color:var(--blue);}
.spotify-card{background:#1DB954;border-radius:var(--radius);padding:16px;display:flex;align-items:center;gap:14px;margin-bottom:14px;cursor:pointer;text-decoration:none;}
.spotify-label{font-size:14px;font-weight:800;color:#000;}
.spotify-sub{font-size:12px;color:rgba(0,0,0,0.65);}
.vbs-card{border-radius:var(--radius);padding:22px 18px;margin-bottom:10px;position:relative;overflow:hidden;background:linear-gradient(135deg,#0a1a2e,#1a0a1a);border:1px solid rgba(59,130,246,0.3);}
.vbs-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(59,130,246,0.15);border:1px solid rgba(59,130,246,0.4);border-radius:20px;padding:4px 12px;font-size:10px;font-weight:800;color:var(--blue);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px;}
.vbs-title{font-family:'Playfair Display',serif;font-size:22px;font-weight:900;color:var(--white);line-height:1.1;margin-bottom:6px;}
.vbs-title span{color:#FFD700;}
.vbs-dates{font-size:13px;font-weight:700;color:var(--blue);margin-bottom:4px;}
.vbs-time{font-size:12px;color:var(--gray);}
.min-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;margin-bottom:10px;display:flex;align-items:flex-start;gap:14px;}
.min-icon{width:46px;height:46px;border-radius:12px;background:var(--bg3);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;}
.min-name{font-size:15px;font-weight:600;color:var(--white);}
.min-desc{font-size:12px;color:var(--gray);margin-top:3px;}
.more-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;}
.more-tile{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:20px 16px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;cursor:pointer;color:var(--white);font-family:'DM Sans',sans-serif;text-align:left;transition:transform 0.15s;}
.more-tile:active{transform:scale(0.97);}
.more-icon{font-size:28px;}.more-label{font-size:14px;font-weight:700;}.more-sub{font-size:11px;color:var(--gray);}
.ev-section-title{font-size:10px;font-weight:800;color:var(--gray);text-transform:uppercase;letter-spacing:2px;margin:16px 0 8px;}
.ev-card{background:var(--bg2);border-left:3px solid var(--red);border-radius:0 var(--radius) var(--radius) 0;padding:14px 16px;margin-bottom:8px;}
.ev-card.blue{border-left-color:var(--blue);}
.ev-card.gold{border-left-color:#FFD700;}
.ev-tag{font-size:10px;color:var(--red);font-weight:800;text-transform:uppercase;letter-spacing:1.5px;}
.ev-card.blue .ev-tag{color:var(--blue);}
.ev-card.gold .ev-tag{color:#FFD700;}
.ev-name{font-size:15px;font-weight:700;color:var(--white);margin:4px 0;}
.ev-time{font-size:12px;color:var(--gray);}
.ev-detail{font-size:12px;color:var(--gray);margin-top:4px;font-style:italic;}
.form-group{margin-bottom:14px;}
.form-label{font-size:11px;font-weight:700;color:var(--gray);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;display:block;}
.form-input{width:100%;background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:13px 16px;color:var(--white);font-family:'DM Sans',sans-serif;font-size:14px;outline:none;transition:border-color 0.2s;}
.form-input:focus{border-color:var(--blue);}
textarea.form-input{resize:none;height:100px;line-height:1.5;}
.res-item{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:flex;align-items:center;gap:14px;margin-bottom:10px;text-decoration:none;cursor:pointer;}
.res-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;}
.res-name{font-size:14px;font-weight:600;color:var(--white);}
.res-desc{font-size:12px;color:var(--gray);margin-top:2px;}
.res-arr{color:var(--gray);margin-left:auto;font-size:18px;}
.con-item{display:flex;align-items:center;gap:14px;padding:15px 16px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px;text-decoration:none;}
.con-icon{width:40px;height:40px;border-radius:10px;background:var(--bg3);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.con-label{font-size:10px;color:var(--gray);text-transform:uppercase;letter-spacing:1px;}
.con-value{font-size:13px;font-weight:500;color:var(--white);margin-top:2px;line-height:1.4;}
.con-action{color:var(--blue);font-size:13px;font-weight:700;white-space:nowrap;margin-left:auto;}
.success-msg{background:rgba(59,130,246,0.1);border:1px solid rgba(59,130,246,0.3);border-radius:10px;padding:13px;text-align:center;font-size:14px;color:var(--blue);display:none;margin-top:12px;}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}
.page.active>*{animation:fadeUp 0.3s ease both;}
.page.active>*:nth-child(2){animation-delay:.04s;}
.page.active>*:nth-child(3){animation-delay:.08s;}
.page.active>*:nth-child(4){animation-delay:.12s;}
.page.active>*:nth-child(5){animation-delay:.16s;}
.page.active>*:nth-child(6){animation-delay:.20s;}
.page.active>*:nth-child(7){animation-delay:.24s;}
.page.active>*:nth-child(8){animation-delay:.28s;}
</style>
</head>
<body>
<div id="app">
<header id="main-header">
<div class="header-logo">
<svg class="logo-svg" viewBox="0 0 40 44" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="19" cy="24" r="18" fill="white"/>
<rect x="15.5" y="6" width="7" height="36" rx="1.5" fill="#111"/>
<rect x="5" y="17" width="28" height="7" rx="1.5" fill="#111"/>
<path d="M27 16 C29.5 10 34 9 32 3 C36.5 7.5 37.5 14 33 18.5 C37 13.5 38 7 36 2 C41 8.5 40 18 34.5 21.5 C31 24.5 26 22 27 16Z" fill="#E63946"/>
</svg>
<div class="church-name">
<span class="name-main">McFerrin UMC</span>
<span class="name-sub">Church Hill, TN</span>
</div>
</div>
<div class="streak-pill" onclick="showPage('youth')">🔥 <span id="header-streak">0</span></div>
</header>
<main id="main-content">
<!-- HOME -->
<div id="page-home" class="page active">
<div style="padding:8px 0 16px;">
<div id="greeting" style="font-size:13px;color:var(--gray);margin-bottom:4px;">Good morning 👋</div>
<h1 style="font-family:'Playfair Display',serif;font-size:30px;font-weight:900;line-height:1.1;">Welcome to<br><span style="color:var(--red);">McFerrin</span></h1>
</div>
<div class="verse-card">
<span class="label">📖 Today's Word</span>
<div class="verse-text" id="daily-verse">Loading...</div>
<div class="verse-ref" id="daily-ref"></div>
</div>
<div class="quick-grid">
<button class="quick-tile" onclick="showPage('prayer')" style="background:linear-gradient(135deg,#080b18,#1a1a1a);border-color:rgba(59,130,246,0.2);">
<div class="tile-icon">🙏</div><div class="tile-label">Prayer</div><div class="tile-sub">Request Prayer</div>
</button>
<button class="quick-tile" onclick="showPage('youth')" style="background:linear-gradient(135deg,#1e0507,#1a1a1a);border-color:rgba(230,57,70,0.2);">
<div class="tile-icon">🔥</div><div class="tile-label">Youth</div><div class="tile-sub">McFerrin Youth</div>
</button>
<button class="quick-tile" onclick="showPage('events')" style="background:linear-gradient(135deg,#1e0507,#1a1a1a);border-color:rgba(230,57,70,0.2);">
<div class="tile-icon">📅</div><div class="tile-label">Events</div><div class="tile-sub">What's Coming</div>
</button>
<button class="quick-tile" onclick="showPage('messages')" style="background:linear-gradient(135deg,#080b18,#1a1a1a);border-color:rgba(59,130,246,0.2);">
<div class="tile-icon">📺</div><div class="tile-label">Messages</div><div class="tile-sub">Watch & Listen</div>
</button>
</div>
<div class="card">
<span class="label">⛪ Service Times</span>
<div class="svc"><div class="svc-dot"></div><div><div class="svc-name">Worship Service</div><div class="svc-time">Sunday · 9:30 AM</div></div></div>
<div class="svc"><div class="svc-dot"></div><div><div class="svc-name">Sunday School</div><div class="svc-time">Sunday · 10:30 AM</div></div></div>
<div class="svc"><div class="svc-dot" style="background:var(--blue)"></div><div><div class="svc-name">McFerrin Youth Service</div><div class="svc-time">Sunday · 6:00 PM</div></div></div>
<div class="svc"><div class="svc-dot" style="background:var(--blue)"></div><div><div class="svc-name">Wonderful Wednesdays</div><div class="svc-time">Wednesday · 5:30 PM · Youth · Kids · Prayer Group</div></div></div>
</div>
<div class="card" style="display:flex;align-items:center;gap:14px;">
<div style="width:50px;height:50px;background:var(--bg3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;">✝️</div>
<div><div style="font-size:10px;color:var(--gray);text-transform:uppercase;letter-spacing:1px;">Lead Pastor</div><div style="font-size:17px;font-weight:700;margin-top:3px;">Pastor Dave Poore</div><div style="font-size:12px;color:var(--gray);margin-top:3px;">McFerrin United Methodist Church</div></div>
</div>
<div style="display:flex;gap:10px;margin-bottom:14px;">
<a href="https://www.facebook.com/share/1D3NbR9FQc/?mibextid=wwXIfr" target="_blank" style="flex:1;background:#1877F2;border-radius:12px;padding:14px;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;color:white;font-size:14px;font-weight:700;">📘 Facebook</a>
<button onclick="showPage('contact')" style="flex:1;background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;align-items:center;justify-content:center;gap:8px;color:white;font-size:14px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;">📍 Find Us</button>
</div>
<div style="text-align:center;padding:8px 0 4px;">
<div style="font-family:'Times New Roman',serif;font-size:16px;font-weight:700;">McFerrin United Methodist Church</div>
<div style="font-size:12px;color:var(--gray);margin-top:4px;">117 Mountain View Road · Church Hill, TN 37642</div>
</div>
</div>
<!-- YOUTH -->
<div id="page-youth" class="page">
<div class="youth-hero">
<span class="youth-emoji">🔥</span>
<h1>YOU <em>MATTER</em>.<br>YOU'RE NOT ALONE.</h1>
<p>McFerrin Youth — a place where you're seen, known, and called by name. You have a purpose.</p>
</div>
<span class="label">Your Journey</span>
<div class="streak-display">
<div class="streak-number" id="streak-count">0</div>
<div style="flex:1;"><div class="streak-label">Day Streak 🔥</div><div class="streak-sub" id="streak-sub">Start your streak today!</div></div>
<button class="btn btn-red" style="width:auto;padding:10px 16px;font-size:13px;" onclick="addStreak()">Check In</button>
</div>
<span class="label">Your Badges</span>
<div class="badges-row" id="badges-row"></div>
<span class="label">Today's Reflection</span>
<div class="journal-prompt">
<div class="prompt-label">Reflect on This</div>
<div class="prompt-text" id="reflection-prompt">Loading...</div>
<textarea class="j-input" placeholder="Write your thoughts here..." id="journal-text"></textarea>
<button class="btn btn-blue" style="margin-top:12px;font-size:14px;padding:12px;" onclick="saveJournal('journal-text','journal-success')">Save Reflection ✍️</button>
<div class="success-msg" id="journal-success">✓ Reflection saved! Keep it up. You're growing.</div>
</div>
<span class="label">Worship Playlist</span>
<a class="spotify-card" href="https://open.spotify.com/playlist/6yzvDcHax1mekkW7l85hZu?si=GHI4rPN3T12sEWBJMsR1QQ&pi=W6oSY8tFRXmyS" target="_blank">
<div style="font-size:32px;">🎵</div>
<div><div class="spotify-label">McFerrin Youth Playlist</div><div class="spotify-sub">Worship · Faith · Identity · Courage</div></div>
<div style="margin-left:auto;color:rgba(0,0,0,0.5);font-size:20px;">›</div>
</a>
<div class="card card-red">
<span class="label">📅 Youth Schedule</span>
<div class="svc"><div class="svc-dot"></div><div><div class="svc-name">McFerrin Youth Service</div><div class="svc-time">Sunday · 6:00 PM</div></div></div>
<div class="svc"><div class="svc-dot"></div><div><div class="svc-name">Wonderful Wednesdays</div><div class="svc-time">Wednesday · 5:30 PM</div></div></div>
<div class="svc"><div class="svc-dot" style="background:#FFD700"></div><div><div class="svc-name">Graduation Sunday 🎓</div><div class="svc-time">May 17th · 9:30 AM · Breakfast follows worship</div></div></div>
<div class="svc"><div class="svc-dot" style="background:var(--blue)"></div><div><div class="svc-name">VBS — Illumination Station ✨</div><div class="svc-time">May 26–29 · 5:30–8:00 PM</div></div></div>
</div>
</div>
<!-- MESSAGES -->
<div id="page-messages" class="page">
<div style="padding:8px 0 16px;"><div style="font-size:13px;color:var(--gray);margin-bottom:4px;">Watch · Listen · Grow</div><h1 class="page-title">Messages</h1></div>
<div class="card card-red" style="text-align:center;padding:28px 20px;margin-bottom:14px;">
<div style="font-size:48px;margin-bottom:12px;">▶️</div>
<div style="font-family:'Playfair Display',serif;font-size:20px;font-weight:700;margin-bottom:8px;">McFerrin on YouTube</div>
<div style="font-size:14px;color:var(--gray);line-height:1.6;margin-bottom:18px;">Watch sermons, youth messages, and more from McFerrin United Methodist Church.</div>
<a href="http://www.youtube.com/@McFerrinUnitedMethodistChurch" target="_blank" class="btn btn-red" style="text-decoration:none;font-size:14px;padding:13px;">🎬 Watch on YouTube</a>
</div>
<div class="card card-blue" style="background:linear-gradient(135deg,#080b18,#1a1a1a);margin-bottom:14px;">
<span class="label">📖 Bible Reading Plan</span>
<div style="font-size:14px;color:var(--gray);line-height:1.6;margin-bottom:14px;">Free reading plans in the YouVersion Bible App. Perfect for daily faith growth. Available on iPhone & Android.</div>
<a href="https://www.bible.com/reading-plans" target="_blank" class="btn btn-blue" style="text-decoration:none;font-size:14px;padding:13px;">📱 Start a Reading Plan</a>
</div>
<div class="card" style="display:flex;align-items:center;gap:14px;">
<div style="width:46px;height:46px;background:rgba(230,57,70,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;">🎨</div>
<div style="flex:1;"><div style="font-size:14px;font-weight:700;">BibleProject</div><div style="font-size:12px;color:var(--gray);margin-top:3px;">Animated Bible explainers — great for teens</div></div>
<a href="https://www.bibleproject.com" target="_blank" style="color:var(--blue);font-size:13px;font-weight:600;text-decoration:none;">Open ›</a>
</div>
</div>
<!-- MINISTRIES -->
<div id="page-ministries" class="page">
<div style="padding:8px 0 16px;"><div style="font-size:13px;color:var(--gray);margin-bottom:4px;">Find Your Place</div><h1 class="page-title">Ministries</h1></div>
<div class="min-card"><div class="min-icon" style="background:rgba(230,57,70,0.1);">🔥</div><div><div class="min-name">McFerrin Youth</div><div class="min-desc">Grades 6–12 · Sun 6PM & Wed 5:30PM</div></div></div>
<div class="min-card"><div class="min-icon" style="background:rgba(59,130,246,0.1);">⭐</div><div><div class="min-name">McFerrin Kids</div><div class="min-desc">Children's Ministry · Wonderful Wednesdays 5:30PM</div></div></div>
<div class="min-card"><div class="min-icon" style="background:rgba(230,57,70,0.1);">🙏</div><div><div class="min-name">Prayer Group</div><div class="min-desc">Wednesday · 5:30 PM · All are welcome</div></div></div>
<div class="min-card"><div class="min-icon" style="background:rgba(59,130,246,0.1);">💪</div><div><div class="min-name">Men's Group</div><div class="min-desc">First Saturday of the month · 8:30 AM</div></div></div>
<div class="min-card"><div class="min-icon" style="background:rgba(230,57,70,0.1);">🌸</div><div><div class="min-name">Women's Group</div><div class="min-desc">Sisters in Faith · Growth & Connection</div></div></div>
<div class="min-card"><div class="min-icon" style="background:rgba(59,130,246,0.1);">🤝</div><div><div class="min-name">Fellowship Group</div><div class="min-desc">Community · Belonging · Together</div><div style="font-size:11px;color:var(--blue);margin-top:4px;">🚚 Food Truck Volunteer · 4th Friday · 9:30 AM</div></div></div>
<div class="min-card"><div class="min-icon" style="background:rgba(230,57,70,0.1);">🌍</div><div><div class="min-name">Community Service Projects</div><div class="min-desc">Serving Church Hill & Beyond</div></div></div>
<div class="card" style="text-align:center;margin-top:6px;"><div style="font-size:14px;color:var(--gray);margin-bottom:14px;">Interested in getting involved?</div><button class="btn btn-red" onclick="showPage('contact')" style="font-size:14px;padding:13px;">Get Connected</button></div>
</div>
<!-- MORE -->
<div id="page-more" class="page">
<div style="padding:8px 0 16px;"><div style="font-size:13px;color:var(--gray);margin-bottom:4px;">Everything Else</div><h1 class="page-title">More</h1></div>
<div class="more-grid">
<button class="more-tile" onclick="showPage('events')"><div class="more-icon">📅</div><div class="more-label">Events</div><div class="more-sub">Upcoming at McFerrin</div></button>
<button class="more-tile" onclick="showPage('prayer')"><div class="more-icon">🙏</div><div class="more-label">Prayer</div><div class="more-sub">Request Prayer</div></button>
<button class="more-tile" onclick="showPage('journal')"><div class="more-icon">✍️</div><div class="more-label">Journal</div><div class="more-sub">Reflect & Grow</div></button>
<button class="more-tile" onclick="showPage('resources')"><div class="more-icon">📚</div><div class="more-label">Resources</div><div class="more-sub">Tools for Faith</div></button>
<button class="more-tile" onclick="showPage('contact')"><div class="more-icon">📍</div><div class="more-label">Contact</div><div class="more-sub">Find & Reach Us</div></button>
<button class="more-tile" onclick="showPage('messages')"><div class="more-icon">📺</div><div class="more-label">Messages</div><div class="more-sub">Watch & Listen</div></button>
</div>
<div class="card">
<span class="label">📣 Follow Us</span>
<a href="https://www.facebook.com/share/1D3NbR9FQc/?mibextid=wwXIfr" target="_blank" style="display:flex;align-items:center;gap:12px;text-decoration:none;padding:10px 0;border-bottom:1px solid var(--border);">
<span style="font-size:24px;">📘</span>
<div><div style="font-size:14px;font-weight:600;color:var(--white);">McFerrin United Methodist Church</div><div style="font-size:11px;color:var(--gray);">Facebook · Tap to visit</div></div>
<span style="margin-left:auto;color:var(--gray);">›</span>
</a>
<a href="http://www.youtube.com/@McFerrinUnitedMethodistChurch" target="_blank" style="display:flex;align-items:center;gap:12px;text-decoration:none;padding:10px 0;">
<span style="font-size:24px;">📺</span>
<div><div style="font-size:14px;font-weight:600;color:var(--white);">@McFerrinUnitedMethodistChurch</div><div style="font-size:11px;color:var(--gray);">YouTube · Watch & Subscribe</div></div>
<span style="margin-left:auto;color:var(--gray);">›</span>
</a>
</div>
<div class="card" style="text-align:center;">
<div style="font-family:'Times New Roman',serif;font-size:17px;font-weight:700;margin-bottom:6px;">McFerrin United Methodist Church</div>
<div style="font-size:13px;color:var(--gray);">117 Mountain View Road · Church Hill, TN 37642</div>
<div style="font-size:13px;color:var(--gray);margin-top:4px;">Pastor Dave Poore</div>
</div>
</div>
<!-- EVENTS -->
<div id="page-events" class="page">
<button class="back-btn" onclick="goBack()">← Back</button>
<span class="label">Upcoming</span><h2 class="page-title">Events</h2><p class="page-sub">What's happening at McFerrin</p>
<div class="ev-section-title">🌟 Upcoming Special Events</div>
<div class="ev-card gold"><div class="ev-tag">Youth · Special</div><div class="ev-name">Graduation Sunday 🎓</div><div class="ev-time">May 17th · 9:30 AM</div><div class="ev-detail">Breakfast to follow worship service — celebrating our graduates!</div></div>
<div class="vbs-card">
<div style="position:absolute;top:-30px;right:-30px;width:120px;height:120px;background:radial-gradient(circle,rgba(59,130,246,0.15) 0%,transparent 70%);border-radius:50%;pointer-events:none;"></div>
<div class="vbs-badge">⭐ McFerrin Kids</div>
<div class="vbs-title">Vacation Bible School<br><span>Illumination Station</span> ✨</div>
<div class="vbs-dates">May 26–29, 2025</div>
<div class="vbs-time">5:30 PM – 8:00 PM each evening</div>
<div style="margin-top:10px;font-size:12px;color:var(--gray);">A week of faith, fun, and light for our kids!</div>
</div>
<div class="vbs-card" style="background:linear-gradient(135deg,#1a0507,#1a1a1a);border-color:rgba(230,57,70,0.3);">
<div style="position:absolute;top:-30px;right:-30px;width:120px;height:120px;background:radial-gradient(circle,rgba(230,57,70,0.12) 0%,transparent 70%);border-radius:50%;pointer-events:none;"></div>
<div style="display:inline-flex;align-items:center;gap:6px;background:rgba(230,57,70,0.15);border:1px solid rgba(230,57,70,0.4);border-radius:20px;padding:4px 12px;font-size:10px;font-weight:800;color:var(--red);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px;">🔥 McFerrin Youth</div>
<div class="vbs-title">Vacation Bible School<br><span>Illumination Station</span> ✨</div>
<div class="vbs-dates" style="color:var(--red);">May 26–29, 2025</div>
<div class="vbs-time">5:30 PM – 8:00 PM each evening</div>
<div style="margin-top:10px;font-size:12px;color:var(--gray);">Youth serving, leading, and shining bright!</div>
</div>
<div class="ev-section-title">📆 Monthly Recurring</div>
<div class="ev-card"><div class="ev-tag">Men's Group</div><div class="ev-name">Men's Group Meetup 💪</div><div class="ev-time">First Saturday of every month · 8:30 AM</div></div>
<div class="ev-card blue"><div class="ev-tag">Fellowship</div><div class="ev-name">Food Truck Volunteer 🚚</div><div class="ev-time">Every 4th Friday of the month · 9:30 AM</div><div class="ev-detail">Serving our community together — all are welcome!</div></div>
<div class="ev-section-title">📅 Every Week</div>
<div class="ev-card"><div class="ev-tag">Every Sunday</div><div class="ev-name">Worship Service</div><div class="ev-time">9:30 AM · McFerrin UMC</div></div>
<div class="ev-card"><div class="ev-tag">Every Sunday</div><div class="ev-name">Sunday School</div><div class="ev-time">10:30 AM · McFerrin UMC</div></div>
<div class="ev-card blue"><div class="ev-tag">Every Sunday</div><div class="ev-name">McFerrin Youth Service</div><div class="ev-time">6:00 PM · McFerrin UMC</div></div>
<div class="ev-card blue"><div class="ev-tag">Every Wednesday</div><div class="ev-name">Wonderful Wednesdays</div><div class="ev-time">5:30 PM · Youth · Kids · Prayer Group</div></div>
<div class="card" style="text-align:center;margin-top:6px;"><div style="font-size:13px;color:var(--gray);margin-bottom:12px;">For latest announcements follow us on Facebook!</div><a href="https://www.facebook.com/share/1D3NbR9FQc/?mibextid=wwXIfr" target="_blank" class="btn btn-outline" style="text-decoration:none;font-size:14px;padding:12px;">📘 Check Our Facebook</a></div>
</div>
<!-- PRAYER -->
<div id="page-prayer" class="page">
<button class="back-btn" onclick="goBack()">← Back</button>
<span class="label">We're Here for You</span><h2 class="page-title">Prayer Requests</h2><p class="page-sub">You don't have to carry it alone.</p>
<div class="card card-blue" style="background:linear-gradient(135deg,#080b18,#1a1a1a);">
<div class="form-group"><label class="form-label">Your Name</label><input class="form-input" type="text" placeholder="First name is fine" id="prayer-name"></div>
<div class="form-group"><label class="form-label">Your Prayer Request</label><textarea class="form-input" placeholder="Share what's on your heart..." id="prayer-text" style="height:130px;"></textarea></div>
<div class="form-group" style="margin-bottom:0;"><label style="display:flex;align-items:center;gap:10px;cursor:pointer;"><input type="checkbox" id="prayer-anon" style="width:16px;height:16px;accent-color:var(--blue);"><span style="font-size:13px;color:var(--gray);">Keep my name private</span></label></div>
<button class="btn btn-blue" style="margin-top:16px;font-size:14px;padding:13px;" onclick="submitPrayer()">🙏 Send Prayer Request</button>
<div class="success-msg" id="prayer-success">✓ Your prayer request has been sent. You are loved and not forgotten.</div>
</div>
<div class="verse-card"><div class="verse-text">"Cast all your anxiety on him because he cares for you."</div><div class="verse-ref">1 Peter 5:7</div></div>
<div class="verse-card"><div class="verse-text">"Do not be anxious about anything, but in every situation, by prayer and petition, with thanksgiving, present your requests to God."</div><div class="verse-ref">Philippians 4:6</div></div>
</div>
<!-- JOURNAL -->
<div id="page-journal" class="page">
<button class="back-btn" onclick="goBack()">← Back</button>
<span class="label">Reflect & Grow</span><h2 class="page-title">My Journal</h2><p class="page-sub">Your thoughts, your growth, your story with God.</p>
<div class="journal-prompt">
<div class="prompt-label">Today's Prompt</div>
<div class="prompt-text" id="journal-prompt-full">Loading...</div>
<textarea class="j-input" style="height:160px;" placeholder="Start writing..." id="journal-full-text"></textarea>
<button class="btn btn-blue" style="margin-top:12px;font-size:14px;padding:13px;" onclick="saveJournal('journal-full-text','journal-full-success')">Save Entry ✍️</button>
<div class="success-msg" id="journal-full-success">✓ Entry saved! You're doing the work. Keep going.</div>
</div>
<span class="label">All 60 Prompts — Tap to Use</span>
<div id="all-prompts-list"></div>
</div>
<!-- RESOURCES -->
<div id="page-resources" class="page">
<button class="back-btn" onclick="goBack()">← Back</button>
<span class="label">Grow in Faith</span><h2 class="page-title">Resources</h2><p class="page-sub">Free tools for your faith journey</p>
<span class="label">🎬 Watch</span>
<a href="https://www.comeandseefoundation.org/watch" target="_blank" class="res-item" style="background:linear-gradient(135deg,#0a0a1a,#1a1a1a);border-color:rgba(59,130,246,0.3);">
<div class="res-icon" style="background:rgba(59,130,246,0.2);">🕊️</div>
<div><div class="res-name" style="color:var(--blue);">The Chosen — Watch Free</div><div class="res-desc">The acclaimed series about Jesus</div></div>
<div class="res-arr">›</div>
</a>
<div style="display:flex;gap:10px;margin-bottom:10px;">
<a href="https://apps.apple.com/us/app/the-chosen-watch-together/id1492507568" target="_blank" style="flex:1;background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:12px;text-align:center;text-decoration:none;"><div style="font-size:20px;">🍎</div><div style="font-size:11px;color:var(--white);font-weight:600;margin-top:4px;">App Store</div></a>
<a href="https://play.google.com/store/apps/details?id=com.vidangel.thechosen" target="_blank" style="flex:1;background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:12px;text-align:center;text-decoration:none;"><div style="font-size:20px;">▶️</div><div style="font-size:11px;color:var(--white);font-weight:600;margin-top:4px;">Google Play</div></a>
<a href="http://www.youtube.com/@McFerrinUnitedMethodistChurch" target="_blank" style="flex:1;background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:12px;text-align:center;text-decoration:none;"><div style="font-size:20px;">📺</div><div style="font-size:11px;color:var(--white);font-weight:600;margin-top:4px;">YouTube</div></a>
</div>
<span class="label" style="margin-top:8px;">📖 Bible & Reading</span>
<a href="https://www.bible.com/reading-plans" target="_blank" class="res-item"><div class="res-icon" style="background:rgba(230,57,70,0.1);">📖</div><div><div class="res-name">YouVersion Bible App</div><div class="res-desc">Free reading plans, devotions & audio Bible</div></div><div class="res-arr">›</div></a>
<a href="https://www.biblegateway.com" target="_blank" class="res-item"><div class="res-icon" style="background:rgba(59,130,246,0.1);">🔍</div><div><div class="res-name">Bible Gateway</div><div class="res-desc">Search any verse in any translation</div></div><div class="res-arr">›</div></a>
<span class="label" style="margin-top:8px;">🎵 Worship Music</span>
<a href="https://open.spotify.com/playlist/6yzvDcHax1mekkW7l85hZu?si=GHI4rPN3T12sEWBJMsR1QQ&pi=W6oSY8tFRXmyS" target="_blank" class="res-item"><div class="res-icon" style="background:#1DB954;">🎵</div><div><div class="res-name">McFerrin Youth Playlist</div><div class="res-desc">Worship music curated for McFerrin Youth</div></div><div class="res-arr">›</div></a>
<span class="label" style="margin-top:8px;">🧠 For Teens & Young Adults</span>
<a href="https://www.bibleproject.com" target="_blank" class="res-item"><div class="res-icon" style="background:rgba(230,57,70,0.1);">🎨</div><div><div class="res-name">BibleProject</div><div class="res-desc">Animated Bible explainers — seriously great</div></div><div class="res-arr">›</div></a>
<a href="https://www.exploregod.com" target="_blank" class="res-item"><div class="res-icon" style="background:rgba(59,130,246,0.1);">❓</div><div><div class="res-name">Explore God</div><div class="res-desc">Big questions. Real answers. For young people.</div></div><div class="res-arr">›</div></a>
<span class="label" style="margin-top:8px;">⛪ United Methodist</span>
<a href="https://www.umc.org" target="_blank" class="res-item"><div class="res-icon" style="background:rgba(59,130,246,0.1);">⛪</div><div><div class="res-name">United Methodist Church</div><div class="res-desc">Official UMC resources, news & devotions</div></div><div class="res-arr">›</div></a>
<a href="https://www.umyoungpeople.org" target="_blank" class="res-item"><div class="res-icon" style="background:rgba(230,57,70,0.1);">🔥</div><div><div class="res-name">UM Young People</div><div class="res-desc">National UMC youth ministry network</div></div><div class="res-arr">›</div></a>
</div>
<!-- CONTACT -->
<div id="page-contact" class="page">
<button class="back-btn" onclick="goBack()">← Back</button>
<span class="label">We'd Love to Hear From You</span><h2 class="page-title">Contact Us</h2><p class="page-sub">McFerrin United Methodist Church</p>
<a href="tel:4233578334" class="con-item"><div class="con-icon">📞</div><div style="flex:1;"><div class="con-label">Church Phone</div><div class="con-value">423.357.8334</div></div><span class="con-action">Call</span></a>
<a href="tel:4233981676" class="con-item"><div class="con-icon">🔥</div><div style="flex:1;"><div class="con-label">Youth Outreach Line</div><div class="con-value">423-398-1676</div></div><span class="con-action">Call</span></a>
<a href="mailto:mcferrinchurch@gmail.com" class="con-item"><div class="con-icon">✉️</div><div style="flex:1;"><div class="con-label">Email</div><div class="con-value">mcferrinchurch@gmail.com</div></div><span class="con-action">Email</span></a>
<a href="https://maps.apple.com/?address=117+Mountain+View+Road,Church+Hill,TN+37642" target="_blank" class="con-item"><div class="con-icon">📍</div><div style="flex:1;"><div class="con-label">Address</div><div class="con-value">117 Mountain View Road<br>Church Hill, TN 37642</div></div><span class="con-action">Map</span></a>
<a href="https://www.facebook.com/share/1D3NbR9FQc/?mibextid=wwXIfr" target="_blank" class="con-item"><div class="con-icon">📘</div><div style="flex:1;"><div class="con-label">Facebook</div><div class="con-value">McFerrin United Methodist Church</div></div><span class="con-action">Visit</span></a>
<a href="http://www.youtube.com/@McFerrinUnitedMethodistChurch" target="_blank" class="con-item"><div class="con-icon">📺</div><div style="flex:1;"><div class="con-label">YouTube</div><div class="con-value">@McFerrinUnitedMethodistChurch</div></div><span class="con-action">Watch</span></a>
<div class="card" style="text-align:center;margin-top:8px;">
<div style="font-family:'Times New Roman',serif;font-size:18px;font-weight:700;margin-bottom:6px;">McFerrin United Methodist Church</div>
<div style="font-size:13px;color:var(--gray);">117 Mountain View Road<br>Church Hill, TN 37642</div>
<div style="margin-top:10px;font-size:14px;font-weight:600;">Pastor Dave Poore</div>
</div>
</div>
</main>
<nav id="bottom-nav">
<button class="nav-item active" data-page="home" onclick="showPage('home')"><span class="nav-icon">🏠</span><span>Home</span></button>
<button class="nav-item" data-page="youth" onclick="showPage('youth')"><span class="nav-icon">🔥</span><span>Youth</span></button>
<button class="nav-item" data-page="messages" onclick="showPage('messages')"><span class="nav-icon">📺</span><span>Messages</span></button>
<button class="nav-item" data-page="ministries" onclick="showPage('ministries')"><span class="nav-icon">⛪</span><span>Ministries</span></button>
<button class="nav-item" data-page="more" onclick="showPage('more')"><span class="nav-icon">☰</span><span>More</span></button>
</nav>
</div>
<script>
const verses=[{t:"For I know the plans I have for you, declares the Lord — plans to prosper you and not to harm you, plans to give you hope and a future.",r:"Jeremiah 29:11"},{t:"Before I formed you in the womb I knew you, before you were born I set you apart.",r:"Jeremiah 1:5"},{t:"I praise you because I am fearfully and wonderfully made; your works are wonderful, I know that full well.",r:"Psalm 139:14"},{t:"For we are God's handiwork, created in Christ Jesus to do good works, which God prepared in advance for us to do.",r:"Ephesians 2:10"},{t:"Don't let anyone look down on you because you are young, but set an example for believers in speech, in conduct, in love, in faith and in purity.",r:"1 Timothy 4:12"},{t:"You are the light of the world. A town built on a hill cannot be hidden.",r:"Matthew 5:14"},{t:"The Lord your God is with you, the Mighty Warrior who saves. He will take great delight in you; in his love he will rejoice over you with singing.",r:"Zephaniah 3:17"},{t:"But you are a chosen people, a royal priesthood, a holy nation, God's special possession.",r:"1 Peter 2:9"},{t:"I have been crucified with Christ and I no longer live, but Christ lives in me.",r:"Galatians 2:20"},{t:"No, in all these things we are more than conquerors through him who loved us.",r:"Romans 8:37"},{t:"Therefore, if anyone is in Christ, the new creation has come: The old has gone, the new is here!",r:"2 Corinthians 5:17"},{t:"For he chose us in him before the creation of the world to be holy and blameless in his sight.",r:"Ephesians 1:4"},{t:"You did not choose me, but I chose you and appointed you so that you might go and bear fruit.",r:"John 15:16"},{t:"So God created mankind in his own image, in the image of God he created them.",r:"Genesis 1:27"},{t:"In all things God works for the good of those who love him, who have been called according to his purpose.",r:"Romans 8:28"},{t:"The Lord does not look at the things people look at. People look at the outward appearance, but the Lord looks at the heart.",r:"1 Samuel 16:7"},{t:"See what great love the Father has lavished on us, that we should be called children of God! And that is what we are!",r:"1 John 3:1"},{t:"For you created my inmost being; you knit me together in my mother's womb.",r:"Psalm 139:13"},{t:"He has made everything beautiful in its time.",r:"Ecclesiastes 3:11"},{t:"Be strong and courageous. Do not be afraid; do not be discouraged, for the Lord your God will be with you wherever you go.",r:"Joshua 1:9"},{t:"But those who hope in the Lord will renew their strength. They will soar on wings like eagles.",r:"Isaiah 40:31"},{t:"I can do all this through him who gives me strength.",r:"Philippians 4:13"},{t:"The Lord is my strength and my shield; my heart trusts in him, and he helps me.",r:"Psalm 28:7"},{t:"For the Spirit God gave us does not make us timid, but gives us power, love and self-discipline.",r:"2 Timothy 1:7"},{t:"Be strong and courageous. Do not be afraid or terrified because of them, for the Lord your God goes with you.",r:"Deuteronomy 31:6"},{t:"So do not fear, for I am with you; do not be dismayed, for I am your God. I will strengthen you and help you.",r:"Isaiah 41:10"},{t:"It is God who arms me with strength and keeps my way secure.",r:"Psalm 18:32"},{t:"God is our refuge and strength, an ever-present help in trouble.",r:"Psalm 46:1"},{t:"The Sovereign Lord is my strength; he makes my feet like the feet of a deer.",r:"Habakkuk 3:19"},{t:"Be on your guard; stand firm in the faith; be courageous; be strong.",r:"1 Corinthians 16:13"},{t:"Finally, be strong in the Lord and in his mighty power.",r:"Ephesians 6:10"},{t:"The Lord is my light and my salvation — whom shall I fear?",r:"Psalm 27:1"},{t:"In this world you will have trouble. But take heart! I have overcome the world.",r:"John 16:33"},{t:"No weapon forged against you will prevail.",r:"Isaiah 54:17"},{t:"Wait for the Lord; be strong and take heart and wait for the Lord.",r:"Psalm 31:24"},{t:"Trust in the Lord with all your heart and lean not on your own understanding; in all your ways submit to him, and he will make your paths straight.",r:"Proverbs 3:5-6"},{t:"The Lord is my shepherd; I shall not want.",r:"Psalm 23:1"},{t:"Now faith is confidence in what we hope for and assurance about what we do not see.",r:"Hebrews 11:1"},{t:"Consequently, faith comes from hearing the message, and the message is heard through the word about Christ.",r:"Romans 10:17"},{t:"Take delight in the Lord, and he will give you the desires of your heart.",r:"Psalm 37:4"},{t:"Trust in him at all times, you people; pour out your hearts to him, for God is our refuge.",r:"Psalm 62:8"},{t:"You will keep in perfect peace those whose minds are steadfast, because they trust in you.",r:"Isaiah 26:3"},{t:"Blessed is the one who trusts in the Lord, whose confidence is in him.",r:"Jeremiah 17:7"},{t:"When I am afraid, I put my trust in you.",r:"Psalm 56:3"},{t:"For we live by faith, not by sight.",r:"2 Corinthians 5:7"},{t:"May the God of hope fill you with all joy and peace as you trust in him.",r:"Romans 15:13"},{t:"Those who know your name trust in you, for you, Lord, have never forsaken those who seek you.",r:"Psalm 9:10"},{t:"Commit to the Lord whatever you do, and he will establish your plans.",r:"Proverbs 16:3"},{t:"This is the confidence we have in approaching God: that if we ask anything according to his will, he hears us.",r:"1 John 5:14"},{t:"Surely your goodness and love will follow me all the days of my life.",r:"Psalm 23:6"},{t:"And the peace of God, which transcends all understanding, will guard your hearts and your minds in Christ Jesus.",r:"Philippians 4:7"},{t:"Peace I leave with you; my peace I give you. I do not give to you as the world gives.",r:"John 14:27"},{t:"Come to me, all you who are weary and burdened, and I will give you rest.",r:"Matthew 11:28"},{t:"The Lord is close to the brokenhearted and saves those who are crushed in spirit.",r:"Psalm 34:18"},{t:"Because of the Lord's great love we are not consumed, for his compassions never fail. They are new every morning.",r:"Lamentations 3:22-23"},{t:"We have this hope as an anchor for the soul, firm and secure.",r:"Hebrews 6:19"},{t:"For I am convinced that neither death nor life, neither angels nor demons, nor anything else in all creation, will be able to separate us from the love of God.",r:"Romans 8:38-39"},{t:"He will wipe every tear from their eyes. There will be no more death or mourning or crying or pain.",r:"Revelation 21:4"},{t:"I remain confident of this: I will see the goodness of the Lord in the land of the living.",r:"Psalm 27:13"},{t:"You make known to me the path of life; you will fill me with joy in your presence.",r:"Psalm 16:11"},{t:"For God so loved the world that he gave his one and only Son, that whoever believes in him shall not perish but have eternal life.",r:"John 3:16"},{t:"But God demonstrates his own love for us in this: While we were still sinners, Christ died for us.",r:"Romans 5:8"},{t:"And now these three remain: faith, hope and love. But the greatest of these is love.",r:"1 Corinthians 13:13"},{t:"How priceless is your unfailing love, O God! People take refuge in the shadow of your wings.",r:"Psalm 36:7"},{t:"But because of his great love for us, God, who is rich in mercy, made us alive with Christ even when we were dead in transgressions.",r:"Ephesians 2:4-5"},{t:"The Lord appeared to us in the past, saying: I have loved you with an everlasting love.",r:"Jeremiah 31:3"},{t:"We love because he first loved us.",r:"1 John 4:19"},{t:"Greater love has no one than this: to lay down one's life for one's friends.",r:"John 15:13"},{t:"But he said to me, 'My grace is sufficient for you, for my power is made perfect in weakness.'",r:"2 Corinthians 12:9"},{t:"Though the mountains be shaken and the hills be removed, yet my unfailing love for you will not be shaken.",r:"Isaiah 54:10"},{t:"Above all, love each other deeply, because love covers over a multitude of sins.",r:"1 Peter 4:8"},{t:"A new command I give you: Love one another. As I have loved you, so you must love one another.",r:"John 13:34"},{t:"God is love. Whoever lives in love lives in God, and God in them.",r:"1 John 4:16"},{t:"Do not be anxious about anything, but in every situation, by prayer and petition, with thanksgiving, present your requests to God.",r:"Philippians 4:6"},{t:"Pray continually.",r:"1 Thessalonians 5:17"},{t:"Ask and it will be given to you; seek and you will find; knock and the door will be opened to you.",r:"Matthew 7:7"},{t:"He says, 'Be still, and know that I am God.'",r:"Psalm 46:10"},{t:"Come near to God and he will come near to you.",r:"James 4:8"},{t:"The Lord is near to all who call on him, to all who call on him in truth.",r:"Psalm 145:18"},{t:"Cast all your anxiety on him because he cares for you.",r:"1 Peter 5:7"},{t:"The eyes of the Lord are on the righteous, and his ears are attentive to their cry.",r:"Psalm 34:15"},{t:"Let us then approach God's throne of grace with confidence, so that we may receive mercy and find grace to help us in our time of need.",r:"Hebrews 4:16"},{t:"Be joyful in hope, patient in affliction, faithful in prayer.",r:"Romans 12:12"},{t:"The prayer of a righteous person is powerful and effective.",r:"James 5:16"},{t:"In the morning, Lord, you hear my voice; in the morning I lay my requests before you and wait expectantly.",r:"Psalm 5:3"},{t:"Do not conform to the pattern of this world, but be transformed by the renewing of your mind.",r:"Romans 12:2"},{t:"Being confident of this, that he who began a good work in you will carry it on to completion.",r:"Philippians 1:6"},{t:"Create in me a pure heart, O God, and renew a steadfast spirit within me.",r:"Psalm 51:10"},{t:"See, I am doing a new thing! Now it springs up; do you not perceive it?",r:"Isaiah 43:19"},{t:"But the fruit of the Spirit is love, joy, peace, forbearance, kindness, goodness, faithfulness, gentleness and self-control.",r:"Galatians 5:22-23"},{t:"Therefore we do not lose heart. Though outwardly we are wasting away, yet inwardly we are being renewed day by day.",r:"2 Corinthians 4:16"},{t:"But grow in the grace and knowledge of our Lord and Savior Jesus Christ.",r:"2 Peter 3:18"},{t:"Let us throw off everything that hinders and the sin that so easily entangles. And let us run with perseverance the race marked out for us.",r:"Hebrews 12:1"},{t:"I press on toward the goal to win the prize for which God has called me heavenward in Christ Jesus.",r:"Philippians 3:14"},{t:"I am the vine; you are the branches. If you remain in me and I in you, you will bear much fruit.",r:"John 15:5"},{t:"Your word is a lamp for my feet, a light on my path.",r:"Psalm 119:105"},{t:"He who was seated on the throne said, 'I am making everything new!'",r:"Revelation 21:5"},{t:"For it is God who works in you to will and to act in order to fulfill his good purpose.",r:"Philippians 2:13"},{t:"In the same way, let your light shine before others, that they may see your good deeds and glorify your Father in heaven.",r:"Matthew 5:16"},{t:"For even the Son of Man did not come to be served, but to serve, and to give his life as a ransom for many.",r:"Mark 10:45"},{t:"Each of you should use whatever gift you have received to serve others.",r:"1 Peter 4:10"},{t:"Truly I tell you, whatever you did for one of the least of these brothers and sisters of mine, you did for me.",r:"Matthew 25:40"},{t:"He has shown you, O mortal, what is good. And what does the Lord require of you? To act justly and to love mercy and to walk humbly with your God.",r:"Micah 6:8"},{t:"Therefore go and make disciples of all nations.",r:"Matthew 28:19"},{t:"Let us not become weary in doing good, for at the proper time we will reap a harvest if we do not give up.",r:"Galatians 6:9"},{t:"Whatever you do, work at it with all your heart, as working for the Lord, not for human masters.",r:"Colossians 3:23"},{t:"And let us consider how we may spur one another on toward love and good deeds, not giving up meeting together.",r:"Hebrews 10:24-25"},{t:"Therefore encourage one another and build each other up.",r:"1 Thessalonians 5:11"},{t:"As iron sharpens iron, so one person sharpens another.",r:"Proverbs 27:17"},{t:"Two are better than one, because they have a good return for their labor.",r:"Ecclesiastes 4:9"},{t:"Carry each other's burdens, and in this way you will fulfill the law of Christ.",r:"Galatians 6:2"},{t:"How good and pleasant it is when God's people live together in unity!",r:"Psalm 133:1"},{t:"And over all these virtues put on love, which binds them all together in perfect unity.",r:"Colossians 3:14"},{t:"Accept one another, then, just as Christ accepted you, in order to bring praise to God.",r:"Romans 15:7"},{t:"For where two or three gather in my name, there am I with them.",r:"Matthew 18:20"},{t:"A friend loves at all times, and a brother is born for a time of adversity.",r:"Proverbs 17:17"},{t:"The fear of the Lord is the beginning of wisdom.",r:"Proverbs 1:7"},{t:"If any of you lacks wisdom, you should ask God, who gives generously to all without finding fault, and it will be given to you.",r:"James 1:5"},{t:"All Scripture is God-breathed and is useful for teaching, rebuking, correcting and training in righteousness.",r:"2 Timothy 3:16"},{t:"How can a young person stay on the path of purity? By living according to your word.",r:"Psalm 119:9"},{t:"Man shall not live on bread alone, but on every word that comes from the mouth of God.",r:"Matthew 4:4"},{t:"For the Lord gives wisdom; from his mouth come knowledge and understanding.",r:"Proverbs 2:6"},{t:"For the word of God is alive and active, sharper than any double-edged sword.",r:"Hebrews 4:12"},{t:"Enter his gates with thanksgiving and his courts with praise; give thanks to him and praise his name.",r:"Psalm 100:4"},{t:"Give thanks in all circumstances; for this is God's will for you in Christ Jesus.",r:"1 Thessalonians 5:18"},{t:"Rejoice in the Lord always. I will say it again: Rejoice!",r:"Philippians 4:4"},{t:"Let everything that has breath praise the Lord. Praise the Lord.",r:"Psalm 150:6"},{t:"And whatever you do, whether in word or deed, do it all in the name of the Lord Jesus, giving thanks to God the Father through him.",r:"Colossians 3:17"},{t:"I will extol the Lord at all times; his praise will always be on my lips.",r:"Psalm 34:1"},{t:"This is the day the Lord has made; let us rejoice and be glad in it.",r:"Psalm 118:24"},{t:"He heals the brokenhearted and binds up their wounds.",r:"Psalm 147:3"},{t:"He restores my soul. He leads me in paths of righteousness for his name's sake.",r:"Psalm 23:3"},{t:"The Lord will fight for you; you need only to be still.",r:"Exodus 14:14"},{t:"He gives power to the faint, and to him who has no might he increases strength.",r:"Isaiah 40:29"},{t:"Weeping may stay for the night, but rejoicing comes in the morning.",r:"Psalm 30:5"},{t:"And after you have suffered a little while, the God of all grace, who has called you to his eternal glory in Christ, will himself restore, confirm, strengthen, and establish you.",r:"1 Peter 5:10"},{t:"The Spirit of the Sovereign Lord is on me, to bind up the brokenhearted.",r:"Isaiah 61:1"},{t:"But those who hope in the Lord will renew their strength.",r:"Isaiah 40:31"},{t:"I sought the Lord, and he answered me; he delivered me from all my fears.",r:"Psalm 34:4"},{t:"You turned my wailing into dancing; you removed my sackcloth and clothed me with joy.",r:"Psalm 30:11"},{t:"Whatever is true, whatever is noble, whatever is right, whatever is pure, whatever is lovely, whatever is admirable — think about such things.",r:"Philippians 4:8"},{t:"Let no corrupting talk come out of your mouths, but only such as is good for building up.",r:"Ephesians 4:29"},{t:"Do to others as you would have them do to you.",r:"Luke 6:31"},{t:"Blessed are the pure in heart, for they will see God.",r:"Matthew 5:8"},{t:"Blessed are the peacemakers, for they will be called children of God.",r:"Matthew 5:9"},{t:"And be kind to one another, tenderhearted, forgiving one another, as God in Christ forgave you.",r:"Ephesians 4:32"},{t:"A cheerful heart is good medicine.",r:"Proverbs 17:22"},{t:"Do not be overcome by evil, but overcome evil with good.",r:"Romans 12:21"},{t:"I am the way and the truth and the life. No one comes to the Father except through me.",r:"John 14:6"},{t:"Taste and see that the Lord is good; blessed is the one who takes refuge in him.",r:"Psalm 34:8"},{t:"Delight yourself in the Lord, and he will give you the desires of your heart.",r:"Psalm 37:4"},{t:"The Lord bless you and keep you; the Lord make his face shine on you and be gracious to you.",r:"Numbers 6:24-25"},{t:"With man this is impossible, but with God all things are possible.",r:"Matthew 19:26"},{t:"Not by might nor by power, but by my Spirit, says the Lord Almighty.",r:"Zechariah 4:6"},{t:"My sheep listen to my voice; I know them, and they follow me.",r:"John 10:27"},{t:"Now to him who is able to do immeasurably more than all we ask or imagine, according to his power that is at work within us.",r:"Ephesians 3:20"},{t:"But seek first his kingdom and his righteousness, and all these things will be given to you as well.",r:"Matthew 6:33"},{t:"I am the resurrection and the life. The one who believes in me will live, even though they die.",r:"John 11:25"},{t:"The name of the Lord is a fortified tower; the righteous run to it and are safe.",r:"Proverbs 18:10"},{t:"I am with you always, to the very end of the age.",r:"Matthew 28:20"},{t:"Surely goodness and love will follow me all the days of my life, and I will dwell in the house of the Lord forever.",r:"Psalm 23:6"},{t:"You will seek me and find me when you seek me with all your heart.",r:"Jeremiah 29:13"},{t:"He tends his flock like a shepherd: He gathers the lambs in his arms and carries them close to his heart.",r:"Isaiah 40:11"},{t:"The Lord is my helper; I will not be afraid. What can mere mortals do to me?",r:"Hebrews 13:6"},{t:"Jesus Christ is the same yesterday and today and forever.",r:"Hebrews 13:8"},{t:"If God is for us, who can be against us?",r:"Romans 8:31"},{t:"Humble yourselves before the Lord, and he will lift you up.",r:"James 4:10"},{t:"For everyone born of God overcomes the world. This is the victory that has overcome the world, even our faith.",r:"1 John 5:4"},{t:"I will never leave you nor forsake you.",r:"Hebrews 13:5"},{t:"The Lord is faithful, and he will strengthen you and protect you from the evil one.",r:"2 Thessalonians 3:3"},{t:"So whether you eat or drink or whatever you do, do it all for the glory of God.",r:"1 Corinthians 10:31"},{t:"Blessed is the one who perseveres under trial because, having stood the test, that person will receive the crown of life.",r:"James 1:12"},{t:"For the Lord your God is a merciful God; he will not abandon or destroy you.",r:"Deuteronomy 4:31"},{t:"The Lord is good to all; he has compassion on all he has made.",r:"Psalm 145:9"},{t:"He who began a good work in you will carry it on to completion.",r:"Philippians 1:6"},{t:"Do not let kindness and truth leave you; bind them around your neck, write them on the tablet of your heart.",r:"Proverbs 3:3"},{t:"A good name is more desirable than great riches.",r:"Proverbs 22:1"},{t:"Live such good lives among the pagans that, though they accuse you of doing wrong, they may see your good deeds and glorify God.",r:"1 Peter 2:12"},{t:"Praise be to the Lord, to God our Savior, who daily bears our burdens.",r:"Psalm 68:19"},{t:"Yet I am always with you; you hold me by my right hand.",r:"Psalm 73:23"},{t:"The Lord is gracious and compassionate, slow to anger and rich in love.",r:"Psalm 145:8"},{t:"For the Lord your God goes with you; he will never leave you nor forsake you.",r:"Deuteronomy 31:6"},{t:"May the Lord of peace himself give you peace at all times and in every way.",r:"2 Thessalonians 3:16"},{t:"Worthy is the Lamb, who was slain, to receive power and wealth and wisdom and strength and honor and glory and praise!",r:"Revelation 5:12"},{t:"Oh, the depth of the riches of the wisdom and knowledge of God!",r:"Romans 11:33"},{t:"Forget the former things; do not dwell on the past.",r:"Isaiah 43:18"},{t:"I keep my eyes always on the Lord. With him at my right hand, I will not be shaken.",r:"Psalm 16:8"},{t:"Give thanks to the Lord, for he is good; his love endures forever.",r:"Psalm 107:1"},{t:"Great is the Lord and most worthy of praise; his greatness no one can fathom.",r:"Psalm 145:3"},{t:"Praise be to the God and Father of our Lord Jesus Christ, who has blessed us in the heavenly realms with every spiritual blessing in Christ.",r:"Ephesians 1:3"},{t:"The steadfast love of the Lord never ceases; his mercies never come to an end.",r:"Lamentations 3:22"},{t:"My grace is sufficient for you, for my power is made perfect in weakness.",r:"2 Corinthians 12:9"}];
const reflections=[“What’s one thing God is calling you to let go of this week?”,“Where have you seen God show up unexpectedly in your life recently?”,“What does ‘having purpose’ mean to you right now in this season of life?”,“Write about a moment this week when you felt truly seen and known.”,“What fear is holding you back from stepping into who God made you to be?”,“Who in your life needs encouragement right now? How can you show up for them?”,“What does it mean to you that God knows your name?”,“Describe a time you felt God’s peace in the middle of something hard.”,“What is one thing you’re grateful for that you haven’t thanked God for yet?”,“If you could hear God say one thing to you today, what do you hope it would be?”,“How are you growing? What does growth look like for you spiritually right now?”,“What does ‘identity in Christ’ mean to you personally?”,“Write a prayer about something you’ve been afraid to bring to God.”,“Who do you want to become? What one step can you take this week toward that?”,“What is a situation in your life right now that requires courage?”,“How has someone shown you the love of God recently? How can you pay that forward?”,“What is one habit or mindset that is holding you back from God’s best for your life?”,“Write about a time God came through for you when you weren’t sure He would.”,“What does true friendship look like to you, and how does your faith shape that?”,“If you had no fear of failure, what would you do for God?”,“How do you handle doubt? What would you tell a friend who is doubting their faith?”,“What is one thing about yourself that you’re learning to accept and even be thankful for?”,“Describe a time when doing the right thing was hard. What did you learn?”,“What role does worship play in your life right now? How could it grow?”,“Write about someone who has poured into you. How can you honor that?”,“What Scripture verse feels like it was written just for you right now, and why?”,“Where do you feel most alive? How does that connect to your purpose?”,“What would your life look like in 5 years if you truly surrendered it to God?”,“How do you handle anger or frustration in a godly way?”,“What does it mean to ‘carry your cross’? What does that look like daily?”,“Who is someone you find it hard to love? How can you show them grace this week?”,“Write about a season of your life that was hard but taught you something important.”,“What distraction is pulling your attention away from what matters most?”,“How do you think God sees you when you mess up? Write a reflection on grace.”,“What is one thing you’ve been putting off doing that you know God is calling you toward?”,“How do your friendships reflect your faith?”,“What does it look like for you to be ‘salt and light’ in your school or neighborhood?”,“Write about a time you felt completely alone — and how God met you there.”,“What is your biggest dream? How might God be using that dream for His kingdom?”,“How do you talk to yourself when you fail? How would God respond to you?”,“What does rest look like for you spiritually?”,“How can you use your unique gifts and talents to serve others this week?”,“Write a letter from your future self to your current self — what wisdom would you share?”,“What is one thing you would like to confess and receive forgiveness for today?”,“How has your understanding of God changed in the past year?”,“Where do you see injustice or need in your community? How might God be calling you to respond?”,“What are you holding onto too tightly? What would it look like to open your hands to God?”,“Describe a moment when you felt God’s presence most strongly.”,“What does it mean to live with integrity when no one is watching?”,“How do you handle peer pressure? What helps you stay grounded in who you are?”,“What is one relationship in your life that needs healing? What would you pray for it?”,“Write about what it means to you that God is your Father.”,“What is something you’re anxious about? Write a prayer surrendering it to God.”,“How do you practice forgiveness — toward others and toward yourself?”,“What do you think your spiritual gifts are? How are you using them?”,“What would it look like to be fully present — to God, to people, to this moment?”,“How is God shaping your character through a current challenge or difficulty?”,“What is one thing you want to do before the end of this year to grow in your faith?”,“Write about what resurrection and new life mean to you personally.”,“What does it mean to you that Jesus calls you friend?”];
const badgeData=[{emoji:“🌟”,name:“First Visit”,key:“first_visit”},{emoji:“🔥”,name:“3-Day Streak”,key:“streak_3”},{emoji:“⚡”,name:“Week Warrior”,key:“streak_7”},{emoji:“💪”,name:“30-Day Champ”,key:“streak_30”},{emoji:“🙏”,name:“Prayer Partner”,key:“prayer_sent”},{emoji:“📖”,name:“Scripture Reader”,key:“verse_read”},{emoji:“✍️”,name:“Journaler”,key:“journal_saved”},{emoji:“🌱”,name:“Growing Strong”,key:“growing”}];
const mainPages=[‘home’,‘youth’,‘messages’,‘ministries’,‘more’];
let prevPage=‘home’;
function showPage(id){
const cur=document.querySelector(’.page.active’);
if(cur){prevPage=cur.id.replace(‘page-’,’’);cur.classList.remove(‘active’);cur.scrollTop=0;}
document.getElementById(‘page-’+id).classList.add(‘active’);
document.querySelectorAll(’.nav-item’).forEach(b=>{b.classList.toggle(‘active’,mainPages.includes(id)&&b.dataset.page===id);});
if(id===‘youth’||id===‘journal’)updateReflection();
if(id===‘journal’)renderAllPrompts();
}
function goBack(){showPage(mainPages.includes(prevPage)?prevPage:‘home’);}
function dayOfYear(){const n=new Date();const s=new Date(n.getFullYear(),0,0);return Math.floor((n-s)/864e5);}
function init(){
const v=verses[dayOfYear()%verses.length];
document.getElementById(‘daily-verse’).textContent=v.t;
document.getElementById(‘daily-ref’).textContent=v.r;
const h=new Date().getHours();
document.getElementById(‘greeting’).textContent=h<12?‘Good morning 👋’:h<17?‘Good afternoon 👋’:‘Good evening 👋’;
updateReflection();updateStreakDisplay();awardBadge(‘first_visit’);renderBadges();renderAllPrompts();
}
function updateReflection(){
const p=reflections[dayOfYear()%reflections.length];
[‘reflection-prompt’,‘journal-prompt-full’].forEach(id=>{const el=document.getElementById(id);if(el)el.textContent=p;});
}
function gS(k,d){try{const v=localStorage.getItem(k);return v!==null?JSON.parse(v):d;}catch{return d;}}
function sS(k,v){try{localStorage.setItem(k,JSON.stringify(v));}catch{}}
function addStreak(){
const today=new Date().toDateString();const last=gS(‘mumc_last’,’’);
if(last===today){alert(‘Already checked in today! 🔥 Come back tomorrow!’);return;}
const yesterday=new Date();yesterday.setDate(yesterday.getDate()-1);
let streak=gS(‘mumc_streak’,0);
streak=(last===yesterday.toDateString())?streak+1:1;
sS(‘mumc_streak’,streak);sS(‘mumc_last’,today);
awardBadge(‘first_visit’);
if(streak>=3)awardBadge(‘streak_3’);if(streak>=7)awardBadge(‘streak_7’);
if(streak>=30)awardBadge(‘streak_30’);if(streak>=14)awardBadge(‘growing’);
updateStreakDisplay();
const el=document.getElementById(‘streak-count’);
if(el){el.style.transform=‘scale(1.3)’;setTimeout(()=>el.style.transform=’’,300);}
}
function awardBadge(key){const b=gS(‘mumc_badges’,[]);if(!b.includes(key)){b.push(key);sS(‘mumc_badges’,b);}renderBadges();}
function updateStreakDisplay(){
const s=gS(‘mumc_streak’,0);
[‘streak-count’,‘header-streak’].forEach(id=>{const el=document.getElementById(id);if(el)el.textContent=s;});
const sub=document.getElementById(‘streak-sub’);
if(sub)sub.textContent=s===0?‘Start your streak today!’:s===1?‘You showed up today. That matters.’:s<7?s+’ days strong. Keep going!’:s<30?s+’ days! You're on fire! 🔥’:s+’ days! You're unstoppable! 🏆’;
renderBadges();
}
function renderBadges(){
const earned=gS(‘mumc_badges’,[]);const c=document.getElementById(‘badges-row’);if(!c)return;
c.innerHTML=badgeData.map(b=>’<div class="badge '+(earned.includes(b.key)?'earned':'')+'"><div class="badge-icon">’+b.emoji+’</div><div class="badge-name">’+b.name+’</div></div>’).join(’’);
}
function saveJournal(textId,successId){
const txt=document.getElementById(textId)?.value;if(!txt?.trim())return;
awardBadge(‘journal_saved’);
const entries=gS(‘mumc_journal’,[]);
entries.unshift({date:new Date().toLocaleDateString(),text:txt});
sS(‘mumc_journal’,entries.slice(0,50));
const s=document.getElementById(successId);if(s){s.style.display=‘block’;setTimeout(()=>s.style.display=‘none’,3500);}
document.getElementById(textId).value=’’;
}
function renderAllPrompts(){
const c=document.getElementById(‘all-prompts-list’);if(!c)return;
c.innerHTML=reflections.map((p,i)=>’<div class="card" style="margin-bottom:10px;cursor:pointer;" onclick="usePrompt('+i+')"><div style="font-size:10px;color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;">Prompt ‘+(i+1)+’</div><div style="font-size:14px;color:var(--gray);line-height:1.6;">’+p+’</div></div>’).join(’’);
}
function usePrompt(i){
const el=document.getElementById(‘journal-prompt-full’);const ta=document.getElementById(‘journal-full-text’);
if(el)el.textContent=reflections[i];if(ta){ta.value=’’;ta.focus();}
document.getElementById(‘page-journal’).scrollTo({top:0,behavior:‘smooth’});
}
function submitPrayer(){
const name=document.getElementById(‘prayer-name’)?.value;
const text=document.getElementById(‘prayer-text’)?.value;
if(!text?.trim()){alert(‘Please share your prayer request.’);return;}
awardBadge(‘prayer_sent’);
const anon=document.getElementById(‘prayer-anon’)?.checked;
const from=anon?‘Anonymous’:(name||‘A Friend from McFerrin’);
const subj=encodeURIComponent(‘Prayer Request from ‘+from);
const body=encodeURIComponent(‘From: ‘+from+’\n\nPrayer Request:\n’+text+’\n\n–\nSent via McFerrin UMC App’);
window.location.href=‘mailto:mcferrinchurch@gmail.com?subject=’+subj+’&body=’+body;
const s=document.getElementById(‘prayer-success’);if(s)s.style.display=‘block’;
document.getElementById(‘prayer-text’).value=’’;document.getElementById(‘prayer-name’).value=’’;
}
init();
</script>
</body>
</html>