Skip to content

Commit 749725f

Browse files
AngryAnyAngryAny
committed
create main index
1 parent 383e971 commit 749725f

1 file changed

Lines changed: 91 additions & 6 deletions

File tree

‎index.html‎

Lines changed: 91 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,101 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en">
33
<head>
4-
<title>My Portfolio</title>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>CS180 Portfolio</title>
57
<style>
68
body {
7-
font-family: Arial, sans-serif;
8-
margin: 20px;
9+
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
10+
line-height: 1.6;
11+
max-width: 900px;
12+
margin: 0 auto;
13+
padding: 20px;
14+
background-color: #f9f9f9;
15+
color: #333;
16+
}
17+
18+
h1 {
19+
color: #2c3e50;
20+
border-bottom: 3px solid #3498db;
21+
padding-bottom: 10px;
22+
}
23+
24+
.intro {
25+
background-color: white;
26+
padding: 25px;
27+
border-radius: 8px;
28+
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
29+
margin-bottom: 30px;
30+
}
31+
32+
.projects {
33+
display: grid;
34+
gap: 15px;
35+
}
36+
37+
.project-link {
38+
display: block;
39+
background-color: white;
40+
padding: 20px;
41+
border-radius: 8px;
42+
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
43+
text-decoration: none;
44+
color: #2c3e50;
45+
transition: transform 0.2s, box-shadow 0.2s;
46+
}
47+
48+
.project-link:hover {
49+
transform: translateY(-2px);
50+
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
51+
}
52+
53+
.project-link h2 {
54+
margin: 0 0 8px 0;
55+
color: #3498db;
56+
font-size: 1.2em;
57+
}
58+
59+
.project-link p {
60+
margin: 0;
61+
color: #666;
62+
font-size: 0.95em;
963
}
1064
</style>
1165
</head>
1266
<body>
13-
<h1>Welcome to My CS180 Portfolio!</h1>
14-
<a href="./1/index.html">Project 1</a>
67+
<h1>CS180 Portfolio</h1>
68+
69+
<div class="intro">
70+
<p>Welcome to my CS180 (Intro to Computer Vision and Computational Photography) project portfolio.</p>
71+
</div>
72+
73+
<div class="projects">
74+
<a href="./0/index.html" class="project-link">
75+
<h2>Project 0</h2>
76+
<p>Introduction</p>
77+
</a>
78+
79+
<a href="./1/index.html" class="project-link">
80+
<h2>Project 1</h2>
81+
<p>Colorizing the Prokudin-Gorsky Photo Collection</p>
82+
</a>
83+
84+
<a href="./2/index.html" class="project-link">
85+
<h2>Project 2</h2>
86+
<p>Fun with Filters and Frequencies</p>
87+
</a>
88+
89+
<a href="./5A/index.html" class="project-link">
90+
<h2>Project 5A</h2>
91+
<p>Diffusion Models</p>
92+
</a>
93+
94+
<a href="./5B/index.html" class="project-link">
95+
<h2>Project 5B</h2>
96+
<p>Training Diffusion Models</p>
97+
</a>
98+
</div>
99+
15100
</body>
16101
</html>

0 commit comments

Comments
 (0)