Skip to content

Commit 8c5c4eb

Browse files
MattHandzelMattHandzel
committed
adding about page and styles.css lmao
1 parent 48cf642 commit 8c5c4eb

File tree

2 files changed

+178
-0
lines changed

2 files changed

+178
-0
lines changed

‎about.html

+49
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>ML-Scope Solutions</title>
7+
<link rel="icon" type="image/x-icon" href="aida-logo.jpeg" />
8+
<link rel="stylesheet" href="styles.css">
9+
</head>
10+
<body>
11+
<nav>
12+
<div class="container">
13+
<a href="index.html">
14+
<img src="aida-logo.jpeg" alt="Logo" class="logo" />
15+
</a>
16+
<div class="nav-links">
17+
<a href="index.html">Problems</a>
18+
<a href="solutions.html">Solutions</a>
19+
<a href="leaderboard.html">Leaderboard</a>
20+
<a href="resources.html">Resources</a>
21+
</div>
22+
</div>
23+
</nav>
24+
25+
<div class="container">
26+
<h1>About</h1>
27+
<div id="content"></div>
28+
</div>
29+
30+
<div class="about-content" style="padding-left: 5vw">
31+
<h2>Our Mission:</h2>
32+
<p>
33+
We seek to educate UIUC students on the fundamentals and state of the art topics in machine learning and data science. We have weekly/biweekly <a href="index.html">problems</a> that ramp up in difficulty and give a large breadth.
34+
</p>
35+
36+
<h2>For Students:</h2>
37+
<p>
38+
We accept everyone as a member to the organization, as long as you are willing to learn and treat other members kindly with respect. There is no formal process to join the club, simply join the <a href="https://discord.gg/baZtMrqXan">Discord server</a> and we will post when our events are in the announcements channel. As of Spring 2025, we meet on Sundays at 1310 DCL, 12:30pm.
39+
</p>
40+
41+
<h2>For Companies:</h2>
42+
<p>
43+
We are always looking for companies to sponsor our club and provide us with resources to help our members learn. If you are interested in sponsoring us, please reach out by emailing <a href="mailto:[email protected]">[email protected]</a>.
44+
</p>
45+
</div>
46+
47+
48+
</body>
49+
</html>

‎styles.css

+129
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,129 @@
1+
:root {
2+
--dark-blue: #1a365d;
3+
--light-blue: #7db0e8;
4+
--orange: #ff6b35;
5+
}
6+
7+
body {
8+
font-family: Arial, sans-serif;
9+
line-height: 1.6;
10+
color: var(--dark-blue);
11+
margin: 0;
12+
padding: 0;
13+
background-color: #f0f8ff;
14+
}
15+
16+
.container {
17+
max-width: 800px;
18+
margin: 0 auto;
19+
padding: 20px;
20+
}
21+
22+
nav {
23+
background-color: var(--dark-blue);
24+
padding: 10px 0;
25+
}
26+
27+
nav .container {
28+
display: flex;
29+
justify-content: space-between;
30+
align-items: center;
31+
}
32+
33+
.logo {
34+
width: 50px;
35+
height: 50px;
36+
}
37+
38+
.nav-links a {
39+
color: white;
40+
text-decoration: none;
41+
margin-left: 20px;
42+
}
43+
44+
.nav-links a:hover {
45+
color: var(--light-blue);
46+
}
47+
48+
h1 {
49+
text-align: center;
50+
color: var(--dark-blue);
51+
}
52+
53+
.project-container {
54+
border: 1px solid var(--light-blue);
55+
margin-bottom: 20px;
56+
border-radius: 5px;
57+
overflow: hidden;
58+
background-color: white;
59+
}
60+
61+
.project-header {
62+
background-color: var(--light-blue);
63+
padding: 10px;
64+
cursor: pointer;
65+
display: flex;
66+
justify-content: space-between;
67+
align-items: center;
68+
transition: background-color 0.3s ease;
69+
}
70+
71+
.project-header:hover {
72+
background-color: #6a9fd4;
73+
}
74+
75+
.project-header h2 {
76+
margin: 0;
77+
color: var(--dark-blue);
78+
}
79+
80+
.project-content {
81+
display: none;
82+
padding: 20px;
83+
}
84+
85+
.project-content.active {
86+
display: block;
87+
}
88+
89+
.toggle-icon::after {
90+
content: "\25BC";
91+
color: var(--dark-blue);
92+
}
93+
94+
.project-header.active .toggle-icon::after {
95+
content: "\25B2";
96+
}
97+
98+
a {
99+
color: var(--orange);
100+
text-decoration: none;
101+
}
102+
103+
a:hover {
104+
text-decoration: underline;
105+
}
106+
107+
.content {
108+
text-align: left;
109+
margin-top: 20px;
110+
padding: 10px;
111+
font-family: Arial, sans-serif;
112+
}
113+
114+
.content h2 {
115+
margin-bottom: 10px;
116+
}
117+
118+
.content p {
119+
margin-bottom: 20px;
120+
}
121+
122+
.content a {
123+
text-decoration: none;
124+
color: #007bff;
125+
}
126+
127+
.content a:hover {
128+
color: #0056b3;
129+
}

0 commit comments

Comments
 (0)