olipassey/giftsite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
Oli Passey
2025-12-20 17:21:47 +00:00
parent 9dddb35ac9
commit 77f4ff7e74
2 changed files with 76 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
index.html
View File

@@ -31,6 +31,11 @@
<div class="gift-details">
<div class="gift-section">
<div class="section-header-image">
<div class="beer-emoji-row">
🍺🍻🍺🍻🍺🍻🍺🍻🍺🍻
</div>
</div>
<h3>🍺 7-DAY EXTREME BREWERY MARATHON</h3>
<p style="font-weight: bold; color: #d32f2f; margin-bottom: 15px;">
3 BREWERIES PER DAY | MINIMUM 5 BEERS PER LOCATION | LIMITED FOOD BREAKS
@@ -40,66 +45,80 @@
<h4>📅 Your Grueling Itinerary:</h4>
<div class="day-schedule">
<div class="day-icon">🇳🇱</div>
<strong>DAY 1 - Amsterdam Assault:</strong>
<ul>
<li>Brouwerij 't IJ - 6 IPAs (breakfast of champions!)</li>
<li>Two Chefs Brewing - 5 experimental sours</li>
<li>Oedipus Brewing - 7 high-ABV specials</li>
</ul>
<div class="day-totals">Daily total: 18 beers 🤢</div>
</div>
<div class="day-schedule">
<div class="day-icon">🏗️</div>
<strong>DAY 2 - Rotterdam Rampage:</strong>
<ul>
<li>Kaapse Brouwers - 6 hoppy lagers</li>
<li>Stadsbierbrouwerij De Pelgrim - 5 Belgian-style ales</li>
<li>Noordt Bier - 6 stouts (heavy and unforgiving)</li>
</ul>
<div class="day-totals">Daily total: 17 beers 🥴</div>
</div>
<div class="day-schedule">
<div class="day-icon">🏰</div>
<strong>DAY 3 - Utrecht Undertaking:</strong>
<ul>
<li>Stadsbrouwerij Maximus - 5 wheat beers</li>
<li>De Leckere - 6 farmhouse ales</li>
<li>Oproer Brouwerij - 7 double IPAs (no mercy!)</li>
</ul>
<div class="day-totals">Daily total: 18 beers 😵</div>
</div>
<div class="day-schedule">
<div class="day-icon">👑</div>
<strong>DAY 4 - The Hague Hardship:</strong>
<ul>
<li>Kompaan Bierbrouwerij - 6 pilsners</li>
<li>Haagsche Broeder - 5 brown ales</li>
<li>Trappist Brouwerij - 8 monastery brews (pray for your liver)</li>
</ul>
<div class="day-totals">Daily total: 19 beers 🤮</div>
</div>
<div class="day-schedule">
<div class="day-icon">🦉</div>
<strong>DAY 5 - Haarlem Havoc:</strong>
<ul>
<li>Jopen Bier - 6 historic recipes</li>
<li>Uiltje Brewing Company - 7 owl-themed IPAs</li>
<li>Ramses Bier - 5 Egyptian-inspired brews</li>
</ul>
<div class="day-totals">Daily total: 18 beers 💀</div>
</div>
<div class="day-schedule">
<div class="day-icon">⚡</div>
<strong>DAY 6 - Eindhoven Endurance:</strong>
<ul>
<li>Stadsbrouwerij Eindhoven - 6 industrial lagers</li>
<li>100 Watt Brewery - 5 electric ales</li>
<li>Little Bang Brewing - 7 explosive stouts</li>
</ul>
<div class="day-totals">Daily total: 18 beers ☠️</div>
</div>
<div class="day-schedule">
<div class="day-icon">🏝️</div>
<strong>DAY 7 - Final Countdown:</strong>
<ul>
<li>Texels Bierbrouwerij - 6 island beers</li>
<li>Brouwerij De Prael - 5 Amsterdam specials</li>
<li>Breugem Bier - 8 FINAL BOSS brews before Defqon!</li>
</ul>
<div class="day-totals">Daily total: 19 beers 🪦</div>
</div>
</div>
@@ -109,6 +128,11 @@
</div>
<div class="gift-section highlight">
<div class="section-header-image">
<div class="festival-emoji-row">
🎪🔊🎵🔥⚡🎵🔊🎪
</div>
</div>
<h3>🎵 3-DAY CAMPING AT DEFQON.1 FESTIVAL</h3>
<p style="font-weight: bold; font-size: 1.2em; margin-bottom: 15px;">
STRAIGHT FROM YOUR BREWERY MARATHON TO THE MOST INTENSE HARDSTYLE FESTIVAL!
@@ -159,21 +183,23 @@
</div>
<div class="real-gift">
<div class="spa-icon">🧖‍♂️</div>
<h2>✨ Luxury Spa Day Experience ✨</h2>
<div class="spa-icon">🍽️</div>
<h2>✨ Lunch at The Savoy Hotel ✨</h2>
<p class="spa-description">
Enjoy a relaxing day at a premium spa with:
Experience exquisite dining at the iconic Savoy Hotel on the Strand, London:
</p>
<ul class="spa-features">
<li>🌿 Full body massage</li>
<li>💆 Facial treatment</li>
<li>🛀 Thermal bath access</li>
<li>🍵 Refreshments & healthy snacks</li>
<li>😌 Pure relaxation (no hardcore music!)</li>
<li>🏨 Historic luxury hotel on the River Thames</li>
<li>🍴 Fine dining in elegant surroundings</li>
<li>🥂 Champagne reception</li>
<li>👨‍🍳 Award-winning cuisine</li>
<li>☕ Traditional afternoon tea experience</li>
<li>🎩 Impeccable service in a legendary setting</li>
<li>😌 Pure sophistication (no mud fields or porta-potties!)</li>
</ul>
<p class="final-message">
You deserve some actual rest and relaxation, not a week-long hangover!
Enjoy your peaceful spa day! 💝
You deserve a truly refined experience, not a week of beer and bass!
Enjoy your elegant lunch at one of London's most prestigious hotels! 💝
</p>
</div>
</div>

40
styles.css
View File

@@ -217,6 +217,8 @@ h1 {
padding: 15px;
border-radius: 10px;
margin-bottom: 20px;
position: relative;
overflow: hidden;
}
@media (min-width: 768px) {
@@ -225,6 +227,24 @@ h1 {
}
}
.section-header-image {
text-align: center;
margin-bottom: 15px;
}
.beer-emoji-row,
.festival-emoji-row {
font-size: 2em;
letter-spacing: 8px;
animation: slideEmojis 3s linear infinite;
}
@keyframes slideEmojis {
0% { opacity: 0.8; }
50% { opacity: 1; }
100% { opacity: 0.8; }
}
.gift-section.highlight {
background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
color: white;
@@ -286,6 +306,7 @@ h1 {
background: #fff3e0;
border-radius: 5px;
border-left: 4px solid #ff6f00;
position: relative;
}
@media (min-width: 768px) {
@@ -294,6 +315,25 @@ h1 {
}
}
.day-icon {
position: absolute;
top: 10px;
right: 10px;
font-size: 2em;
opacity: 0.3;
}
.day-totals {
margin-top: 10px;
padding: 8px;
background: rgba(211, 47, 47, 0.1);
border-radius: 5px;
font-weight: bold;
color: #d32f2f;
text-align: center;
border: 2px dashed #d32f2f;
}
.day-schedule strong {
display: block;
color: #e65100;