Skip to content

Commit aa39795

Browse files
SamGu-NRXCooperzilla
SamGu-NRX
and
Cooperzilla
committed
Added logos and images, slight visual tweak
Co-authored-by: Cooperzilla <[email protected]>
1 parent 67380d2 commit aa39795

20 files changed

+216
-120
lines changed

‎frontend/index.html

+2-1
Original file line numberDiff line numberDiff line change
@@ -2,13 +2,14 @@
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8" />
5-
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
5+
<link rel="icon" type="image/svg+xml" href="/gradient-luminai-logo.svg" />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
77
<link rel="preconnect" href="https://fonts.googleapis.com" />
88
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
99
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
1010
<link href="https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Bebas+Neue&display=swap" rel="stylesheet">
1111
<link href="https://fonts.googleapis.com/css2?family=League+Spartan:[email protected]&display=swap" rel="stylesheet">
12+
<link href="https://fonts.googleapis.com/css2?family=Inter:[email protected]&display=swap" rel="stylesheet">
1213

1314
<title>LuminAI</title>
1415
</head>

‎frontend/public/black-luminai-logo.svg

+2
Loading

‎frontend/public/brand-assets/LinkedIn_Logo.svg.png

18.1 KB
Loading

‎frontend/public/brand-assets/discord-logo.svg

+23
Loading

‎frontend/public/brand-assets/instagram-logo.png

54.2 KB
Loading

‎frontend/public/gradient-luminai-logo.svg

+2
Loading

‎frontend/public/images/2024-Summer-1.png

1.12 MB
Loading

‎frontend/public/images/2024-Summer-2.png

526 KB
Loading

‎frontend/public/images/2024-Summer-3.png

858 KB
Loading

‎frontend/public/images/2024-Summer-4.png

1.22 MB
Loading

‎frontend/public/images/2024-Summer-5.png

1.09 MB
Loading

‎frontend/public/vite.svg

-1
This file was deleted.

‎frontend/src/components/ApplicationBanner/ApplicationBanner.tsx

