October 2–3, 2026 · Mobile, Alabama

Lexi & Robert

are getting married

Mobile, Alabama

—Days

—Hours

—Minutes

—Seconds

October 2–3, 2026

Weekend Schedule

Friday, October 2

5:00 pm

🥂Welcome Party

Gulf Distributing · 401 N Water Street, Mobile
Join us for drinks and good company to kick off the weekend! 5:00–7:00 PM.

Saturday, October 3

1:15 pm

🚌Bus Departs — Don't Be Late!

Departing from The Battle House Hotel · Please be in the lobby by 1:05 PM sharp.

2:00 pm

💍Ceremony Begins

Please be seated and ready as Lexi walks down the aisle.

2:30 pm

🌸Reception

Cocktails, dinner, toasts, and dancing — let the celebration begin!

5:30 pm

🚌Bus Departs for After Party

Hop on the bus — we're keeping the party going!

6:15 pm

🎉After Party

Cedar Street Social Club · The night is young — join us for more dancing and celebrating!

Getting here

Travel & Accommodations

We'd love for you to make a weekend of it! Room blocks are available at two hotels — book early!

🎀 Room Blocks Available

The Battle House Renaissance

🎀 Room Block

26 N Royal St, Mobile, AL
A beautifully restored historic landmark in the heart of downtown — elegant and steps from the bus departure point.

Book Room Block →

Hilton Garden Inn

🎀 Room Block

Downtown Mobile, AL
Modern, comfortable rooms in the heart of downtown — a great option for guests looking for easy access to all weekend events.

Book Room Block →

Also Recommended

Riverview Hotel

Recommended

Downtown Mobile, AL
Lovely views of the Mobile River and a convenient downtown location — a solid choice for the weekend.

Admiral Hotel

Recommended

251 Government St, Mobile, AL
A beautifully restored Art Deco gem in downtown Mobile — full of charm and Southern character.

✈️ Getting There

MOB — Mobile Regional Airport · 15 min away
PNS — Pensacola International Airport · 1 hr away
MSY — Louis Armstrong New Orleans International · 2.5 hrs away
Uber & Lyft available throughout Mobile.

Gifts & Giving

Our Registry

Your presence at our wedding is the greatest gift of all. For those who wish to celebrate with a gift, we are registered at the following places:

View Registry →

