Skip to content

Commit 1cfd29f

Browse files
AccessRetrievedAccessRetrieved
committed
updated index
1 parent 3f2a0c2 commit 1cfd29f

File tree

2 files changed

+155
-155
lines changed

2 files changed

+155
-155
lines changed

‎index.html‎

Lines changed: 85 additions & 70 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,19 @@
1-
<html>
1+
<html lang="en">
22

33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>Coming soon.</title>
7-
<script src="/assets/dist/tailwind.js"></script>
6+
<title>Constellation Networking</title>
7+
<link rel="stylesheet" href="/assets/dist/tailwind.css">
88
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
99
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
10-
<link rel="preload" as="style" onload="this.rel='stylesheet'" href="/assets/css/index.css">
10+
</link>
11+
<link rel="stylesheet" href="/assets/css/index_real.css">
1112

12-
<meta name="description" content="Explore and apply for volunteer positions within Constellation Networking.">
13+
<meta name="description"
14+
content="Constellation Networking: Connect, collaborate, and grow your professional network with ease.">
1315
<meta name="keywords"
14-
content="Constellation Networking, volunteer positions, apply for volunteer, community involvement">
16+
content="Constellation Networking, professional network, collaboration, career growth, constellationhub.info">
1517
<meta name="author" content="Constellation Networking Team">
1618

1719

@@ -32,80 +34,93 @@
3234
<script src="assets/js/firebase_init.js"></script>
3335
</head>
3436

35-
<body>
36-
<div class="bg-white">
37-
<div class="relative isolate px-6 pt-6 lg:px-8">
38-
<div class="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80"
39-
aria-hidden="true">
40-
<div class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]"
41-
style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)">
37+
<body class="bg-black text-white relative" id="body">
38+
<!-- Navigation -->
39+
<nav class="absolute top-0 left-0 right-0 z-10 flex justify-between items-center p-8">
40+
<div class="text-xs uppercase tracking-widest">
41+
<a href="/index.html"
42+
class="text-gray-400 hover:text-white transition-colors duration-300 navbar-title">Constellation.</a>
43+
</div>
44+
<div class="flex space-x-6">
45+
<a href="https://stats.uptimerobot.com/g9CgvZllib"
46+
class="text-xs uppercase tracking-widest hover:text-gray-300 transition-colors duration-300 navbar-links"
47+
id="navbar-chat">Status</a>
48+
<a href="/chat.html"
49+
class="text-xs uppercase tracking-widest hover:text-gray-300 transition-colors duration-300 navbar-links"
50+
id="navbar-chat">Chat</a>
51+
<a href="/account.html"
52+
class="text-xs uppercase tracking-widest hover:text-gray-300 transition-colors duration-300 navbar-links">Account</a>
53+
<a href="/new_changelog.html"
54+
class="text-xs uppercase tracking-widest hover:text-gray-300 transition-colors duration-300 navbar-links">Changelog</a>
55+
<button id="accountMgnLink" onclick="window.location = '/signin.html'">
56+
<p id="accountMgnText"
57+
class="text-xs uppercase tracking-widest hover:text-gray-300 transition-colors duration-300 navbar-links">
58+
Sign in
59+
</p>
60+
</button>
61+
</div>
62+
</nav>
63+
64+
<!-- Main -->
65+
<div class="flex flex-col lg:flex-row items-center justify-between px-8 lg:px-16 py-32">
66+
<div class="lg:w-1/2">
67+
<div class="text-xs font-bold mb-2">01</div>
68+
<h1 class="text-6xl font-bold mb-6" id="title">Welcome to Constellation Networking.</h1>
69+
<p class="mb-6">Constellation is an Edtech networking platform for youth that presents them opportunities to
70+
and teaches them to network with peers in a gamified format.</p>
71+
<button id="join-link" onclick="window.location='/about.html'"
72+
class="bg-white text-black px-6 py-2 uppercase text-xs tracking-widest font-bold hover:bg-gray-200 transition-colors duration-300">View
73+
our missions</button>
74+
</div>
75+
</div>
76+
77+
<!-- Footer -->
78+
<div class="footer absolute bottom-0 left-0 right-0 p-8">
79+
<div class="flex justify-between items-center">
80+
<!-- Social Links and Citation -->
81+
<div class="flex flex-col">
82+
<div class="flex space-x-4">
83+
<a href="#" class="text-gray-400 hover:text-white transition-colors duration-300">
84+
<i class="fab fa-instagram"></i>
85+
</a>
86+
<!-- <a href="#" class="text-gray-400 hover:text-white transition-colors duration-300">
87+
<i class="fab fa-twitter"></i>
88+
</a> -->
4289
</div>
90+
91+
<!-- Citation Text -->
92+
<p class="photo-citation" id="photo-citation"></p>
4393
</div>
44-
<div class="mx-auto max-w-2xl py-32 sm:py-48 lg:py-48">
45-
<div class="hidden sm:mb-8 sm:flex sm:justify-center">
46-
<div
47-
class="relative rounded-full px-3 py-1 text-sm leading-6 text-gray-600 ring-1 ring-gray-900/10 hover:ring-gray-900/20">
48-
Constellation is scheduled to launch on February 16, 2025. <a
49-
href="https://github.com/ConstellationNetworking" class="font-semibold text-indigo-600">
50-
<span class="absolute inset-0" aria-hidden="true"></span>Read more <span
51-
aria-hidden="true">&rarr;</span></a>
94+
95+
<div class="flex items-center">
96+
<div class="text-xs font-bold mr-8">02</div>
97+
<div class="flex space-x-8">
98+
<div class="text-center">
99+
<h2 class="text-xs uppercase tracking-widest mb-1" style="font-size: 12px;">About us</h2>
100+
<button onclick="window.location='/about.html'"
101+
class="bg-transparent border border-white px-4 py-1 uppercase text-xs tracking-widest font-bold hover:bg-white hover:text-black transition-colors duration-300"
102+
style="font-size: 10px; white-space: nowrap;">Learn more</button>
52103
</div>
53-
</div>
54-
<div class="text-center">
55-
<h1 class="text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl">Constellation is coming
56-
soon.</h1>
57-
<p class="mt-6 text-lg leading-8 text-gray-600">Interested in participating in the beta or want to
58-
take on a role? Pop your email below!</p>
59-
<div class="mt-10 flex items-center justify-center gap-4">
60-
<form class="flex items-center gap-4">
61-
<input type="email" id="email" placeholder="email@youremail.com"
62-
class="input-field bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block p-3 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500 w-80 sm:w-80">
63-
<button id="submitBtn" type="button" onclick="submitForm()"
64-
class="button-style bg-indigo-600 text-white text-sm font-semibold rounded-lg p-3 hover:bg-indigo-500 focus:outline-none focus:ring-2 focus:ring-indigo-600">
65-
Fill me in.
66-
</button>
67-
</form>
104+
<div class="text-center" id="my-missions">
105+
<h2 class="text-xs uppercase tracking-widest mb-1" style="font-size: 12px;">My missions</h2>
106+
<button onclick="window.location='/missions.html'"
107+
class="bg-transparent border border-white px-4 py-1 uppercase text-xs tracking-widest font-bold hover:bg-white hover:text-black transition-colors duration-300"
108+
style="font-size: 10px; white-space: nowrap;">View</button>
68109
</div>
69110
</div>
70111
</div>
71-
<div class="absolute inset-x-0 top-[calc(100%-13rem)] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-30rem)]"
72-
aria-hidden="true">
73-
<div class="relative left-[calc(50%+3rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%+36rem)] sm:w-[72.1875rem]"
74-
style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)">
75-
</div>
76-
</div>
77-
</div>
78-
</div>
79112