+3-2
Original file line numberDiff line numberDiff line change
@@ -31,11 +31,12 @@ const ApplicationBanner = () => {
3131
isAnimating ? 'fade-out-up' : ''
3232
}`}>
3333
<span className="font-bold">Last-minute call for our 2024 summer application!</span>
34-
<button onClick={() => window.location.href='/application-form'}
34+
<button onClick={() => window.location.href = 'https://forms.gle/RaW38zynf2p515Ua8'}
35+
// onClick={() => window.location.href='/application-form'}
3536
aria-label="Apply Now"
3637
className="ml-6 inline-flex h-8 animate-shimmer items-center justify-center rounded-md border border-slate-800 bg-[linear-gradient(110deg,#000103,45%,#343b45,55%,#000103)] bg-[length:200%_100%] px-6 font-medium text-slate-100
3738
focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50
38-
backdrop-blur-sm hover:shadow-[0px_0px_4px_4px_rgba(0,0,0,0.15)] bg-white/[0.2] text-sm transition duration-200" >
39+
backdrop-blur-sm hover:shadow-[0px_0px_4px_4px_rgba(0,0,0,0.15)] bg-white/[0.2] text-sm transition duration-200 " >
3940
Apply Now
4041
</button>
4142
<div className='justify-self-end w-8 bg-transparent absolute right-4 mx-2 text-center align-middle transition '>

‎frontend/src/components/Header/Header.tsx

+3-2
Original file line numberDiff line numberDiff line change
@@ -18,12 +18,13 @@ const Header = () => {
1818
}, [isBannerVisible]);
1919

2020
//TODO: remove this (${mode === "dark" ? "header-text-dark text-white" : "header-text-light text-black"}) and change to dark:text-white, etc.
21-
const headerClass = ` p-4 ${isBannerVisible ? 'mt-12' : ''} ${isAnimating ? 'slide-up' : '' } hidden `;
21+
const headerClass = ` p-4 hidden ${isBannerVisible ? 'mt-12' : ''} ${isAnimating ? 'slide-up' : '' }
22+
header-text-dark header-text-light dark:header-dark dark:text-white`;
2223
const navClass = `mt-2 `; // add fonts
2324

2425
return (
2526
<header className={headerClass}>
26-
<div className="container mx-auto flex justify-between items-center">
27+
<div className="container mx-auto flex justify-between items-center">
2728
<StyledLink
2829
address="/"
2930
text={<h2 className="text-2xl font-sans font-semibold">LuminAI Innovate Scholars</h2>}

‎frontend/src/routes/index.tsx

+22-8
Original file line numberDiff line numberDiff line change
@@ -35,15 +35,15 @@ function Home() {
3535
const glowTimer = setTimeout(() => {
3636

3737
glowAnimation.start({
38-
textShadow: ['0 0 0px #00ff00', '0 0 3px #00ff00'],
38+
textShadow: ['0 0 0px #62ff62', '0 0 3px #62ff62'],
3939
transition: {
4040
duration: 0.3,
4141
ease: 'easeInOut',
4242
},
4343

4444
}).then(() => {
4545
glowAnimation.start({
46-
textShadow: ['0 0 3px #00ff00', '0 0 20px #00ff00', '0 0 3px #00ff00'],
46+
textShadow: ['0 0 3px #62ff62', '0 0 20px #62ff62', '0 0 3px #62ff62'],
4747
transition: {
4848
duration: 5,
4949
repeat: Infinity,
@@ -99,7 +99,8 @@ function Home() {
9999
<motion.span animate={glowAnimation} className="font-light">Empowering</motion.span>
100100
{' '}the{' '}
101101
<motion.span animate={glowAnimation} className="font-light">next generation</motion.span>
102-
{' '}of AI innovators through comprehensive bootcamps.
102+
{' '}of AI innovators through{' '}
103+
<span className="font-bold bg-gradient-to-r from-indigo-500 via-purple-500 to-pink-500 bg-clip-text text-transparent">free and comprehensive</span>{' '}bootcamps.
103104
</div>
104105
</div>
105106
<ApplyButton />
@@ -108,15 +109,28 @@ function Home() {
108109

109110
<section
110111
// data-scroll-section data-aos="fade-up" data-aos-delay="100"
111-
className='p-4 font-spartan'>
112-
<h2 className="text-3xl font-bold mb-2" >Welcome to Lumin AI Innovate Scholars</h2>
113-
114-
<p className="text-xl first-line:mb-4" data-aos-delay="100">Empowering the next generation of AI innovators through comprehensive bootcamps.</p>
112+
className='p-2 font-spartan'>
113+
114+
<h1 className="mt-2 mb-6 text-center justify-center text-5xl">Follow us on Socials</h1>
115+
116+
<div className="flex flex-wrap items-center justify-center max-w-6xl mx-auto p-2">
117+
118+
{/* Make new discord invite link that automatically connects to "Prospective Applicant role" */}
119+
<a className="w-1/2 md:w-1/3 lg:w-1/5 px-6 mb-8 mx-2" href="https://discord.gg/5fnTFmbhdK" target="_blank">
120+
<img className="mx-auto logo" alt="LuminAI Bootcamps Discord" src="brand-assets\discord-logo.svg" />
121+
</a>
122+
<a className="w-1/2 md:w-1/3 lg:w-1/5 px-6 mb-8" href="https://instagram.com" target="_blank">
123+
<img className="mx-auto logo" alt="LuminAI Bootcamps Instagram" src="brand-assets\instagram-logo.png" />
124+
</a>
125+
<a className="w-1/2 md:w-1/3 lg:w-1/5 px-6 mb-9" href="https://www.linkedin.com/company/luminai-bootcamps" target="_blank">
126+
<img className="mx-auto logo scale-95 hover:scale-[112%]" alt="LuminAI Bootcamps LinkedIn" src="brand-assets\LinkedIn_Logo.svg.png" />
127+
</a>
128+
</div>
115129
</section>
116130

117131
<section
118132
//data-scroll-section data-aos="fade-up" data-aos-delay="200"
119-
className="p-4 custom-grid grid-cols-1 md:grid-cols-2 gap-4 transition-all">
133+
className="p-4 grid grid-cols-1 md:grid-cols-2 gap-4 transition-all">
120134
<div className="custom-grid bg-gray-100 p-4 rounded shadow-md hover:shadow-lg">
121135
<h3 className="text-xl font-bold">Completely Free</h3>
122136
<p>Lumin AI Innovate Scholars is a completely free bootcamp. We believe in providing quality education to everyone without any cost at all.</p>

‎frontend/src/styles/App.scss

+17-1
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,17 @@
44
@tailwind utilities;
55

66

7+
@mixin logo-style {
8+
filter: grayscale(100);
9+
z-index: 2;
10+
transition: all 0.5s ease-in-out;
11+
&:hover {
12+
filter: grayscale(0);
13+
transform: scale(1.20);
14+
}
15+
}
16+
17+
718
body {
819
margin: 0;
920
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
@@ -250,4 +261,9 @@ main {
250261
right: 0;
251262
background-color: black;
252263
z-index: 1;
253-
}
264+
}
265+
266+
.logo {
267+
@include logo-style;
268+
}
269+

‎frontend/src/styles/Syllabus.scss

+57-42
Original file line numberDiff line numberDiff line change
@@ -1,35 +1,47 @@
1-
.curriculum-grid {
2-
display: grid;
3-
grid-template-columns: 1fr;
4-
gap: 1rem;
5-
padding: 1.25rem;
6-
max-width: 1200px;
7-
margin: 0 auto;
8-
}
1+
// syllabus.scss
92

3+
// Define variables
4+
$primary-color: #2c3e50;
5+
$background-color: #ffffff;
6+
$box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
7+
$transition: transform 0.3s ease-in-out;
8+
$border-radius: 8px;
9+
$gap: 1rem;
10+
$padding: 1.25rem;
11+
$max-width: 1200px;
1012

11-
@media (min-width: 768px) {
12-
.curriculum-grid {
13-
grid-template-columns: repeat(2, 1fr);
14-
}
13+
// Mixin for reusable styles
14+
@mixin card-style {
15+
background-color: $background-color;
16+
padding: $gap;
17+
border-radius: $border-radius;
18+
&:hover {
19+
box-shadow: $box-shadow;
20+
transform: scale(1.05);
21+
transition: $transition;
1522
}
16-
17-
.week, .highlights, .roles, .join-us, .navigation {
18-
background-color: #ffffff;
19-
padding: 1rem;
20-
border-radius: 8px;
2123
}
2224

25+
.curriculum-grid {
26+
display: grid;
27+
grid-template-columns: 1fr;
28+
gap: $gap;
29+
padding: $padding;
30+
max-width: $max-width;
31+
margin: 0 auto;
32+
33+
@media (min-width: 768px) {
34+
grid-template-columns: repeat(2, 1fr);
35+
}
36+
}
2337

24-
.week, .highlights, .roles, .join-us, .navigation:hover{
25-
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
26-
transform: scale(1.05);
27-
transition: transform 0.3s ease-in-out;
38+
.week, .highlights, .roles, .join-us, .navigation {
39+
@include card-style;
2840
}
2941

30-
h2 {
42+
h2 {
3143
font-size: 1.5rem;
32-
margin-bottom: 1rem;
44+
margin-bottom: $gap;
3345
}
3446

3547
ul {
@@ -44,29 +56,32 @@ li {
4456
}
4557

4658
h1, h2 {
47-
color: #2c3e50;
59+
color: $primary-color;
4860
}
4961

50-
join-us h2, .join-us p {
51-
text-align: center;
62+
.join-us {
63+
h2, p {
64+
text-align: center;
65+
}
5266
}
5367

54-
.navigation nav ul {
55-
display: flex;
56-
justify-content: center;
57-
list-style-type: none;
58-
padding: 0;
59-
}
68+
.navigation {
69+
nav {
70+
ul {
71+
display: flex;
72+
justify-content: center;
73+
list-style-type: none;
74+
padding: 0;
6075

61-
.navigation nav ul li {
62-
margin: 0 10px;
63-
}
76+
li {
77+
margin: 0 10px;
6478

65-
.navigation nav ul li a {
66-
text-decoration: none;
67-
color: #2c3e50;
68-
font-weight: bold;
79+
a {
80+
text-decoration: none;
81+
color: $primary-color;
82+
font-weight: bold;
83+
}
84+
}
85+
}
86+
}
6987
}
70-
71-
72-

0 commit comments

Comments
 (0)