Skip to content

Commit 3ab34d8

Browse files
theAnshulGuptatheAnshulGupta
committed
og and a ton of other stuff
1 parent 2dd28cd commit 3ab34d8

File tree

4 files changed

+263
-72
lines changed

4 files changed

+263
-72
lines changed

‎img/logo/banner.png

457 KB
Loading

‎index.html

+21-6
Original file line numberDiff line numberDiff line change
@@ -5,16 +5,30 @@
55
<meta charset="utf-8" />
66
<title>ThetaHacks I</title>
77
<link rel="icon" href="img/logo/logo_nobuffer.png" />
8+
9+
<!-- meta -->
810
<meta name="description"
911
content="ThetaHacks is a 36 hour virtual high school hackathon for developers of all skill levels." />
1012
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1" />
1113
<meta name="author" content="ThetaHacks" />
12-
<meta property="og:title" content="ThetaHacks | Bringing the world of tech to prospective engineers" />
13-
<meta property="og:site_name" content="ThetaHacks" />
14-
<meta property="og:description" content="ThetaHacks is a virtual 36-hour hackathon with swag and awards for high-school hackers of all ages and skill levels across the globe!" />
15-
<meta property="og:image" content="https://i.imgur.com/ihydEWt.png" />
16-
<meta property="og:image:height" content="300" />
17-
<meta property="og:url" content="https://thetahacks.tech" />
14+
15+
<!-- OpenGraph Meta -->
16+
17+
<meta
18+
property="og:title"
19+
content="ThetaHacks | Bringing the world of tech to prospective engineers"
20+
/>
21+
<meta property="og:site_name" content="ThetaHacks" />
22+
<meta
23+
property="og:description"
24+
content="ThetaHacks is a hackathon with swag and awards for high-school hackers of all ages and skill levels across the globe!"
25+
/>
26+
<meta
27+
property="og:image"
28+
content="https://thetahacks.tech/img/logo/banner.png"
29+
/>
30+
<meta property="og:url" content="https://thetahacks.tech/" />
31+
<!-- CSS -->
1832
<link rel="stylesheet" href="css/bootstrap.min.css" />
1933
<link rel="stylesheet" href="css/hover.css" />
2034
<link rel="stylesheet" href="css/button.css" />
@@ -26,6 +40,7 @@
2640
<link rel="stylesheet" href="fonts/montserrat.css" />
2741
<link rel="stylesheet" href="fonts/exo.css" />
2842
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Merriweather" />
43+
2944
</head>
3045

3146
<body id="top" style="background: #202030; font-family: Montserrat">

‎links/index.html

+242-66
Original file line numberDiff line numberDiff line change
@@ -5,18 +5,41 @@
55
<meta charset="utf-8" />
66
<title>ThetaHacks - Links</title>
77
<link rel="icon" href="../img/logo/logo_nobuffer.png" />
8-
<meta name="description"
9-
content="ThetaHacks is a 36 hour virtual high school hackathon for developers of all skill levels." />
10-
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1" />
8+
<meta
9+
name="description"
10+
content="ThetaHacks is a 36 hour virtual high school hackathon for developers of all skill levels."
11+
/>
12+
<meta
13+
name="viewport"
14+
content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1"
15+
/>
1116
<meta name="author" content="ThetaHacks" />
12-
<meta property="og:title" content="ThetaHacks | Bringing the world of tech to prospective engineers" />
17+
18+
<!-- OpenGraph Meta -->
19+
<meta
20+
property="og:title"
21+
content="ThetaHacks | Bringing the world of tech to prospective engineers"
22+
/>
1323
<meta property="og:site_name" content="ThetaHacks" />
14-
<meta property="og:description" content="ThetaHacks is a virtual 36-hour hackathon with swag and awards for high-school hackers of all ages and skill levels across the globe!" />
15-
<meta property="og:image" content="https://i.imgur.com/ihydEWt.png" />
16-
<meta property="og:image:height" content="300" />
24+
<meta
25+
property="og:description"
26+
content="ThetaHacks is a hackathon with swag and awards for high-school hackers of all ages and skill levels across the globe!"
27+
/>
28+
<meta
29+
property="og:image"
30+
content="https://thetahacks.tech/img/logo/banner.png"
31+
/>
1732
<meta property="og:url" content="https://thetahacks.tech/info/" />
18-
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat" />
19-
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Merriweather" />
33+
34+
<!-- CSS -->
35+
<link
36+
rel="stylesheet"
37+
href="https://fonts.googleapis.com/css?family=Montserrat"
38+
/>
39+
<link
40+
rel="stylesheet"
41+
href="https://fonts.googleapis.com/css?family=Merriweather"
42+
/>
2043
<link rel="stylesheet" href="../css/bootstrap.min.css" />
2144
<link rel="stylesheet" href="../css/hover.css" />
2245
<link rel="stylesheet" href="../css/button.css" />
@@ -30,92 +53,245 @@
3053
</head>
3154

