Adolfo Reyna
34 lines
17 KiB
HTML
34 lines
17 KiB
HTML
<!doctype html>
|
||
<html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>EMI — A Vision for Latin America</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=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap" rel="stylesheet">
|
||
<style>
|
||
:root{--forest:#142b25;--forest2:#1e4034;--leaf:#377257;--leaf2:#75977a;--cream:#f0e8d8;--gold:#d9b46c;--amber:#e5c884;--coral:#bd7056;--text:#f8f3e9;--dim:#cfdbd2;--ink:#17342a;--muted:#66796c}
|
||
*{box-sizing:border-box}html,body{margin:0;background:#101b18;color:var(--text);font-family:'DM Sans',Arial,sans-serif}html::-webkit-scrollbar,body::-webkit-scrollbar,.deck::-webkit-scrollbar{display:none}.deck{height:100vh;overflow:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth}.slide{position:relative;width:min(100vw,160vh);height:min(56.25vw,90vh);min-height:700px;margin:3vh auto;overflow:hidden;scroll-snap-align:center;background:radial-gradient(ellipse at 82% 52%,#285744 0,#1c3b30 32%,#142b25 73%);padding:7.2% 8%;isolation:isolate}.slide:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.18;background-image:radial-gradient(#d4c39b 0.5px,transparent .6px);background-size:9px 9px;mask-image:linear-gradient(100deg,transparent,#000)}
|
||
h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-.035em;margin:0;color:#fffaf1}h1{font-size:clamp(60px,6.25vw,100px);line-height:1.01}h2{font-size:clamp(46px,4.65vw,74px);line-height:1.05}.kicker{font-size:15px;letter-spacing:.19em;text-transform:uppercase;color:var(--amber);font-weight:700}.lead{font-size:25px;line-height:1.48;color:var(--dim);max-width:760px;margin:28px 0 0}.body{font-size:19px;line-height:1.5;color:var(--dim)}.serif{font:500 28px/1.35 'Playfair Display',Georgia,serif;color:#f1d695}.rule{height:3px;width:90px;background:var(--gold);margin:30px 0}.foot{position:absolute;left:8%;right:8%;bottom:4.2%;display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.17em;text-transform:uppercase;color:#b8c8bd}.foot b{color:var(--amber);font-weight:600}.slide-no{font-size:12px;color:#b8c8bd}.badge{display:inline-block;border:1px solid #f3da9a80;border-radius:30px;padding:10px 16px;color:var(--amber);font-size:13px;text-transform:uppercase;letter-spacing:.15em}.nav{position:fixed;right:20px;top:18px;z-index:50;display:flex;gap:7px}.nav a{color:#eceddf;background:#182c26dd;text-decoration:none;border:1px solid #fff3;border-radius:30px;padding:8px 11px;font-size:11px}.progress{height:4px;position:fixed;top:0;left:0;background:var(--gold);width:0;z-index:51;transition:width .25s}.scene{position:absolute;right:8%;top:15%;width:42%;height:69%;pointer-events:none}.glow{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f0d899,#c17c56 44%,#274b39 72%);filter:drop-shadow(0 0 38px #b18a4c55)}.glow.g1{width:54%;aspect-ratio:1;right:10%;top:3%}.glow.g2{width:38%;aspect-ratio:1;right:0;bottom:3%;background:radial-gradient(circle at 35% 30%,#dce4c0,#709879 46%,#234435 73%)}.glow.g3{width:26%;aspect-ratio:1;left:4%;bottom:10%;background:radial-gradient(circle at 35% 30%,#eacb8c,#9c614d 45%,#234435 72%)}.ring{position:absolute;border:1px solid #e7d29a90;border-radius:50%;inset:8% 2% 7% 5%;transform:rotate(-19deg)}.ring.r2{inset:19% 13% 20% -5%;transform:rotate(21deg);border-style:dashed;opacity:.55}
|
||
/* Cover */
|
||
.cover{padding-top:8.4%;background:radial-gradient(ellipse at 74% 50%,#367356 0,#214638 27%,#142b25 70%)}.cover h1{font-size:clamp(72px,7vw,112px);max-width:760px;margin-top:28px}.cover .lead{max-width:620px;font-size:26px}.cover .scene{right:1%;width:47%;top:12%}.cover .glow.g1{width:58%;right:11%;top:7%}.cover .cover-mark{position:absolute;right:19%;top:46%;font:700 18px/1.2 'DM Sans';letter-spacing:.14em;text-align:center;color:#fff5dc;z-index:2}
|
||
/* Quote chips & visual motifs */
|
||
.quote{border-left:3px solid var(--gold);padding:6px 0 6px 25px;font:500 27px/1.4 'Playfair Display',Georgia,serif;color:#f2d99f;max-width:650px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:38px;margin-top:40px}.card{background:#ffffff0d;border:1px solid #ffffff24;border-radius:22px;padding:27px 29px;backdrop-filter:blur(4px)}.card h3{margin:0 0 12px;color:var(--amber);font-size:16px;text-transform:uppercase;letter-spacing:.13em}.card p{margin:0;font-size:17px;line-height:1.48;color:var(--dim)}.pillrow{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.pill{border:1px solid #e7d29a70;background:#fff1;border-radius:30px;padding:12px 18px;font-size:15px;color:#f6edda}.bigstat{font:500 150px/.9 'Playfair Display',Georgia,serif;color:var(--amber)}.label{font-size:14px;letter-spacing:.14em;color:#c3d1c6;text-transform:uppercase}.network{position:absolute;right:8%;top:18%;width:42%;height:65%}.network .hub{position:absolute;left:37%;top:38%;width:190px;height:190px;border-radius:50%;display:grid;place-content:center;text-align:center;background:#326d51;box-shadow:0 0 0 15px #d6b7712a,0 0 0 1px #dbbd7966;font:600 18px/1.25 'DM Sans';z-index:3}.network .dot{position:absolute;width:104px;height:104px;border-radius:50%;display:grid;place-content:center;text-align:center;font-weight:700;font-size:14px;color:#fffaf0;background:#a25f49;border:6px solid #244334}.network .dot:nth-of-type(6){left:8%;top:4%;background:#bd7056}.network .dot:nth-of-type(7){right:0;top:11%;background:#76977a}.network .dot:nth-of-type(8){left:0;bottom:8%;background:#c89e59}.network .dot:nth-of-type(9){right:5%;bottom:2%;background:#4d8065}.network .link{position:absolute;height:2px;background:#d9b46c99;transform-origin:left center}.network .l1{left:20%;top:24%;width:38%;transform:rotate(20deg)}.network .l2{left:50%;top:47%;width:34%;transform:rotate(-24deg)}.network .l3{left:18%;top:56%;width:32%;transform:rotate(-43deg)}.network .l4{left:52%;top:54%;width:34%;transform:rotate(40deg)}
|
||
/* dark-to-light interludes */
|
||
.light{background:radial-gradient(ellipse at 79% 46%,#376a50 0,#244633 31%,#152d26 72%)}.light .wash{position:absolute;right:-8%;top:-18%;height:125%;width:58%;background:radial-gradient(ellipse,#4a805d 0,transparent 68%);opacity:.38;z-index:-1}
|
||
/* Print: each full-bleed section is captured via browser screenshot for exact 16:9 PDF */
|
||
@media print{@page{size:16in 9in;margin:0}.nav,.progress{display:none}.deck{height:auto;overflow:visible}.slide{width:16in;height:9in;min-height:0;margin:0;page-break-after:always;break-after:page}}
|
||
</style></head><body>
|
||
<div class="progress" id="progress"></div><nav class="nav" id="nav"><a href="#s1">01</a><a href="#s4">04</a><a href="#s8">08</a><a href="#s12">12</a></nav>
|
||
<main class="deck" id="deck">
|
||
<section class="slide cover" id="s1"><div class="kicker">EMI · A shared regional call</div><h1>A vision for<br>Latin America</h1><div class="rule"></div><p class="lead">One spiritual family, moving together to establish lasting expressions of the Kingdom of God.</p><p class="serif">“Go and make disciples of all nations.”</p><div class="scene"><div class="ring"></div><div class="ring r2"></div><div class="glow g1"></div><div class="glow g2"></div><div class="glow g3"></div><div class="cover-mark">KINGDOM<br>& FAMILY</div></div><div class="foot"><span>Matthew 28:18–20</span><b>01 / The vision</b></div></section>
|
||
<section class="slide light" id="s2"><div class="wash"></div><div class="kicker">01 · Begin with the commission</div><h2>Jesus sends a people—<br>not a program.</h2><div class="rule"></div><div class="quote">Go. Make disciples of the nations. Baptize. Teach them to live what I commanded.</div><p class="body" style="max-width:680px;margin-top:26px">Matthew 28:18–20 is the foundation: all authority belongs to Jesus, and His presence goes with those He sends.</p><div class="scene" style="top:17%;right:8%;width:36%"><div class="ring"></div><div class="glow g1" style="width:70%;right:10%;top:15%"></div><div class="glow g2" style="width:46%;right:-1%;bottom:7%"></div><div class="glow g3" style="width:31%;left:1%;bottom:7%"></div></div><div class="foot"><span>The biblical foundation</span><b>02 / The commission</b></div></section>
|
||
<section class="slide" id="s3"><div class="kicker">02 · What God desires to establish</div><h2>Every people.<br>Part of the family.</h2><p class="lead" style="max-width:690px">The vision is God’s Kingdom and family established among every <i>ethnos</i>—every nation, people, and people group.</p><div class="network"><div class="link l1"></div><div class="link l2"></div><div class="link l3"></div><div class="link l4"></div><div class="hub">KINGDOM<br>& FAMILY</div><div class="dot">NATIONS</div><div class="dot">DISCIPLES</div><div class="dot">PEOPLES</div><div class="dot">FAMILIES</div></div><div class="foot"><span>Vision · the “what”</span><b>03 / Every ethnos</b></div></section>
|
||
<section class="slide" id="s4"><div class="kicker">03 · Vision & mission</div><h2>One names the destination.<br>The other shows the way.</h2><div class="cols"><div class="card" style="border-top:4px solid var(--gold)"><h3>THE VISION · WHAT</h3><p>To see God’s Kingdom and family established among every people group in Latin America.</p></div><div class="card" style="border-top:4px solid var(--coral)"><h3>THE MISSION · HOW</h3><p>A regional spiritual family works together—discipling, serving, raising leaders, and establishing lasting works.</p></div></div><p class="body" style="margin-top:29px;max-width:850px">Local assignments remain meaningful; they become part of the larger vision rather than competing with it.</p><div class="foot"><span>Shared direction · distinct assignments</span><b>04 / The distinction</b></div></section>
|
||
<section class="slide light" id="s5"><div class="wash"></div><div class="kicker">04 · Corporate responsibility</div><h2>Not “Who else will do it?”<br>But “What can we carry?”</h2><p class="lead" style="max-width:780px">The mandate belongs to a company of people. Each person has an assignment; together, the family takes responsibility.</p><div class="pillrow"><span class="pill">One shared vision</span><span class="pill">Clear assignments</span><span class="pill">Mutual support</span><span class="pill">Faithful action</span></div><p class="quote" style="margin-top:38px">Is the family advancing—and is the vision continuing as a family vision?</p><div class="foot"><span>From isolated effort to shared ownership</span><b>05 / One company</b></div></section>
|
||
<section class="slide" id="s6"><div class="kicker">05 · Many gifts, one mission</div><h2>Kingdom culture<br>takes practical form.</h2><p class="body" style="max-width:660px;margin-top:20px">The mission is more than a preached message. The family serves through the real gifts and resources God has placed among its people.</p><div class="scene" style="right:5%;top:15%;width:49%"><div class="ring"></div><div class="glow g1"></div><div class="glow g2"></div><div class="glow g3"></div><div class="pillrow" style="position:absolute;inset:12% 2%;align-content:center;justify-content:center;max-width:580px"><span class="pill">Prayer</span><span class="pill">Relationships</span><span class="pill">Medicine</span><span class="pill">Business</span><span class="pill">Education</span><span class="pill">Professional service</span><span class="pill">Finances & resources</span></div></div><div class="foot"><span>Local & trans-local expressions</span><b>06 / Put gifts to work</b></div></section>
|
||
<section class="slide light" id="s7"><div class="wash"></div><div class="kicker">06 · Generations moving together</div><h2>Pass the work forward<br>before the handoff.</h2><p class="lead" style="max-width:760px">Emerging leaders need real connection with mature leaders—wisdom, affirmation, coaching, and room to serve while the relationship is alive.</p><div class="cols" style="max-width:850px"><div class="card"><h3>MOSES → JOSHUA</h3><p>Preparation and affirmation helped the people recognize what Joshua was to carry forward.</p></div><div class="card"><h3>DAVID → SOLOMON</h3><p>Public support and practical preparation gave a younger leader a place to function.</p></div></div><div class="foot"><span>Continuity, not starting over</span><b>07 / Develop the next generation</b></div></section>
|
||
<section class="slide" id="s8"><div class="kicker">07 · Regional ownership</div><div class="bigstat" style="font-size:116px">Together,</div><h2 style="margin-top:8px">each region carries its part.</h2><p class="lead" style="max-width:720px">Regional families should take responsibility for their own fields—building momentum and relationships locally, not depending on one leader to carry the whole world.</p><div class="pillrow"><span class="pill">Local roots</span><span class="pill">Regional trust</span><span class="pill">Trans-local connection</span></div><div class="foot"><span>Many places · one spiritual family</span><b>08 / Own the field</b></div></section>
|
||
<section class="slide light" id="s9"><div class="wash"></div><div class="kicker">08 · Cross-pollination in practice</div><h2>Let good work travel.</h2><p class="lead" style="max-width:680px">A fruitful ministry in one nation can become a gift to the wider family—adapted thoughtfully to another place’s needs and realities.</p><div class="cols" style="max-width:990px"><div class="card"><h3>VENEZUELA · MEDICAL WORK</h3><p>Explore whether approaches, teams, and practical care could serve other places where relationships and local conditions make it possible.</p></div><div class="card"><h3>ACROSS THE REGION</h3><p>Share ministry strategies, professional abilities, business connections, education, and other resources—not as a copy-paste, but as service fitted to each place.</p></div></div><div class="foot"><span>Adapt with local relationships & understanding</span><b>09 / Share what serves</b></div></section>
|
||
<section class="slide" id="s10"><div class="kicker">09 · The mission is to establish</div><h2>More than a visit.<br>A work that remains.</h2><p class="body" style="max-width:680px">Evangelism is essential—but not the end point. The call is to build relationships, disciple people, develop leaders, and establish spiritual families and sustainable works.</p><div class="cols" style="max-width:960px;margin-top:34px"><div class="card"><h3>GO WHERE THE FOUNDATION IS NEEDED</h3><p>Look beyond familiar structures: new relationships, new believers, new leaders, and places where a work can begin.</p></div><div class="card"><h3>BUILD FOR CONTINUITY</h3><p>Stay committed. Equip local people. Develop roots and resources that can keep growing after the first team leaves.</p></div></div><p class="serif" style="margin-top:23px;font-size:21px">A pioneering pattern is reflected in Romans 15:20.</p><div class="foot"><span>Long-term presence · sustainable roots</span><b>10 / Establish</b></div></section>
|
||
<section class="slide light" id="s11"><div class="wash"></div><div class="kicker">10 · Start with a few clear priorities</div><h2>Align. Connect. Pray.<br>Then move together.</h2><div class="cols" style="max-width:1000px;gap:20px;margin-top:35px"><div class="card"><h3>01 · ALIGN</h3><p>Build one shared understanding of the vision—and help leaders embrace it.</p></div><div class="card"><h3>02 · CONNECT</h3><p>Strengthen regional relationships, including Chiapas and San Luis.</p></div><div class="card"><h3>03 · PRAY</h3><p>Establish shared regional prayer as an early, practical step.</p></div><div class="card"><h3>04 · SHARE</h3><p>Exchange strategies, people, gifts, and resources across the family.</p></div></div><p class="body" style="margin-top:20px">Strengthen existing open doors, including Chile, and begin with a manageable set of next steps.</p><div class="foot"><span>Clear direction before doing everything</span><b>11 / Near-term focus</b></div></section>
|
||
<section class="slide cover" id="s12"><div class="kicker">11 · The longer horizon</div><h2 style="font-size:clamp(58px,6vw,96px);max-width:800px;margin-top:25px">A gathering that<br>becomes a family<br>in motion.</h2><p class="lead" style="max-width:710px">The Latin American Family Gathering can catalyze alignment, relationships, prayer, leadership development, collaboration, outreach, and the next generation.</p><div class="scene" style="right:2%;top:15%;width:42%"><div class="ring"></div><div class="ring r2"></div><div class="glow g1"></div><div class="glow g2"></div><div class="glow g3"></div><div class="cover-mark">ONE FAMILY<br>SHARED CALL</div></div><div class="rule"></div><p class="serif" style="font-size:24px">Nations strengthening nations. Leaders no longer alone. Lasting Kingdom work.</p><div class="foot"><span>EMI · Latin America</span><b>12 / The horizon</b></div></section>
|
||
</main>
|
||
<script>const slides=[...document.querySelectorAll('.slide')];let idx=0;function go(n){idx=Math.max(0,Math.min(slides.length-1,n));slides[idx].scrollIntoView({behavior:'smooth',block:'center'});document.getElementById('progress').style.width=((idx+1)/slides.length*100)+'%'}document.addEventListener('keydown',e=>{if(['ArrowDown','ArrowRight','PageDown',' '].includes(e.key)){e.preventDefault();go(idx+1)}if(['ArrowUp','ArrowLeft','PageUp'].includes(e.key)){e.preventDefault();go(idx-1)}});const io=new IntersectionObserver(es=>{for(const e of es)if(e.isIntersecting)idx=slides.indexOf(e.target)},{threshold:.65});slides.forEach(s=>io.observe(s));</script>
|
||
</body></html>
|