Skip to content

Commit 0a0ae20

Browse files
committed
style changes
1 parent 2a3e6f8 commit 0a0ae20

File tree

4 files changed

+58
-61
lines changed

4 files changed

+58
-61
lines changed

src/App.jsx

+2
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,8 @@ import { Route, Routes } from "react-router-dom";
1010
import Registered from "./Components/Registered";
1111
import { MantineProvider } from "@mantine/core";
1212
function App() {
13+
console.log("")
14+
console.log('Psst... so you are a hacker eh? Find out what this is and tag us on instagram (' + '%ccoding.studio' + ') ;) %c>++++++++++[>+++++++>+++++++++++>++++++++++>+++++++++++>++++++++++>++++++++++>+++++++++++>++++++++++>++++++++++++>++++++++++<<<<<<<<<<-]>+++.>.>+++++.>++++++.>+++++.>---.>--.>+++++.>++.>+.', 'background: #222; color: #9333ea', 'background: #222; color: #bada55');
1315
return (
1416
<MantineProvider theme={{ colorScheme: "dark" }}>
1517
<Routes>

src/Components/AboutEvent.jsx

+47-53
Original file line numberDiff line numberDiff line change
@@ -1,69 +1,63 @@
11
import { Blockquote } from "@mantine/core";
22
import React from "react";
3+
import { Link } from "react-router-dom";
4+
35
export default function AboutEvent() {
46
return (
5-
<div className="relative shadow-xl min-h-[925px] md:min-h-[42rem] md:w-[95%] lg:w-[90%] xl:w-[65%] w-[90%] mx-auto md:ml-auto md:mr-0 bg-[#1e1e1e] p-8">
6-
<span className="text-[2.2rem]">
7-
About{" "}
8-
<em>
9-
<span className="text-[#9333ea] font-mono">initialize</span>
10-
<span className="font-mono">();</span>
11-
</em>
12-
</span>
13-
<div className="mt-2">
14-
<span>
15-
Initialize is a five-week long event focused on competitive programming,
16-
data structures, and algorithms. Over five weeks, you will be learning
17-
DSA and CP concepts right from the basics and also be competing with
18-
your peers in weekly contests. The event will conclude in a final show
19-
of skill, a Grand Contest, and y'all winners just get bragging rights.
20-
Nah, we have something special for ya ;)
21-
<br />
22-
<br />
23-
The objective of Initialize is to create a culture of consistent
24-
competitive programming practice and also to encourage our peers who
25-
want to kick-start their competitive programming journey.
26-
<br />
7+
<div className="flex flex-col justify-between relative shadow-xl md:w-[95%] lg:w-[90%] xl:w-[65%] w-[90%] mx-auto md:ml-auto md:mr-0 bg-[#1e1e1e] p-8">
8+
<div>
9+
<span className="text-[2.2rem]">
10+
About{" "}
11+
<em>
12+
<span className="text-[#9333ea] font-mono">initialize</span>
13+
<span className="font-mono">();</span>
14+
</em>
2715
</span>
16+
<div className="mt-2">
17+
<span>
18+
Initialize is a five-week long event focused on competitive
19+
programming, data structures, and algorithms. Over five weeks, you
20+
will be learning DSA and CP concepts right from the basics and also
21+
be competing with your peers in weekly contests. The event will
22+
conclude in a final show of skill, a Grand Contest, and y'all
23+
winners just get bragging rights. Nah, we have something special for
24+
ya ;)
25+
<br />
26+
<br />
27+
The objective of Initialize is to create a culture of consistent
28+
competitive programming practice and also to encourage our peers who
29+
want to kick-start their competitive programming journey.
30+
<br />
31+
</span>
2832

29-
<p className="mt-3">
30-
<span className="font-bold text-[#9333ea]">Event Span</span> - 17th
31-
March, 2022 to 23rd April, 2022
32-
</p>
33-
<p className="mt-3">
34-
<span className="font-bold text-[#9333ea]">Event Venue</span> -
35-
coding.Studio(); HQ, Nalanda Block
36-
</p>
33+
<p className="mt-3">
34+
<span className="font-bold text-[#9333ea]">Event Span</span> - 17th
35+
March, 2022 to 23rd April, 2022
36+
</p>
3737

38-
<p className="mt-3">
39-
Feel free to reach out to us at:{" "}
40-
<p className="text-[#9333ea]">
38+
<p className="mt-3">
39+
<span className="font-bold text-[#9333ea]">Event Venue</span> -
40+
coding.Studio(); HQ, Nalanda Block
41+
</p>
42+
<p className="overflow-wrap mt-3">
43+
Feel free to reach out to us at{" "}
4144
<a
42-
href="https://mail.google.com/mail/?view=cm&fs=1&tf=1&to=executives@codingstudio.club"
45+
className=" underline"
46+
href={"mailto:[email protected]"}
4347
target="_blank"
4448
>
4549
4650
</a>
4751
</p>
48-
</p>
49-
50-
<Blockquote
51-
className="mt-16 absolute bottom-6 left-5"
52-
cite="– coding.Studio();"
53-
>
54-
Sleep is a scam.
55-
</Blockquote>
56-
<span
57-
className="text-[2rem] md:text-[4rem] absolute bottom-5 right-[4rem] md:right-[8rem] font-bold "
58-
// src={logo}
59-
60-
// alt="logo"
61-
>
62-
c.{" "}
63-
<span className="text-[#6b21a8] absolute font-bold p-0 m-0">
64-
S();
65-
</span>{" "}
66-
</span>
52+
</div>
53+
<div className="flex items-center mt-4 justify-between">
54+
<Blockquote className="" cite="– coding.Studio();">
55+
Sleep is a scam.
56+
</Blockquote>
57+
<span className="text-[2rem] md:text-[4rem] font-bold ">
58+
c.<span className="text-[#6b21a8] font-bold ">S();</span>
59+
</span>
60+
</div>
6761
</div>
6862
</div>
6963
);

src/Components/Event.jsx

+8-7
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,6 @@ import React from "react";
22
import Logo from "./../frlogo.png";
33
import TypewriterComponent from "typewriter-effect";
44

5-
65
export default function Event() {
76
return (
87
<div className="grid md:grid-cols-2 grid-cols-1 place-content-center w-[75%] gap-[2rem] mx-auto md:mt-16 mt-8">
@@ -15,12 +14,14 @@ export default function Event() {
1514
<span className="text-[#9333ea]">initialize</span>();
1615
</em> */}
1716
<TypewriterComponent
18-
options={{
19-
strings: ['<em><span style="color:#9333ea;">initialize</span>();</>'],
20-
autoStart: true,
21-
loop: true,
22-
}}
23-
/>
17+
options={{
18+
strings: [
19+
'<em><span style="color:#9333ea;">initialize</span>();</>',
20+
],
21+
autoStart: true,
22+
loop: true,
23+
}}
24+
/>
2425
<span className="mt-2 block text-[1.1rem] md:text-right text-center font-sans">
2526
Registration closes on 13th March 2022, 11:59 PM
2627
</span>

src/Components/Form.jsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -130,7 +130,7 @@ export default function Form() {
130130
<AboutEvent />
131131
<div
132132
id="form"
133-
className="md:min-h-[42rem] shadow-xl md:mt-0 mt-8 md:w-[95%] lg:w-[90%] xl:w-[65%] w-[90%] mx-auto md:ml-0 md:mr-auto bg-[#1e1e1e] h-max p-8"
133+
className=" shadow-xl md:mt-0 mt-8 md:w-[95%] lg:w-[90%] xl:w-[65%] w-[90%] mx-auto md:ml-0 md:mr-auto bg-[#1e1e1e] p-8"
134134
>
135135
<span className="text-[2.2rem]">Register</span>
136136

0 commit comments

Comments
 (0)