3255
<body>
33-
<div class="overlay2"></div>
34-
35-
<div class="nonoverlay">
56+
<div class="overlay2"></div>
3657

37-
<div class="banner" id="banner" style="padding:10px; text-align:center;z-index:10000000;position:fixed;background:rgb(105, 0, 0);width:100vw;left:0;top:0;display:none;">
38-
<div class="banner-content">
39-
<p style="margin:0">You are viewing this page on an unsupported browser. For best performance, use <a href="https://www.google.com/chrome/" target="_blank">Chrome</a> or <a href="https://www.mozilla.org/en-US/firefox/new/" target="_blank">Firefox</a> on a computer.<br><u><span onclick="hide(); return false" style="cursor: pointer;">Dismiss</span></u></p>
40-
</div>
41-
</div>
58+
<div class="nonoverlay">
59+
<div
60+
class="banner"
61+
id="banner"
62+
style="
63+
padding: 10px;
64+
text-align: center;
65+
z-index: 10000000;
66+
position: fixed;
67+
background: rgb(105, 0, 0);
68+
width: 100vw;
69+
left: 0;
70+
top: 0;
71+
display: none;
72+
"
73+
>
74+
<div class="banner-content">
75+
<p style="margin: 0">
76+
You are viewing this page on an unsupported browser. For best
77+
performance, use
78+
<a href="https://www.google.com/chrome/" target="_blank">Chrome</a> or
79+
<a href="https://www.mozilla.org/en-US/firefox/new/" target="_blank"
80+
>Firefox</a
81+
>
82+
on a computer.<br /><u
83+
><span onclick="hide(); return false" style="cursor: pointer"
84+
>Dismiss</span
85+
></u
86+
>
87+
</p>
88+
</div>
89+
</div>
4290

43-
<script>
44-
function hide() {
45-
document.getElementById('banner').style.display = "none";
46-
}
47-
</script>
91+
<script>
92+
function hide() {
93+
document.getElementById("banner").style.display = "none";
94+
}
95+
</script>
4896

49-
<a href="/" style="position:fixed; top:2vh; left:3vw;background:#04040a;padding:10px 20px;border-radius:20px;" id="backb"><span class="underline">Back to main site</span></a>
97+
<a
98+
href="/"
99+
style="
100+
position: fixed;
101+
top: 2vh;
102+
left: 3vw;
103+
background: #04040a;
104+
padding: 10px 20px;
105+
border-radius: 20px;
106+
"
107+
id="backb"
108+
><span class="underline">Back to main site</span></a
109+
>
50110

