-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
262 lines (246 loc) · 12.1 KB
/
index.html
File metadata and controls
262 lines (246 loc) · 12.1 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
---
# Don't remove this section
# This Frontmatter section enables Liquid syntax below
---
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Elisha Tan - Your Unhinged Singaporean Bestie</title>
<meta name="viewport" content="initial-scale=1, width=device-width" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="stylesheet" href="assets/index.css" />
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;700;800&family=Playfair+Display:ital,wght@0,400;0,700;0,800;0,900;1,400;1,700;1,800;1,900&display=swap"
/>
<meta property="twitter:card" content="summary_large_image" />
<meta property="og:url" content="https://www.elishatan.com/" />
<meta property="og:title" content="Elisha Tan - Your Unhinged Singaporean Bestie" />
<meta
property="og:description"
content="Elisha Tan is a Singaporean Comedian based in the Bay who has performed at Cobb's Comedy Club, Laugh Factory, Punch Line San Francisco and across the USA, Europe, and Singapore."
/>
<meta
property="og:image"
content="https://www.elishatan.com/assets/og-image.jpg"
/>
</head>
<body>
<!-- NAVIGATION -->
<nav class="navbar">
<div class="nav-right">
<a href="#shows">shows</a>
<span class="nav-divider">|</span>
<a href="#bio">bio</a>
<span class="nav-divider">|</span>
<a href="#book">contact</a>
<span class="nav-divider">|</span>
<a href="#videos">videos</a>
</div>
</nav>
<!-- HERO SECTION -->
<section class="hero">
<div class="hero-bg-waves">
<img src="assets/hero-waves-bg.png" alt="" class="hero-bg-img" />
</div>
<div class="hero-content">
<h1 class="hero-headline">
Elisha Tan
</h1>
<img class="hero-photo" alt="Elisha Tan" src="assets/elisha-headshot-nobg.png" />
<a href="#cta-mailing" class="hero-cta-button">TELL ME WHERE TO PERFORM!</a>
<!-- Organic wave divider: pink wave extending from hero into mailing section -->
<svg class="organic-wave hero-to-mailing-wave" viewBox="0 0 1440 80" preserveAspectRatio="none">
<path d="M0,25 C80,65 160,55 280,35 C380,18 420,58 520,50 C620,42 680,70 800,55 C900,42 960,20 1060,45 C1140,62 1220,30 1320,40 C1380,46 1420,28 1440,32 L1440,80 L0,80 Z" fill="#E8859A"/>
</svg>
</div>
</section>
<!-- MAILING LIST SECTION -->
<section id="cta-mailing" class="mailing-section">
<div class="mailing-content">
<div class="mailing-grid">
<div class="mailing-left">
<h2 class="mailing-heading">WANT ME TO PERFORM IN YOUR CITY?</h2>
<p class="mailing-subtext">Join my mailing list!</p>
</div>
<div class="mailing-right">
<div class="mailing-form-wrapper">
<div id="beacons-email-container" aria-hidden="false">
<div id="133f41d2-8bfd-427d-af50-6e54d4eb9d14"></div>
</div>
<script>
(function () {
var s = document.createElement("script");
var t = Math.floor(new Date().getTime() / 120000);
s.type = "module";
s.async = 1;
s.src = `https://beacons.ai/embeds/emailForm.js?v=${t}&b=elishatan&f=133f41d2-8bfd-427d-af50-6e54d4eb9d14`;
document.body.appendChild(s);
})();
// Override Beacons embed styles after it loads
(function() {
function overrideBeaconsStyles() {
var wrapper = document.querySelector('.mailing-form-wrapper');
if (!wrapper) return;
var inputs = wrapper.querySelectorAll('input');
if (inputs.length === 0) {
setTimeout(overrideBeaconsStyles, 500);
return;
}
var allDivs = wrapper.querySelectorAll('div');
allDivs.forEach(function(el) {
el.style.setProperty('width', '100%', 'important');
el.style.setProperty('max-width', '100%', 'important');
el.style.setProperty('margin-left', '0', 'important');
el.style.setProperty('margin-right', '0', 'important');
});
inputs.forEach(function(el) {
el.style.setProperty('width', '100%', 'important');
el.style.setProperty('max-width', '100%', 'important');
el.style.setProperty('box-sizing', 'border-box', 'important');
});
var btns = wrapper.querySelectorAll('button');
btns.forEach(function(el) {
el.style.setProperty('width', '100%', 'important');
el.style.setProperty('max-width', '100%', 'important');
el.style.setProperty('position', 'static', 'important');
});
}
setTimeout(overrideBeaconsStyles, 1000);
setTimeout(overrideBeaconsStyles, 2000);
setTimeout(overrideBeaconsStyles, 3000);
})();
</script>
</div>
</div>
</div>
</div>
</section>
<!-- CATCH ME LIVE / SHOWS SECTION -->
<section id="shows" class="shows-section">
<!-- Organic wave divider: mailing pink dripping into shows section -->
<svg class="organic-wave" viewBox="0 0 1440 80" preserveAspectRatio="none">
<path d="M0,0 L0,38 C100,58 200,22 340,42 C440,56 500,30 620,48 C720,62 820,25 940,38 C1040,48 1100,68 1200,45 C1300,28 1360,52 1440,35 L1440,0 Z" fill="#E8859A"/>
</svg>
<div class="shows-content">
<h2 class="section-title shows-title">SHOWS</h2>
{% if site.data.featured_show.enabled %}
<a href="{{ site.data.featured_show.link }}" class="featured-show-card" target="_blank">
<div class="featured-ribbon">FEATURED</div>
<div class="featured-show-poster">
<img src="{{ site.data.featured_show.poster }}" alt="{{ site.data.featured_show.title }}" />
</div>
<div class="featured-show-info">
<h3 class="featured-show-title">{{ site.data.featured_show.title }}</h3>
<p class="featured-show-subtitle">{{ site.data.featured_show.subtitle }}</p>
<p class="featured-show-details">{{ site.data.featured_show.datetime }} • {{ site.data.featured_show.venue }}, {{ site.data.featured_show.city }}</p>
<span class="featured-ticket-btn">GET TICKETS</span>
</div>
</a>
{% endif %}
<div class="shows-list">
{% for show in site.data.shows %}
<div class="show-item">
<div class="show-info">
<span class="show-city">{{ show.city }}</span>
<span class="show-details">{{ show.datetime }} / {{ show.place }}</span>
</div>
{% if show.link %}
<a href="{{ show.link }}" class="ticket-btn" target="_blank">TICKETS</a>
{% else %}
<span class="sold-out">Free, just show up!</span>
{% endif %}
</div>
{% endfor %}
</div>
</div>
</section>
<!-- BIO SECTION -->
<section id="bio" class="bio-section">
<!-- Organic wave divider: shows purple dripping into bio section -->
<svg class="organic-wave" viewBox="0 0 1440 80" preserveAspectRatio="none">
<path d="M0,0 L0,30 C120,60 200,40 350,52 C480,62 560,22 700,40 C820,55 880,68 1000,42 C1100,24 1180,55 1300,48 C1380,44 1420,30 1440,35 L1440,0 Z" fill="#783272"/>
</svg>
<div class="bio-content">
<h2 class="section-title bio-title">YOUR UNHINGED<br/>SINGAP<span class="sg-flag-o"><img src="assets/sg-flag-circle.png" alt="O" /></span>REAN BESTIE</h2>
<div class="bio-body">
<img class="bio-photo-float" src="assets/elisha-halfbody-nobg.png" alt="Elisha Tan" />
<p>
<b>Elisha Tan</b> is a San Francisco–based comedian who made history as the first Singaporean to headline the iconic <b>Punch Line San Francisco</b>. Described as fun, quirky, and "a waste of money sending her to college" (a direct quote from her mum), Elisha turns the absurdity of navigating expectations placed on Asian women into sharp, deeply relatable, and slightly unhinged comedy.
</p>
<p>
Her work has taken her across the U.S., Singapore, Germany, Ireland, Scotland, and the U.K., with performances at renowned clubs including the <b>Laugh Factory, Cobb's Comedy Club, and Broadway Comedy Club</b>, as well as major festivals such as the <b>Edinburgh Festival Fringe and Asian Comedy Fest</b>. She has also <b>worked with Dave Attell and Ahmed Ahmed</b>. Elisha has been featured in <a href="https://www.tatlerasia.com/lifestyle/travel/haute-spots-elisha-tan-bay-area-san-francisco" target="_blank">Tatler Asia</a> for comedy, and <a href="https://elishatan.com/bio" target="_blank">Channel News Asia, CNBC, The Straits Times, amongst others,</a> for her career in tech.
</p>
<p>
Download her
<a href="https://bit.ly/elishamediakit" target="_blank">media kit (headshots and bio) here</a>.
</p>
</div>
</div>
</section>
<!-- BOOK ME SECTION -->
<section id="book" class="book-section">
<!-- Organic wave divider: bio teal dripping into book section -->
<svg class="organic-wave" viewBox="0 0 1440 80" preserveAspectRatio="none">
<path d="M0,0 L0,45 C90,62 180,28 320,42 C440,54 520,65 660,38 C780,18 860,52 980,55 C1080,58 1160,30 1280,42 C1360,50 1400,38 1440,40 L1440,0 Z" fill="#5CC8C8"/>
</svg>
<div class="book-content">
<h2 class="section-title book-title">CONTACT</h2>
<p>
Make your day a little brighter by booking me for events, shows, and collaborations! Please get in touch by emailing
<b><a href="mailto:bookelishatan@gmail.com">bookelishatan@gmail.com</a></b>.
</p>
<div class="socials">
<a href="https://instagram.com/elishatan" target="_blank">
<img alt="Instagram" src="assets/instagram.svg" />
</a>
<a href="https://www.youtube.com/@ElishaTan" target="_blank">
<img alt="Youtube" src="assets/youtube.svg" />
</a>
<a href="https://www.tiktok.com/@shacomedy_" target="_blank">
<img alt="TikTok" src="assets/tiktok.svg" />
</a>
<a href="mailto:bookelishatan@gmail.com">
<img alt="E-mail" src="assets/mail.svg" />
</a>
</div>
</div>
</section>
<!-- INSTAGRAM / VIDEOS SECTION -->
<section id="videos" class="ig-section">
<!-- Organic wave divider: book coral dripping into IG section -->
<svg class="organic-wave" viewBox="0 0 1440 80" preserveAspectRatio="none">
<path d="M0,0 L0,32 C110,55 220,42 360,50 C480,56 560,25 700,45 C800,58 900,35 1020,50 C1120,62 1200,28 1320,38 C1400,44 1430,52 1440,48 L1440,0 Z" fill="#F08080"/>
</svg>
<div class="ig-content">
<h2 class="section-title ig-title">LOL</h2>
<div class="ig-link">
<a href="https://www.instagram.com/elishatan" target="_blank">Follow @elishatan for more funny</a>
</div>
<div class="ig-phones">
{% for reel in site.data.reels limit:5 %}
<div class="phone-frame phone-{{ forloop.index }}">
<blockquote
class="instagram-media"
data-instgrm-permalink="{{ reel }}"
data-instgrm-version="14"
style="width:100%; margin:0; padding:0;"
></blockquote>
</div>
{% endfor %}
</div>
</div>
</section>
<!-- FOOTER -->
<footer class="footer">
<p class="footer-text">© 2026 Elisha Tan. All rights reserved.</p>
</footer>
<script
async
defer
fetchpriority="low"
src="https://www.instagram.com/embed.js"
></script>
</body>
</html>