Skip to content

Commit 7b82861

Browse files
MattHandzelMattHandzel
committed
refactoring the website
1 parent 8c5c4eb commit 7b82861

File tree

6 files changed

+115
-494
lines changed

6 files changed

+115
-494
lines changed

‎about.html

+14-14
Original file line numberDiff line numberDiff line change
@@ -27,23 +27,23 @@ <h1>About</h1>
2727
<div id="content"></div>
2828
</div>
2929

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>
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>
3535

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>
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>
4040

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>
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>
4645

46+
</div>
4747

4848
</body>
4949
</html>

‎index.html

+1-159
Original file line numberDiff line numberDiff line change
@@ -5,165 +5,7 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>ML-Scope Home</title>
77
<link rel="icon" type="image/x-icon" href="aida-logo.jpeg" />
8-
<style>
9-
.card {
10-
width: 300px;
11-
border-radius: 10px;
12-
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
13-
background-color: white;
14-
overflow: hidden;
15-
transition: transform 0.3s ease, box-shadow 0.3s ease;
16-
}
17-
18-
.card-img {
19-
width: 100%;
20-
height: 200px;
21-
object-fit: cover;
22-
}
23-
24-
.card-content {
25-
padding: 20px;
26-
}
27-
28-
.card-title {
29-
font-size: 1.5rem;
30-
font-weight: bold;
31-
margin-bottom: 10px;
32-
color: #333;
33-
}
34-
35-
.card-description {
36-
font-size: 1rem;
37-
color: #777;
38-
margin-bottom: 20px;
39-
}
40-
41-
.card-button {
42-
display: inline-block;
43-
padding: 10px 20px;
44-
background-color: #3498db;
45-
color: white;
46-
text-decoration: none;
47-
border-radius: 5px;
48-
text-align: center;
49-
transition: background-color 0.3s ease;
50-
}
51-
52-
.card-button:hover {
53-
background-color: #2980b9;
54-
}
55-
56-
.card:hover {
57-
transform: translateY(-10px);
58-
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
59-
}
60-
:root {
61-
--dark-blue: #1a365d;
62-
--light-blue: #7db0e8;
63-
--orange: #ff6b35;
64-
}
65-
body {
66-
font-family: Arial, sans-serif;
67-
line-height: 1.6;
68-
color: var(--dark-blue);
69-
margin: 0;
70-
padding: 0;
71-
background-color: #f0f8ff;
72-
}
73-
.container {
74-
max-width: 800px;
75-
margin: 0 auto;
76-
padding: 20px;
77-
}
78-
nav {
79-
background-color: var(--dark-blue);
80-
padding: 10px 0;
81-
width: 100%;
82-
}
83-
nav .container {
84-
display: flex;
85-
justify-content: space-between;
86-
align-items: center;
87-
}
88-
.logo {
89-
width: 50px;
90-
height: 50px;
91-
}
92-
.nav-links a {
93-
color: white;
94-
text-decoration: none;
95-
margin-left: 20px;
96-
}
97-
.nav-links a:hover {
98-
color: var(--light-blue);
99-
}
100-
h1 {
101-
text-align: center;
102-
color: var(--dark-blue);
103-
}
104-
.project-container {
105-
border: 1px solid var(--light-blue);
106-
margin-bottom: 20px;
107-
border-radius: 5px;
108-
overflow: hidden;
109-
background-color: white;
110-
}
111-
.project-header {
112-
background-color: var(--light-blue);
113-
padding: 10px;
114-
cursor: pointer;
115-
display: flex;
116-
justify-content: space-between;
117-
align-items: center;
118-
transition: background-color 0.3s ease;
119-
}
120-
.project-header:hover {
121-
background-color: #6a9fd4;
122-
}
123-
.project-header h2 {
124-
margin: 0;
125-
color: var(--dark-blue);
126-
}
127-
.project-content {
128-
display: none;
129-
padding: 20px;
130-
}
131-
.project-content.active {
132-
display: block;
133-
}
134-
.toggle-icon::after {
135-
content: "\25BC";
136-
color: var(--dark-blue);
137-
}
138-
.project-header.active .toggle-icon::after {
139-
content: "\25B2";
140-
}
141-
a {
142-
color: var(--orange);
143-
text-decoration: none;
144-
text-decoration: underline;
145-
}
146-
a:hover {
147-
text-decoration: underline;
148-
}
149-
150-
.btn {
151-
cursor: pointer;
152-
background-color: var(--orange);
153-
color: var(--dark-blue);
154-
font-weight: 700;
155-
border: none;
156-
width: 200px;
157-
height: 50px;
158-
padding: 5px;
159-
margin: 20px;
160-
transition: 0.8s;
161-
}
162-
.btn:hover {
163-
color: var(--orange);
164-
background-color: var(--dark-blue);
165-
}
166-
</style>
8+
<link rel="stylesheet" href="styles.css">
1679
</head>
16810
<body>
16911
<nav>

