-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
69 lines (67 loc) · 6.21 KB
/
index.html
File metadata and controls
69 lines (67 loc) · 6.21 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-H1MSLFWW11"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-H1MSLFWW11');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Open Source Weekend</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@700&family=Poppins:wght@400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
</head>
<body>
<canvas id="particle-canvas"></canvas>
<div class="futuristic-bg"></div>
<div class="container">
<div class="message-box">
<div class="logo">
<img src="assets/OSWWhite.svg" alt="OSW Logo" />
</div>
<h1 class="title">Open Source Weekend</h1>
<p class="subtitle">The Future of Collaboration is Loading...</p>
<p class="description">
Prepare to connect with developers, collaborate on innovative projects, and contribute to the open-source community. This is a space to learn, build, and shape the future of technology together. We're getting everything ready for an event that will ignite your passion for code.
</p>
<p class="status-message">Great Things are on the Way...</p>
<p class="social-update-message mt-8 text-3xl font-bold">Stay updated on our socials!</p>
<!-- Social Media Icons -->
<div class="social-icons flex justify-center space-x-6 mt-8">
<a href="https://github.com/oscfcommunity" target="_blank" aria-label="GitHub">
<svg class="h-10 w-10 text-white hover:text-cyan-400" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.865-.013-1.7c-2.782.607-3.37-1.34-3.37-1.34-.454-1.156-1.11-1.46-1.11-1.46-.908-.62.069-.608.069-.608 1.002.07 1.529 1.03 1.529 1.03.892 1.531 2.341 1.088 2.91.83.091-.64.351-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.949 0-1.092.39-1.983 1.03-2.682-.103-.253-.448-1.272.097-2.646 0 0 .84-.268 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.114 2.504.331 1.909-1.294 2.747-1.026 2.747-1.026.546 1.373.202 2.394.098 2.646.64.7 1.028 1.59 1.028 2.682 0 3.843-2.339 4.695-4.562 4.942.359.31.678.924.678 1.865 0 1.34-.012 2.411-.012 2.731 0 .268.18.578.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd" />
</svg>
</a>
<a href="https://www.linkedin.com/company/open-source-weekend/" target="_blank" aria-label="LinkedIn">
<svg class="h-10 w-10 text-white hover:text-cyan-400" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/>
</svg>
</a>
<a href="https://www.facebook.com/OSWeekend" target="_blank" aria-label="Facebook">
<svg class="h-10 w-10 text-white hover:text-cyan-400" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path d="M22.675 0c.732 0 1.325.603 1.325 1.342v21.316c0 .739-.593 1.342-1.325 1.342h-6.264v-9.29h3.116l.465-3.613h-3.581V10.1c0-1.047.29-1.76 1.791-1.76h1.916V5.416s-1.737-.298-3.4-.298c-3.468 0-5.783 2.106-5.783 5.952v3.315h-3.58v3.613h3.58v9.29H1.325C.593 24 0 23.397 0 22.658V1.342C0 .603.593 0 1.325 0h21.35z"/>
</svg>
</a>
<a href="https://instagram.com/OSWeekend" target="_blank" aria-label="Instagram">
<svg class="h-10 w-10 text-white hover:text-cyan-400" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path d="M12 2.163c3.204 0 3.584.012 4.85.07 1.366.062 2.633.326 3.608 1.301.975.975 1.24 2.242 1.301 3.608.058 1.265.07 1.645.07 4.849s-.012 3.584-.07 4.85c-.062 1.366-.326 2.633-1.301 3.608-.975.975-2.242 1.24-3.608 1.301-1.265.058-1.645.07-4.849.07s-3.584-.012-4.85-.07c-1.366-.062-2.633-.326-3.608-1.301-.975-.975-1.24-2.242-1.301-3.608-.058-1.265-.07-1.645-.07-4.849s.012-3.584.07-4.85c.062-1.366.326-2.633 1.301-3.608.975-.975 2.242-1.24 3.608-1.301 1.265-.058 1.645-.07 4.849-.07zm0-2.163c-3.259 0-3.667.014-4.947.072-1.631.074-3.092.446-4.256 1.61C1.632 2.846 1.26 4.307 1.186 5.938c-.058 1.28-.072 1.688-.072 4.947s.014 3.667.072 4.947c.074 1.631.446 3.092 1.61 4.256 1.164 1.164 2.625 1.536 4.256 1.61 1.28.058 1.688.072 4.947.072s3.667-.014 4.947-.072c1.631-.074 3.092-.446 4.256-1.61 1.164-1.164 1.536-2.625 1.61-4.256.058-1.28.072-1.688.072-4.947s-.014-3.667-.072-4.947c-.074-1.631-.446-3.092-1.61-4.256-1.164-1.164-2.625-1.536-4.256-1.61-1.28-.058-1.688-.072-4.947-.072zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.162 6.162 6.162 6.162-2.759 6.162-6.162-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.791-4-4s1.791-4 4-4 4 1.791 4 4-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.441s.645 1.441 1.441 1.441 1.441-.645 1.441-1.441-.645-1.441-1.441-1.441z"/>
</svg>
</a>
<a href="https://x.com/OSWeekend" target="_blank" aria-label="X">
<svg class="h-10 w-10 text-white hover:text-cyan-400" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
</svg>
</a>
</div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>