51-
<div class="title-container" style="text-align:center;">
52-
<div class="title-left animate__animated animate__bounceInLeft" style="display: inline-block">
53-
<h2 class="main-title" id="title-1">Theta</h2>
54-
</div>
55-
<div class="title-right animate__animated animate__bounceInRight" style="display: inline-block">
56-
<h2 class="main-title" id="title-2">
57-
Hacks
58-
<span style="font-family: Merriweather; font-weight: 600;" id="title-i">I</span>
59-
</h2>
60-
</div>
111+
<div class="title-container" style="text-align: center">
112+
<div
113+
class="title-left animate__animated animate__bounceInLeft"
114+
style="display: inline-block"
115+
>
116+
<h2 class="main-title" id="title-1">Theta</h2>
117+
</div>
118+
<div
119+
class="title-right animate__animated animate__bounceInRight"
120+
style="display: inline-block"
121+
>
122+
<h2 class="main-title" id="title-2">
123+
Hacks
124+
<span style="font-family: Merriweather; font-weight: 600" id="title-i"
125+
>I</span
126+
>
127+
</h2>
61128
</div>
62-
63-
<div style="background: #00000088; border-radius:30px;margin-top:5vh;padding-bottom:3vh;" id="d1">
64-
<h2 style="padding: 5vh 4vw 0vh 4vw;text-align:center;color:#ddf5ff !important;
65-
font-weight:800 !important;" id="h23">Links</h2>
66-
<p style="padding: 2vh 4vw;text-align:center;" id="p2">
67-
<a href="https://thetahacks.tech/signup" target="_blank" class="underline3">Attendee Signup</a><br>
68-
<a href="http://thetahacks.devpost.com" target="_blank" class="underline3">Devpost Signup</a><br>
69-
<a href="https://discord.gg/NCpE8PD" target="_blank" class="underline3">Discord Server</a><br>
70-
<a href="https://docs.google.com/spreadsheets/d/10dC7aha67TYWmRGh-0125gxFclHisrzf7x94adIuwWU/edit?usp=sharing" target="_blank" class="underline3">Schedule/Itinery</a><br>
71-
<a href="https://thetahacks.tech/info/" target="_blank" class="underline3">Info Page</a><br>
72-
<a href="https://thetahacks.tech/mentor" target="_blank" class="underline3">Mentor Signup</a><br>
73-
<a href="https://thetahacks.tech/volunteer" target="_blank" class="underline3">Workshop/Judge/Speaker Signup</a><br>
74-
<a href="https://thetahacks.tech/#events" target="_blank" class="underline3">Free Swag, Events, and Prizes</a><br>
75-
<a href="https://instagram.com/thetahacks" target="_blank" class="underline3">Instagram</a><br>
76-
77-
</p>
78-
</div>
79129
</div>
80130

131+
<div
132+
style="
133+
background: #00000088;
134+
border-radius: 30px;
135+
margin-top: 5vh;
136+
padding-bottom: 3vh;
137+
"
138+
id="d1"
139+
>
140+
<h2
141+
style="
142+
padding: 5vh 4vw 0vh 4vw;
143+
text-align: center;
144+
color: #ddf5ff !important;
145+
font-weight: 800 !important;
146+
"
147+
id="h23"
148+
>
149+
Links
150+
</h2>
151+
<p style="padding: 2vh 4vw; text-align: center" id="p2">
152+
<a
153+
href="https://thetahacks.tech/signup"
154+
target="_blank"
155+
class="underline3"
156+
>Attendee Signup</a
157+
><br />
158+
<a
159+
href="http://thetahacks.devpost.com"
160+
target="_blank"
161+
class="underline3"
162+
>Devpost Signup</a
163+
><br />
164+
<a href="https://discord.gg/NCpE8PD" target="_blank" class="underline3"
165+
>Discord Server</a
166+
><br />
167+
<a
168+
href="https://docs.google.com/spreadsheets/d/10dC7aha67TYWmRGh-0125gxFclHisrzf7x94adIuwWU/edit?usp=sharing"
169+
target="_blank"
170+
class="underline3"
171+
>Schedule/Itinery</a
172+
><br />
173+
<a
174+
href="https://thetahacks.tech/info/"
175+
target="_blank"
176+
class="underline3"
177+
>Info Page</a
178+
><br />
179+
<a
180+
href="https://thetahacks.tech/mentor"
181+
target="_blank"
182+
class="underline3"
183+
>Mentor Signup</a
184+
><br />
185+
<a
186+
href="https://thetahacks.tech/volunteer"
187+
target="_blank"
188+
class="underline3"
189+
>Workshop/Judge/Speaker Signup</a
190+
><br />
191+
<a
192+
href="https://thetahacks.tech/#events"
193+
target="_blank"
194+
class="underline3"
195+
>Free Swag, Events, and Prizes</a
196+
><br />
197+
<a
198+
href="https://instagram.com/thetahacks"
199+
target="_blank"
200+
class="underline3"
201+
>Instagram</a
202+
><br />
203+
</p>
204+
</div>
205+
</div>
81206