‎leaderboard.html

+1-107
Original file line numberDiff line numberDiff line change
@@ -5,113 +5,7 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>ML-Scope Leaderboard</title>
77
<link rel="icon" type="image/x-icon" href="aida-logo.jpeg" />
8-
<style>
9-
:root {
10-
--dark-blue: #1a365d;
11-
--light-blue: #7db0e8;
12-
--orange: #ff6b35;
13-
--podium-max-height: 200px;
14-
}
15-
body {
16-
font-family: Arial, sans-serif;
17-
line-height: 1.6;
18-
color: var(--dark-blue);
19-
margin: 0;
20-
padding: 0;
21-
background-color: #f0f8ff;
22-
}
23-
.container {
24-
max-width: 800px;
25-
margin: 0 auto;
26-
padding: 20px;
27-
}
28-
nav {
29-
background-color: var(--dark-blue);
30-
padding: 10px 0;
31-
}
32-
nav .container {
33-
display: flex;
34-
justify-content: space-between;
35-
align-items: center;
36-
}
37-
.logo {
38-
width: 50px;
39-
height: 50px;
40-
}
41-
.nav-links a {
42-
color: white;
43-
text-decoration: none;
44-
margin-left: 20px;
45-
}
46-
.nav-links a:hover {
47-
color: var(--light-blue);
48-
}
49-
h1 {
50-
text-align: center;
51-
color: var(--dark-blue);
52-
}
53-
.podium {
54-
display: flex;
55-
justify-content: center;
56-
align-items: flex-end;
57-
height: 300px;
58-
margin-bottom: 40px;
59-
}
60-
.podium-item {
61-
width: 120px;
62-
text-align: center;
63-
background-color: var(--light-blue);
64-
border-top-left-radius: 10px;
65-
border-top-right-radius: 10px;
66-
padding: 10px;
67-
position: relative;
68-
margin: 0 5px;
69-
}
70-
.podium-rank {
71-
font-size: 24px;
72-
font-weight: bold;
73-
color: var(--dark-blue);
74-
}
75-
.podium-name {
76-
margin-top: 10px;
77-
font-weight: bold;
78-
}
79-
.podium-points {
80-
margin-top: 5px;
81-
}
82-
.medal {
83-
position: absolute;
84-
top: -20px;
85-
left: 50%;
86-
transform: translateX(-50%);
87-
font-size: 30px;
88-
}
89-
.leaderboard {
90-
background-color: white;
91-
border-radius: 10px;
92-
padding: 20px;
93-
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
94-
}
95-
.leaderboard-item {
96-
display: flex;
97-
justify-content: space-between;
98-
align-items: center;
99-
padding: 10px 0;
100-
border-bottom: 1px solid #eee;
101-
}
102-
.leaderboard-rank {
103-
font-weight: bold;
104-
color: var(--orange);
105-
width: 30px;
106-
}
107-
.leaderboard-name {
108-
flex-grow: 1;
109-
}
110-
.leaderboard-points {
111-
font-weight: bold;
112-
color: var(--dark-blue);
113-
}
114-
</style>
8+
<link rel="stylesheet" href="styles.css">
1159
</head>
11610
<body>
11711
<nav>

0 commit comments

Comments
 (0)