Skip to content

Commit 63d3ddb

Browse files
deejay-kim-naverdeejay-kim-naver
committed
Upload invitation
1 parent fb2eba8 commit 63d3ddb

2 files changed

Lines changed: 564 additions & 0 deletions

File tree

‎index.html‎

Lines changed: 267 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,267 @@
1+
<script type="text/javascript">
2+
var gk_isXlsx = false;
3+
var gk_xlsxFileLookup = {};
4+
var gk_fileData = {};
5+
function filledCell(cell) {
6+
return cell !== '' && cell != null;
7+
}
8+
function loadFileData(filename) {
9+
if (gk_isXlsx && gk_xlsxFileLookup[filename]) {
10+
try {
11+
var workbook = XLSX.read(gk_fileData[filename], { type: 'base64' });
12+
var firstSheetName = workbook.SheetNames[0];
13+
var worksheet = workbook.Sheets[firstSheetName];
14+
15+
// Convert sheet to JSON to filter blank rows
16+
var jsonData = XLSX.utils.sheet_to_json(worksheet, { header: 1, blankrows: false, defval: '' });
17+
// Filter out blank rows (rows where all cells are empty, null, or undefined)
18+
var filteredData = jsonData.filter(row => row.some(filledCell));
19+
20+
// Heuristic to find the header row by ignoring rows with fewer filled cells than the next row
21+
var headerRowIndex = filteredData.findIndex((row, index) =>
22+
row.filter(filledCell).length >= filteredData[index + 1]?.filter(filledCell).length
23+
);
24+
// Fallback
25+
if (headerRowIndex === -1 || headerRowIndex > 25) {
26+
headerRowIndex = 0;
27+
}
28+
29+
// Convert filtered JSON back to CSV
30+
var csv = XLSX.utils.aoa_to_sheet(filteredData.slice(headerRowIndex)); // Create a new sheet from filtered array of arrays
31+
csv = XLSX.utils.sheet_to_csv(csv, { header: 1 });
32+
return csv;
33+
} catch (e) {
34+
console.error(e);
35+
return "";
36+
}
37+
}
38+
return gk_fileData[filename] || "";
39+
}
40+
</script><!DOCTYPE html>
41+
<html lang="ko">
42+
<head>
43+
<meta charset="UTF-8">
44+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
45+
<meta name="description" content="Browser Night #0 by browseRus, a community event for browser developers in Seoul, May 29, 2025.">
46+
<title>Browser Night 2025 - browseRus</title>
47+
<style>
48+
body {
49+
font-family: Arial, sans-serif;
50+
line-height: 1.6;
51+
margin: 0;
52+
padding: 0;
53+
background-color: #E9ECEF; /* Light gray background */
54+
color: #333;
55+
}
56+
.container {
57+
max-width: 800px;
58+
width: 90%; /* Flexible width for smaller screens */
59+
margin: 20px auto;
60+
padding: 20px;
61+
background: #fff;
62+
border-radius: 8px;
63+
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
64+
}
65+
.header {
66+
text-align: center;
67+
padding: 20px 0;
68+
background: #4688F4; /* Light blue header */
69+
color: #fff;
70+
border-radius: 8px 8px 0 0;
71+
}
72+
.header h1 {
73+
margin: 0;
74+
font-size: 2.5em;
75+
}
76+
.header p {
77+
margin: 5px 0;
78+
font-size: 1.2em;
79+
}
80+
.header p.italic {
81+
font-style: italic; /* Italic style for "Opening the Browser, Together" */
82+
}
83+
.content {
84+
padding: 20px;
85+
}
86+
.content h2 {
87+
color: #4688F4; /* Light blue headings */
88+
margin-top: 20px;
89+
font-size: 1.8em;
90+
display: inline-block;
91+
}
92+
.content p, .content li {
93+
font-size: 1.1em;
94+
}
95+
.content ul {
96+
list-style-type: disc;
97+
padding-left: 20px;
98+
}
99+
.cta-button {
100+
display: inline-block;
101+
padding: 10px 20px;
102+
margin: 20px 0;
103+
background: #4688F4; /* Blue button, matching header */
104+
color: #fff;
105+
text-decoration: none;
106+
border-radius: 5px;
107+
font-size: 1.2em;
108+
transition: background 0.3s ease; /* Smooth hover transition */
109+
}
110+
.cta-button:hover {
111+
background: #3b78e7; /* Darker blue hover */
112+
}
113+
.flavor-button {
114+
display: inline-block;
115+
padding: 5px 10px;
116+
margin-left: 10px;
117+
background: #DB4437; /* Red background for "Spicy" */
118+
color: #fff;
119+
text-decoration: none;
120+
border-radius: 12px;
121+
font-size: 0.9em;
122+
vertical-align: middle;
123+
transition: background 0.3s ease;
124+
}
125+
.flavor-button:hover {
126+
background: #B31412; /* Darker red hover */
127+
}
128+
.footer {
129+
text-align: center;
130+
padding: 10px;
131+
font-size: 0.9em;
132+
color: #A9B0B8; /* Gray footer */
133+
}
134+
135+
/* Responsive Design */
136+
@media screen and (max-width: 768px) {
137+
.container {
138+
width: 95%;
139+
padding: 15px;
140+
margin: 10px auto;
141+
}
142+
.header {
143+
padding: 15px 0;
144+
}
145+
.header h1 {
146+
font-size: 2em;
147+
}
148+
.header p {
149+
font-size: 1em;
150+
}
151+
.content {
152+
padding: 15px;
153+
}
154+
.content h2 {
155+
font-size: 1.5em;
156+
}
157+
.content p, .content li {
158+
font-size: 1em;
159+
}
160+
.cta-button {
161+
padding: 8px 15px;
162+
font-size: 1em;
163+
}
164+
.flavor-button {
165+
padding: 4px 8px;
166+
font-size: 0.8em;
167+
}
168+
}
169+
170+
@media screen and (max-width: 480px) {
171+
.container {
172+
width: 100%;
173+
padding: 10px;
174+
margin: 5px auto;
175+
}
176+
.header {
177+
padding: 10px 0;
178+
}
179+
.header h1 {
180+
font-size: 1.8em;
181+
}
182+
.header p {
183+
font-size: 0.9em;
184+
}
185+
.content {
186+
padding: 10px;
187+
}
188+
.content h2 {
189+
font-size: 1.3em;
190+
}
191+
.content p, .content li {
192+
font-size: 0.9em;
193+
}
194+
.cta-button {
195+
padding: 6px 12px;
196+
font-size: 0.9em;
197+
width: 100%; /* Full-width buttons on mobile */
198+
text-align: center;
199+
}
200+
.flavor-button {
201+
padding: 3px 6px;
202+
font-size: 0.7em;
203+
margin-left: 5px;
204+
}
205+
.footer {
206+
font-size: 0.8em;
207+
}
208+
}
209+
</style>
210+
</head>
211+
<body>
212+
<div class="container">
213+
<div class="header">
214+
<h1>Browser Night #0</h1>
215+
<p class="italic">Opening the Browser, Together!</p>
216+
<p>Hosted by browseRus</p>
217+
</div>
218+
<div class="content">
219+
<h2>Browser Night #0 초대장</h2>
220+
<a href="tabasco.html" class="flavor-button">매운맛 버전으로 전환하기</a>
221+
<p>browseRus가 2025년 첫 번째 이벤트 <strong>Browser Night #0</strong>를 개최합니다! 웹 브라우저 개발에 관심 있는 모든 분들을 초대하여 기술, 경험, 그리고 네트워킹의 장을 마련했어요.</p>
222+
<p>browseRus는 한국을 중심으로 브라우저 개발자들의 자발적인 커뮤니티입니다. 브라우저 개발의 최신 트렌드를 공유하고, 서로의 경험을 나누며, 새로운 인연을 만들어보세요. 이번 행사는 browseRus의 시작을 알리는 자리로, 기술적인 이야기 보다는 커뮤니티의 비전과 앞으로의 활동을 소개합니다.</p>
223+
<p>특별히, 이번 행사에서는 라이트닝 토크와 *약간의 알콜을* 가미한 주제별 네트워킹 시간을 통해 참가자 모두가 적극적으로 교류할 수 있는 기회를 제공합니다. 편안한 분위기에서 음식과 음료를 즐기며 브라우저 개발의 열정을 나누는 시간이 될 거예요.</p>
224+
<p>브라우저 개발자가 아니어도 누구나 참여 가능하니, 많은 관심과 참여 부탁드립니다!</p>
225+
226+
<h2>행사 정보</h2>
227+
<ul>
228+
<li><strong>일시:</strong> 2025년 5월 29일(목), 오후 7:00</li>
229+
<li><strong>장소:</strong> 오픈업, 서울 서초구 서초대로40길 83</li>
230+
<li><strong>티켓:</strong> 25,000원</li>
231+
<li><strong>마감:</strong> 2025년 5월 15일 (행사 2주 전) / 현장 판매 없음 (No Walk-In) / 음식 & 음료 제공</li>
232+
<li><strong>문의:</strong> <a href="mailto:org.browserus@gmail.com">org.browserus@gmail.com</a></li>
233+
</ul>
234+
<p>*본 모임은 비상업적 커뮤니티 이벤트로, 티켓 수익은 전액 행사 진행(음식, 음료, 경품 등)에 사용됩니다*</p>
235+
236+
<h2>Agenda</h2>
237+
<ul>
238+
<li><strong>06:30 PM:</strong> 입장, 음식 & 음료, 네트워킹</li>
239+
<li><strong>07:00 PM:</strong> 오프닝 & browseRus 소개</li>
240+
<li><strong>07:10 PM:</strong> 라이트닝 토크</li>
241+
<li><strong>08:00 PM:</strong> 주제별 네트워킹</li>
242+
<li><strong>10:00 PM:</strong> 마무리</li>
243+
</ul>
244+
<p>* 진행 시간과 프로그램은 사전 고지 없이 변경될 수 있습니다.</p>
245+
246+
<h2>라이트닝 토크 발표자 모집</h2>
247+
<p><strong>Browser Night #0의 라이트닝 토크에서 당신의 이야기를 들려주세요!</strong><br>
248+
이번 라이트닝 토크는 브라우저 개발의 딥한 기술 이야기가 아니어도 OK! 브라우저와 관련된 가벼운 경험, 재미있는 에피소드, 혹은 최근 근황들을 5분 이내로 공유해보세요. 발표 자료? 없어도 괜찮아요. 부담 없이, 누구나 무대에 설 수 있는 자리입니다!</p>
249+
<p><strong>왜 해야 하나요?</strong><br>
250+
이건 단순한 발표가 아니에요. 당신의 5분이 커뮤니티를 뜨겁게 만들고, 새로운 연결을 만들어낼 기회입니다. 라이트닝 토크를 놓친다면, Browser Night #0의 하이라이트를 놓치는 거예요. 후회하지 말고 지금 지원하세요!</p>
251+
<p><strong>특별한 선물</strong><br>
252+
라이트닝 토크 발표자들에게는 LGTM 실물 도장(미정) 같은 깜찍하고 어썸한 browseRus 굿즈가 준비되어 있어요! 이 특별한 무대에 올라 굿즈와 함께 Browser Night의 주인공이 되어보세요.</p>
253+
<p><strong>지원 방법</strong><br>
254+
<a href="https://docs.google.com/forms/d/e/1FAIpQLSdQXEIzIon43Z5JPTSt7hjjDSspXA9G1st_RfW6IoV5bLDISQ/viewform?usp=header">등록 하러 가기</a> 페이지에서 라이트닝 토크 주제와 간단한 개요(200자 이내)를 작성해주세요. 선정된 발표자는 5월 12일까지 개별적으로 연락드립니다.</p>
255+
<p><strong>마감</strong><br>
256+
2025년 5월 10일(토) 자정까지. 놓치면 후회할 기회입니다!</p>
257+
258+
<h2>지금 등록 하세요!</h2>
259+
<p>브라우저 개발의 미래를 함께 열어갈 당신을 기다립니다. 자리는 한정되어 있으니 서둘러 등록해주세요!</p>
260+
<a href="https://docs.google.com/forms/d/e/1FAIpQLSdQXEIzIon43Z5JPTSt7hjjDSspXA9G1st_RfW6IoV5bLDISQ/viewform?usp=header" class="cta-button">등록 하러 가기</a>
261+
</div>
262+
<div class="footer">
263+
<p>browseRus | 문의: <a href="mailto:org.browserus@gmail.com">org.browserus@gmail.com</a></p>
264+
</div>
265+
</div>
266+
</body>
267+
</html>

0 commit comments

Comments
 (0)