<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="noindex">
<title>Ellie Swanson</title>
<style>
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
background: #faf7f2;
color: #222;
text-align: center;
line-height: 1.4;
}
.wrap {
max-width: 420px;
margin: 0 auto;
padding: 24px 16px 40px;
}
.hero {
width: 100%;
max-width: 320px;
border-radius: 16px;
margin: 0 auto 20px;
display: block;
}
h1 {
font-size: 28px;
margin-bottom: 6px;
}
.bio {
font-size: 17px;
color: #555;
margin-bottom: 28px;
}
.cta {
display: block;
width: 100%;
max-width: 340px;
margin: 0 auto 20px;
padding: 18px 24px;
background: #ff5e8c;
color: white;
font-size: 22px;
font-weight: 700;
border: none;
border-radius: 50px;
cursor: pointer;
box-shadow: 0 8px 25px rgba(255, 94, 140, 0.35);
}
.cta:hover {
background: #ff3870;
transform: scale(1.03);
}
.ig-btn {
display: inline-block;
background: #E1306C;
color: white;
text-decoration: none;
font-weight: 600;
font-size: 15px;
padding: 12px 28px;
border-radius: 50px;
margin-bottom: 28px;
}
.ig-btn:hover {
background: #c13584;
}
.grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.grid img {
width: 100%;
border-radius: 12px;
display: block;
}
#gate {
position: fixed;
inset: 0;
background: #faf7f2;
display: flex;
justify-content: center;
align-items: center;
z-index: 999;
}
#gate h2 {
font-size: 26px;
margin-bottom: 10px;
}
#gate p {
margin-bottom: 24px;
color: #555;
}
</style>
</head>
<body>
<div class="wrap">
<img src="photos/hero.jpeg" class="hero" alt="Ellie Swanson">
<h1>Ellie Swanson</h1>
<p class="bio">Your favourite girl next door</p>
<button class="cta" onclick="goToLink()">Come say hi 🔥</button>
<a href="https://instagram.com/ellieeswansonn" target="_blank" rel="noopener" class="ig-btn">
📸 Follow on Instagram
</a>
<div class="grid">
<img src="photos/g1.jpeg" alt="">
<img src="photos/g2.jpeg" alt="">
<img src="photos/g3.jpeg" alt="">
<img src="photos/g4.jpeg" alt="">
<img src="photos/g5.jpeg" alt="">
<img src="photos/g6.jpeg" alt="">
</div>
</div>
<div id="gate">
<div>
<h2>18+ only</h2>
<p>This page contains age-restricted content.</p>
<button class="cta" onclick="hideGate()">I'm over 18</button>
</div>
</div>
<script>
function hideGate() {
localStorage.setItem('gate', 'true');
document.getElementById('gate').style.display = 'none';
}
function goToLink() {
window.location = '/go';
}
if (localStorage.getItem('gate')) {
document.getElementById('gate').style.display = 'none';
}
</script>
</body>
</html>