82207
<!-- FOOTER -->
83-
<section style="padding: 5vh 0vh 5vh 0vh; background: #0c0c18;margin-top:5vh;z-index:100000 !important;position:relative;">
208+
<section
209+
style="
210+
padding: 5vh 0vh 5vh 0vh;
211+
background: #0c0c18;
212+
margin-top: 5vh;
213+
z-index: 100000 !important;
214+
position: relative;
215+
"
216+
>
84217
<!-- logos since imo white and black are meh: https://www.flaticon.com/packs/social-media?word=social%20media -->
85218
<div class="footer-container" style="text-align: center; display: block">
86219
<div class="social-links">
87-
<a href="https://discord.gg/NCpE8PD" style="display: inline-block" target="_blank">
88-
<img class="social-logo" src="../img/media/discord.svg" alt="Discord" />
220+
<a
221+
href="https://discord.gg/NCpE8PD"
222+
style="display: inline-block"
223+
target="_blank"
224+
>
225+
<img
226+
class="social-logo"
227+
src="../img/media/discord.svg"
228+
alt="Discord"
229+
/>
89230
</a>
90-
<a href="https://www.linkedin.com/company/ThetaHacks" style="display: inline-block" target="_blank">
91-
<img class="social-logo" src="../img/media/linkedin.svg" alt="LinkedIn" />
231+
<a
232+
href="https://www.linkedin.com/company/ThetaHacks"
233+
style="display: inline-block"
234+
target="_blank"
235+
>
236+
<img
237+
class="social-logo"
238+
src="../img/media/linkedin.svg"
239+
alt="LinkedIn"
240+
/>
92241
</a>
93-
<a class="social-link" href="https://www.instagram.com/thetahacks/" target="_blank">
94-
<img class="social-logo" src="../img/media/instagram.svg" alt="Instagram" />
242+
<a
243+
class="social-link"
244+
href="https://www.instagram.com/thetahacks/"
245+
target="_blank"
246+
>
247+
<img
248+
class="social-logo"
249+
src="../img/media/instagram.svg"
250+
alt="Instagram"
251+
/>
95252
</a>
96-
<a class="social-link" href="mailto:[email protected]" target="_blank">
253+
<a
254+
class="social-link"
255+
href="mailto:[email protected]"
256+
target="_blank"
257+
>
97258
<img class="social-logo" src="../img/media/gmail.svg" alt="Gmail" />
98259
</a>
99-
<a class="social-link" href="https://twitter.com/ThetaHacks" target="_blank">
100-
<img class="social-logo" src="../img/media/twitter.svg" alt="Twitter" />
260+
<a
261+
class="social-link"
262+
href="https://twitter.com/ThetaHacks"
263+
target="_blank"
264+
>
265+
<img
266+
class="social-logo"
267+
src="../img/media/twitter.svg"
268+
alt="Twitter"
269+
/>
101270
</a>
102-
<a class="social-link" href="https://github.com/ThetaHacks" target="_blank">
271+
<a
272+
class="social-link"
273+
href="https://github.com/ThetaHacks"
274+
target="_blank"
275+
>
103276
<img class="social-logo" src="../img/media/cat.svg" alt="Cat" />
104277
</a>
105-
<a href="https://www.hackclub.com/bank" style="margin: 2% 20px; display: inline-block" target="_blank">
278+
<a
279+
href="https://www.hackclub.com/bank"
280+
style="margin: 2% 20px; display: inline-block"
281+
target="_blank"
282+
>
106283
<img class="social-logo-2" src="../img/media/bank.png" alt="Bank" />
107284
</a>
108285
</div>
109286
</div>
110287
</section>
111-
<section id="copyright-wrapper" style="background: #04040a;">
288+
<section id="copyright-wrapper" style="background: #04040a">
112289
<p id="copyright">
113-
Copyright &copy; 2020 ThetaHacks, a 501(c)(3) non-profit
114-
organization, fiscally sponsored by Hack Club Bank.
290+
Copyright &copy; 2020 ThetaHacks, a 501(c)(3) non-profit organization,
291+
fiscally sponsored by Hack Club Bank.
115292
</p>
116293
</section>
117294
<script src="../js/jquery-3.5.1.min.js"></script>
118295
<script src="../js/jquery.visible.min.js"></script>
119296
<script src="../js/infomain.js"></script>
120297
</body>
121-

‎about.html ‎slides.html

File renamed without changes.

0 commit comments

Comments
 (0)