80-
<div id="positions-table" class="select-none" style="padding-bottom: 50px;">
81-
<div class="max-w-screen-xl mx-auto px-4 md:px-6">
82-
<div class="items-start justify-between md:flex">
83-
<div class="max-w-lg">
84-
<h3 class="text-gray-800 text-xl font-bold sm:text-2xl">Open Roles</h3>
85-
<p class="text-gray-600 mt-2">Meanwhile, have a look at our open roles! For students, by students.
86-
</p>
87-
</div>
88-
</div>
89-
<div class="mt-12 relative h-max overflow-auto">
90-
<table id="positions-table" class="w-full table-auto text-sm text-left">
91-
<thead class="text-gray-600 font-medium border-b">
92-
<tr>
93-
<th class="py-3 pr-6">Title</th>
94-
<th class="py-3 pr-6">About</th>
95-
<th class="py-3 pr-6">Weekly Commitment Hours</th>
96-
<th class="py-3 pr-6">Location</th>
97-
<th class="py-3 pr-6">Action</th>
98-
</tr>
99-
</thead>
100-
<tbody id="positions-table-body" class="text-gray-600 divide-y">
101-
<!-- The table rows will be inserted here by JavaScript -->
102-
</tbody>
103-
</table>
113+
<div class="flex items-center" id="switch-btn">
114+
<button onclick="switchBg()"
115+
class="bg-transparent border border-white px-4 py-1 uppercase text-xs tracking-widest font-bold flex items-center hover:bg-white hover:text-black transition-colors duration-300"
116+
style="font-size: 10px;">
117+
<i class="fas fa-forward mr-2"></i>
118+
Switch
119+
</button>
104120
</div>
105121
</div>
106122
</div>
107-
<script src="/assets/js/index.js"></script>
123+
<script src="/assets/js/index_real.js"></script>
108124
</body>
109-
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
110125

111126
</html>

0 commit comments

Comments
 (0)