Skip to content

Commit 3c2deb5

Browse files
committed
favicon
1 parent 07c2bcb commit 3c2deb5

11 files changed

Lines changed: 181 additions & 2 deletions

File tree

favicon.ico

5.55 KB
Binary file not shown.

flyers/2026-03-07/main.html

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,8 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>SAYLESS & Kody Sun - March 7, 2026</title>
6+
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
7+
<title>SAYLESS & Kody Sun - March 7, 2026</title>
78

89
<!-- Open Graph -->
910
<meta property="og:type" content="website" />
Lines changed: 170 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,170 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
7+
<title>SAYLESS & Kody Sun</title>
8+
9+
<link rel="preconnect" href="https://fonts.googleapis.com">
10+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
11+
<link href="https://fonts.googleapis.com/css2?family=Bitcount+Single:wght@100..900&display=swap" rel="stylesheet">
12+
13+
<style>
14+
@font-face {
15+
font-family: 'StencilGothic';
16+
src: url('../../fonts/StencilGothic.ttf') format('truetype');
17+
}
18+
19+
* {
20+
margin: 0;
21+
padding: 0;
22+
box-sizing: border-box;
23+
}
24+
25+
body {
26+
display: flex;
27+
justify-content: center;
28+
align-items: center;
29+
min-height: 100vh;
30+
background: #000;
31+
overflow: hidden;
32+
}
33+
34+
.display-container {
35+
position: relative;
36+
background: #000;
37+
display: flex;
38+
flex-direction: column;
39+
justify-content: center;
40+
align-items: center;
41+
width: 100vw;
42+
height: 100vh;
43+
}
44+
45+
/* Subtle background glow effect */
46+
.display-container::before {
47+
content: '';
48+
position: absolute;
49+
top: 50%;
50+
left: 50%;
51+
transform: translate(-50%, -50%);
52+
width: 800px;
53+
height: 800px;
54+
background: radial-gradient(circle, rgba(255, 255, 255, 0.05) 0%, transparent 70%);
55+
animation: pulse 4s ease-in-out infinite;
56+
z-index: 0;
57+
}
58+
59+
.content {
60+
position: relative;
61+
z-index: 1;
62+
text-align: center;
63+
color: #fff;
64+
}
65+
66+
.brand {
67+
font-family: 'StencilGothic', sans-serif;
68+
font-size: 180px;
69+
letter-spacing: 20px;
70+
margin-bottom: 40px;
71+
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
72+
animation: textGlow 3s ease-in-out infinite;
73+
}
74+
75+
.event-title {
76+
display: flex;
77+
align-items: baseline;
78+
justify-content: center;
79+
gap: 25px;
80+
margin-bottom: 80px;
81+
}
82+
83+
.ampersand {
84+
font-family: 'StencilGothic', sans-serif;
85+
font-size: 72px;
86+
letter-spacing: 10px;
87+
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
88+
}
89+
90+
.friends {
91+
font-family: 'Playfair Display', serif;
92+
font-style: italic;
93+
font-size: 96px;
94+
font-weight: 500;
95+
letter-spacing: 4px;
96+
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
97+
}
98+
99+
.ticket-info {
100+
font-family: 'StencilGothic', sans-serif;
101+
font-size: 64px;
102+
letter-spacing: 10px;
103+
margin-top: 60px;
104+
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
105+
animation: glitch 3s infinite;
106+
}
107+
108+
@keyframes pulse {
109+
0%, 100% {
110+
opacity: 1;
111+
transform: translate(-50%, -50%) scale(1);
112+
}
113+
50% {
114+
opacity: 0.6;
115+
transform: translate(-50%, -50%) scale(1.1);
116+
}
117+
}
118+
119+
/* Subtle text glow animation */
120+
@keyframes textGlow {
121+
0%, 100% {
122+
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8), 0 0 30px rgba(255, 255, 255, 0.1);
123+
}
124+
50% {
125+
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8), 0 0 40px rgba(255, 255, 255, 0.2);
126+
}
127+
}
128+
129+
@keyframes glitch {
130+
0%, 50%, 100% {
131+
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
132+
transform: translate(0);
133+
color: #fff;
134+
}
135+
52% {
136+
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8), -5px 0 #ff0000, 5px 0 #00ffff;
137+
transform: translate(-3px, 0);
138+
color: #ff0000;
139+
}
140+
54% {
141+
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8), 5px 0 #00ff00, -5px 0 #ff00ff;
142+
transform: translate(3px, 1px);
143+
color: #00ffff;
144+
}
145+
56% {
146+
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8), -3px 0 #0000ff, 3px 0 #ffff00;
147+
transform: translate(-2px, -1px);
148+
color: #00ff00;
149+
}
150+
58% {
151+
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8), 4px 0 #ff00ff, -4px 0 #00ff00;
152+
transform: translate(2px, 0);
153+
color: #fff;
154+
}
155+
}
156+
</style>
157+
</head>
158+
<body>
159+
<div class="display-container">
160+
<div class="content">
161+
<div class="brand">SAYLESS</div>
162+
<div class="event-title">
163+
<span class="ampersand">&amp;</span>
164+
<span class="friends">Kody Sun</span>
165+
</div>
166+
<div class="ticket-info">TICKETS $40</div>
167+
</div>
168+
</div>
169+
</body>
170+
</html>

flyers/2026-03-14/main.html

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,8 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>SAYLESS & Kody Sun — Daybreaker ATX</title>
6+
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
7+
<title>SAYLESS & Kody Sun — Daybreaker ATX</title>
78

89
<!-- Open Graph -->
910
<meta property="og:type" content="website" />

index.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,7 @@
2626
name="twitter:image"
2727
content="https://justsayless.xyz/social/sayless-square-black.png"
2828
/>
29+
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
2930
<title>SAYLESS</title>
3031
<style>
3132
@font-face {

shows/2025-06-love-again/index.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
<head>
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
67
<title>SAYLESS - The Love Again Set</title>
78
<meta
89
name="description"

shows/2025-08-burning-man/index.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
<head>
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
67
<title>
78
SAYLESS @ Burning Man 2025 - Duke's Speakeasy & Miki Beach
89
</title>

shows/2025-10-halloween/index.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
<head>
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
67
<title>SAYLESS @ Halloween - HAVAN, October 2025</title>
78
<meta
89
name="description"

shows/2026-02-14/index.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
<head>
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
67
<title>SAYLESS @ L'art de Connection - Valentine's Day 2026</title>
78
<meta name="description" content="SAYLESS at L'art de Connection, HAVAN, Austin TX. February 14, 2026." />
89
<meta property="og:title" content="SAYLESS @ L'art de Connection" />

shows/2026-03-07/index.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
<head>
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
67
<title>SAYLESS @ Stardust Garage - March 7, 2026</title>
78
<meta
89
name="description"

0 commit comments

Comments
 (0)