View Registry →

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Feed Folly!</title>
<style>
  @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600;700&family=Gaegu:wght@400;700&display=swap');
  * { margin: 0; padding: 0; box-sizing: border-box; }
  :root { --bg: #fdf6ec; --warm: #e8a87c; --brown: #6b4226; --green: #7cb342; --red: #e57373; --gold: #ffd54f; }
  body { font-family: 'Fredoka', sans-serif; background: var(--bg); overflow: hidden; height: 100vh; width: 100vw; user-select: none; cursor: default; }
  #game { position: relative; width: 100vw; height: 100vh; overflow: hidden; }
  #game::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 120px; background: linear-gradient(to bottom, #a5d6a7, #81c784); border-top: 4px solid #66bb6a; z-index: 0; }
  #hud { position: absolute; top: 20px; left: 50%; transform: translateX(-50%); z-index: 100; text-align: center; }
  #hud h1 { font-size: 2.4rem; color: var(--brown); text-shadow: 2px 2px 0 rgba(255,255,255,0.6); letter-spacing: -1px; }
  #hud .subtitle { font-family: 'Gaegu', cursive; font-size: 1.1rem; color: #8d6e63; margin-top: 2px; }
  #score-bar { margin-top: 12px; display: flex; align-items: center; justify-content: center; gap: 14px; }
  #score-bar .treats { font-size: 1.3rem; font-weight: 700; color: var(--brown); }
  #happiness-track { width: 180px; height: 22px; background: #e0d5c5; border-radius: 11px; overflow: hidden; border: 2px solid #c4a882; position: relative; }
  #happiness-fill { height: 100%; width: 0%; background: linear-gradient(90deg, var(--gold), #ff8a65); border-radius: 9px; transition: width 0.4s cubic-bezier(.34,1.56,.64,1); }
  #happiness-label { font-size: 0.75rem; font-weight: 600; color: var(--brown); }
  #folly-container { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); z-index: 10; display: flex; flex-direction: column; align-items: center; }
  #folly { width: 220px; height: 220px; position: relative; transition: transform 0.2s; }
  #folly.happy { animation: wiggle 0.5s ease-in-out; }
  @keyframes wiggle { 0%, 100% { transform: rotate(0deg); } 20% { transform: rotate(-8deg); } 40% { transform: rotate(8deg); } 60% { transform: rotate(-5deg); } 80% { transform: rotate(5deg); } }
  @keyframes trickSit { 0% { transform: translateY(0); } 20% { transform: translateY(30px) scaleY(0.85); } 60% { transform: translateY(30px) scaleY(0.85); } 100% { transform: translateY(0) scaleY(1); } }
  #folly.trick-sit { animation: trickSit 1.5s ease-in-out; }
  @keyframes trickShake { 0% { transform: rotate(0deg); } 15% { transform: rotate(-10deg) translateY(-5px); } 30% { transform: rotate(5deg) translateY(-5px); } 45% { transform: rotate(-8deg) translateY(-5px); } 60% { transform: rotate(5deg) translateY(-5px); } 75% { transform: rotate(-3deg); } 100% { transform: rotate(0deg); } }
  #folly.trick-shake { animation: trickShake 1.5s ease-in-out; }
  @keyframes trickSpin { 0% { transform: rotate(0deg) scale(1); } 50% { transform: rotate(180deg) scale(1.05); } 100% { transform: rotate(360deg) scale(1); } }
  #folly.trick-spin { animation: trickSpin 1s cubic-bezier(.4,0,.2,1); }
  @keyframes trickRoll { 0% { transform: rotate(0deg) translateX(0); } 25% { transform: rotate(90deg) translateX(20px) translateY(10px); } 50% { transform: rotate(180deg) translateX(40px) scaleY(-1); } 75% { transform: rotate(270deg) translateX(20px) translateY(10px); } 100% { transform: rotate(360deg) translateX(0); } }
  #folly.trick-roll { animation: trickRoll 1.5s cubic-bezier(.4,0,.2,1); }
  @keyframes trickBackflip { 0% { transform: translateY(0) rotate(0deg) scale(1); } 30% { transform: translateY(-100px) rotate(-90deg) scale(1.1); } 50% { transform: translateY(-140px) rotate(-180deg) scale(1.15); } 70% { transform: translateY(-100px) rotate(-270deg) scale(1.1); } 100% { transform: translateY(0) rotate(-360deg) scale(1); } }
  #folly.trick-backflip { animation: trickBackflip 1.2s cubic-bezier(.4,0,.2,1); }
  .trick-label { position: absolute; top: 35%; left: 50%; transform: translate(-50%, -50%) scale(0); z-index: 80; font-family: 'Fredoka', sans-serif; font-size: 2.2rem; font-weight: 700; color: var(--brown); text-shadow: 0 2px 8px rgba(255,255,255,0.8); pointer-events: none; white-space: nowrap; animation: trickLabelPop 2s ease-out forwards; }
  @keyframes trickLabelPop { 0% { transform: translate(-50%, -50%) scale(0); opacity: 0; } 15% { transform: translate(-50%, -50%) scale(1.2); opacity: 1; } 25% { transform: translate(-50%, -50%) scale(1); opacity: 1; } 75% { transform: translate(-50%, -50%) scale(1); opacity: 1; } 100% { transform: translate(-50%, -60%) scale(0.8); opacity: 0; } }
  .dog-body { fill: #f5f0e8; } .dog-body-shadow { fill: #e8e0d0; } .dog-ear { fill: #ede5d6; } .dog-nose { fill: #3a3a3a; } .dog-eye { fill: #2c1810; } .dog-tongue { fill: #e57373; } .dog-collar { fill: #2e7d32; } .dog-collar-tag { fill: #ffd54f; } .dog-mouth { stroke: #5d4037; fill: none; stroke-width: 2; stroke-linecap: round; }
  .tongue-out { display: none; } #folly.happy .tongue-out { display: block; } #folly.happy .tongue-hidden { display: none; }
  #tail { transform-origin: 85% 80%; animation: none; }
  #folly.happy #tail { animation: tailwag 0.3s ease-in-out 4; }
  @keyframes tailwag { 0%, 100% { transform: rotate(0deg); } 50% { transform: rotate(25deg); } }
  #treat-tray { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 50; display: flex; gap: 16px; }
  .treat-btn { width: 70px; height: 70px; border-radius: 50%; border: 3px solid rgba(0,0,0,0.1); cursor: pointer; font-size: 2rem; display: flex; align-items: center; justify-content: center; transition: transform 0.15s, box-shadow 0.15s; box-shadow: 0 4px 12px rgba(0,0,0,0.15); position: relative; }
  .treat-btn:hover { transform: scale(1.15); box-shadow: 0 6px 20px rgba(0,0,0,0.25); }
  .treat-btn:active { transform: scale(0.95); }
  .treat-btn.bone { background: linear-gradient(135deg, #fff8e1, #ffe0b2); } .treat-btn.biscuit { background: linear-gradient(135deg, #efebe9, #d7ccc8); } .treat-btn.steak { background: linear-gradient(135deg, #ffcdd2, #ef9a9a); } .treat-btn.cheese { background: linear-gradient(135deg, #fff9c4, #fff176); }
  .treat-btn .label { position: absolute; bottom: -22px; font-size: 0.65rem; font-weight: 600; color: var(--brown); white-space: nowrap; }
  .flying-treat { position: absolute; font-size: 2.2rem; z-index: 40; pointer-events: none; animation: flyToDog 0.6s cubic-bezier(.25,.46,.45,.94) forwards; }
  @keyframes flyToDog { 0% { opacity: 1; } 80% { opacity: 1; } 100% { opacity: 0; transform: translate(var(--dx), var(--dy)) scale(0.3); } }
  .float-emoji { position: absolute; font-size: 1.6rem; z-index: 60; pointer-events: none; animation: floatUp 1.2s ease-out forwards; }
  @keyframes floatUp { 0% { opacity: 1; transform: translateY(0) scale(1); } 100% { opacity: 0; transform: translateY(-120px) scale(0.4); } }
  .bark-bubble { position: absolute; font-family: 'Gaegu', cursive; font-size: 1.5rem; font-weight: 700; color: var(--brown); z-index: 70; pointer-events: none; animation: barkPop 1s ease-out forwards; white-space: nowrap; }
  @keyframes barkPop { 0% { opacity: 0; transform: translateY(0) scale(0.5); } 20% { opacity: 1; transform: translateY(-10px) scale(1.1); } 60% { opacity: 1; transform: translateY(-30px) scale(1); } 100% { opacity: 0; transform: translateY(-60px) scale(0.8); } }
  #milestone { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); z-index: 200; background: white; border-radius: 24px; padding: 30px 50px; text-align: center; box-shadow: 0 20px 60px rgba(0,0,0,0.2); transition: transform 0.4s cubic-bezier(.34,1.56,.64,1); }
  #milestone.show { transform: translate(-50%, -50%) scale(1); }
  #milestone h2 { font-size: 1.8rem; color: var(--brown); } #milestone p { font-family: 'Gaegu', cursive; font-size: 1.2rem; color: #8d6e63; margin-top: 6px; }
  .paw { position: absolute; font-size: 1.4rem; opacity: 0.08; z-index: 0; }
  #bed-hint { position: absolute; bottom: 128px; right: 30px; font-family: 'Gaegu', cursive; font-size: 0.85rem; color: #a1887f; z-index: 5; opacity: 0.7; }
</style>
</head>
<body>
<div id="game">
  <div id="paws"></div>
  <div id="hud">
    <h1>Feed Folly!</h1>
    <div class="subtitle">he's always hungry</div>
    <div id="score-bar">
      <span class="treats">🦴 <span id="count">0</span></span>
      <div id="happiness-track"><div id="happiness-fill"></div></div>
      <span id="happiness-label">😊</span>
    </div>
  </div>
  <div id="folly-container">
    <div id="folly">
      <svg viewBox="0 0 220 220" xmlns="http://www.w3.org/2000/svg">
        <g id="tail"><path d="M 175 130 Q 200 100 210 80" stroke="#e8e0d0" stroke-width="12" fill="none" stroke-linecap="round"/></g>
        <ellipse cx="120" cy="155" rx="75" ry="50" class="dog-body"/>
        <ellipse cx="130" cy="165" rx="60" ry="35" class="dog-body-shadow"/>
        <rect x="70" y="170" width="22" height="40" rx="11" class="dog-body"/>
        <rect x="105" y="170" width="22" height="40" rx="11" class="dog-body"/>
        <rect x="145" y="168" width="22" height="38" rx="11" class="dog-body"/>
        <rect x="170" y="170" width="20" height="34" rx="10" class="dog-body-shadow"/>
        <ellipse cx="65" cy="105" rx="48" ry="45" class="dog-body"/>
        <ellipse cx="28" cy="85" rx="18" ry="30" transform="rotate(-15 28 85)" class="dog-ear"/>
        <ellipse cx="100" cy="82" rx="16" ry="28" transform="rotate(15 100 82)" class="dog-ear"/>
        <ellipse cx="42" cy="118" rx="25" ry="18" class="dog-body"/>
        <circle cx="50" cy="98" r="6" class="dog-eye"/>
        <circle cx="78" cy="96" r="5.5" class="dog-eye"/>
        <circle cx="52" cy="96" r="2" fill="white"/>
        <circle cx="80" cy="94" r="1.8" fill="white"/>
        <ellipse cx="35" cy="112" rx="8" ry="6" class="dog-nose"/>
        <ellipse cx="35" cy="110" rx="3" ry="1.5" fill="#555"/>
        <path class="dog-mouth tongue-hidden" d="M 30 120 Q 42 128 55 120"/>
        <path class="tongue-out" d="M 25 120 Q 42 126 58 120" stroke="#5d4037" fill="none" stroke-width="2" stroke-linecap="round"/>
        <ellipse class="tongue-out dog-tongue" cx="42" cy="132" rx="10" ry="14"/>
        <line class="tongue-out" x1="42" y1="122" x2="42" y2="140" stroke="#ef5350" stroke-width="1.5"/>
        <rect x="45" y="140" width="55" height="10" rx="5" class="dog-collar"/>
        <circle cx="72" cy="150" r="5" class="dog-collar-tag"/>
        <text x="72" y="153" text-anchor="middle" font-size="6" font-weight="bold" fill="#5d4037">F</text>
      </svg>
    </div>
  </div>
  <div id="treat-tray">
    <button class="treat-btn bone" onclick="feedFolly('🦴', this, 1)" aria-label="Give bone">🦴<span class="label">Bone</span></button>
    <button class="treat-btn biscuit" onclick="feedFolly('🍪', this, 2)" aria-label="Give biscuit">🍪<span class="label">Biscuit</span></button>
    <button class="treat-btn steak" onclick="feedFolly('🥩', this, 3)" aria-label="Give steak">🥩<span class="label">Steak</span></button>
    <button class="treat-btn cheese" onclick="feedFolly('🧀', this, 2)" aria-label="Give cheese">🧀<span class="label">Cheese</span></button>
  </div>
  <div id="milestone"><h2 id="milestone-title"></h2><p id="milestone-text"></p></div>
  <div id="bed-hint">🏈 Roll Tide, Folly!</div>
</div>
<script>
  let treatCount = 0, happiness = 0;
  const maxHappiness = 100;
  const barks = ["Woof!","Arf arf!","Yip!","*happy panting*","*tail wagging intensifies*","Bork!","*nom nom nom*","More please!","SO good!","*lick lick*","Best day ever!","TREATS!","*wiggle wiggle*"];
  const emojis = ["❤️","🐾","⭐","✨","💛","🌟","😍","💕"];
  const milestones = [
    {at:5,title:"🐕 Sit!",text:"Folly learned to sit!",trick:"sit"},
    {at:15,title:"🐾 Shake!",text:"Folly shakes your hand!",trick:"shake"},
    {at:30,title:"🌀 Spin!",text:"Folly does a full spin!",trick:"spin"},
    {at:50,title:"🔄 Roll Over!",text:"Folly rolls over like a pro!",trick:"roll"},
    {at:75,title:"🚀 BACKFLIP!",text:"Folly pulls off a legendary backflip!",trick:"backflip"},
  ];
  const happyLabels = ["😐","🙂","😊","😄","🥰","🤩"];
  const pawContainer = document.getElementById('paws');
  for(let i=0;i<12;i++){const p=document.createElement('div');p.className='paw';p.textContent='🐾';p.style.left=Math.random()*90+5+'%';p.style.top=Math.random()*70+5+'%';p.style.transform=`rotate(${Math.random()*360}deg)`;p.style.fontSize=(1+Math.random())+'rem';pawContainer.appendChild(p);}
  function feedFolly(emoji,btn,points){
    treatCount++;happiness=Math.min(maxHappiness,Math.round(treatCount/75*100));
    document.getElementById('count').textContent=treatCount;
    document.getElementById('happiness-fill').style.width=happiness+'%';
    const li=Math.min(happyLabels.length-1,Math.floor(happiness/(maxHappiness/happyLabels.length)));
    document.getElementById('happiness-label').textContent=happyLabels[li];
    const btnRect=btn.getBoundingClientRect();
    const follyEl=document.getElementById('folly');
    const follyRect=follyEl.getBoundingClientRect();
    const treat=document.createElement('div');treat.className='flying-treat';treat.textContent=emoji;
    treat.style.left=btnRect.left+btnRect.width/2-18+'px';treat.style.top=btnRect.top-10+'px';
    const dx=(follyRect.left+follyRect.width*0.3)-btnRect.left;
    const dy=(follyRect.top+follyRect.height*0.5)-btnRect.top;
    treat.style.setProperty('--dx',dx+'px');treat.style.setProperty('--dy',dy+'px');
    document.getElementById('game').appendChild(treat);setTimeout(()=>treat.remove(),700);
    follyEl.classList.remove('happy');void follyEl.offsetWidth;follyEl.classList.add('happy');setTimeout(()=>follyEl.classList.remove('happy'),1500);
    for(let i=0;i<3;i++){setTimeout(()=>{const f=document.createElement('div');f.className='float-emoji';f.textContent=emojis[Math.floor(Math.random()*emojis.length)];f.style.left=follyRect.left+Math.random()*follyRect.width+'px';f.style.top=follyRect.top+20+'px';document.getElementById('game').appendChild(f);setTimeout(()=>f.remove(),1300);},i*150);}
    if(Math.random()>0.3){const b=document.createElement('div');b.className='bark-bubble';b.textContent=barks[Math.floor(Math.random()*barks.length)];b.style.left=follyRect.left-20+Math.random()*60+'px';b.style.top=follyRect.top-10+'px';document.getElementById('game').appendChild(b);setTimeout(()=>b.remove(),1100);}
    const ms=milestones.find(m=>m.at===treatCount);
    if(ms){showMilestone(ms.title,ms.text);if(ms.trick)performTrick(ms.trick,ms.title);}
  }
  function performTrick(trickName,label){
    const follyEl=document.getElementById('folly');const game=document.getElementById('game');
    follyEl.className='';void follyEl.offsetWidth;
    const tl=document.createElement('div');tl.className='trick-label';tl.textContent=label;game.appendChild(tl);setTimeout(()=>tl.remove(),2200);
    follyEl.classList.add('trick-'+trickName);
    const follyRect=follyEl.getBoundingClientRect();
    const te=["⭐","✨","🌟","💫","🎉","🏆","🐾"];
    for(let i=0;i<8;i++){setTimeout(()=>{const f=document.createElement('div');f.className='float-emoji';f.textContent=te[Math.floor(Math.random()*te.length)];f.style.left=follyRect.left-40+Math.random()*(follyRect.width+80)+'px';f.style.top=follyRect.top-20+Math.random()*40+'px';game.appendChild(f);setTimeout(()=>f.remove(),1300);},i*120);}
    const durations={sit:1500,shake:1500,spin:1000,roll:1500,backflip:1200};
    setTimeout(()=>follyEl.classList.remove('trick-'+trickName),durations[trickName]||1500);
  }
  function showMilestone(title,text){
    const el=document.getElementById('milestone');
    document.getElementById('milestone-title').textContent=title;
    document.getElementById('milestone-text').textContent=text;
    el.classList.add('show');setTimeout(()=>el.classList.remove('show'),3000);
  }
</script>
</body>
</html>