Skip to content

Commit 326f049

Browse files
cshadsycshadsy
committed
commit websaet
1 parent 901e903 commit 326f049

File tree

4 files changed

+114
-0
lines changed

4 files changed

+114
-0
lines changed

‎index.html‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>conis home on the web</title>
7+
<link rel="stylesheet" href="res/css/styles.css">
8+
</head>
9+
<body>
10+
<div class="navbar">
11+
<a href="#">Home</a>
12+
<a href="projects/index.html">Projects</a>
13+
</div>
14+
15+
<div class="panel">
16+
<img src="res/ihatewebp.jpg" alt="Profile Picture" class="profile-pic">
17+
<h1>coni</h1>
18+
<p>im coni. i do stupid shit</p>
19+
<div class="contact-links">
20+
<a href="mailto:[email protected]">mail me!</a>
21+
<a href="https://github.com/cshadsy">GitHub</a>
22+
</div>
23+
</div>
24+
</body>
25+
</html>

‎projects/index.html‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
<h1>Under construction!</h1>
2+
<p>You shouldn't be here. Go along now.</p>

‎res/css/styles.css‎

Lines changed: 87 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,87 @@
1+
html, body {
2+
margin: 0;
3+
padding: 0;
4+
font-family: "Helvetica", sans-serif;
5+
background-color: #e0e0e0;
6+
}
7+
8+
*, *:before, *:after {
9+
box-sizing: border-box;
10+
}
11+
12+
.navbar {
13+
width: 100%;
14+
padding: 10px 0;
15+
text-align: center;
16+
border-bottom: 1px solid #aaa;
17+
background: #ffffff;
18+
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.7)));
19+
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.7));
20+
box-shadow: 0 3px 6px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.5);
21+
border-radius: 0;
22+
position: relative;
23+
top: 0;
24+
left: 0;
25+
}
26+
27+
.navbar a {
28+
margin: 0 10px;
29+
color: #333;
30+
text-decoration: none;
31+
font-weight: bold;
32+
}
33+
34+
.navbar a:hover {
35+
text-decoration: underline;
36+
}
37+
38+
.panel {
39+
width: 90%;
40+
max-width: 320px;
41+
margin: 20px auto;
42+
padding: 20px;
43+
background: #d4cfc4;
44+
border: 1px solid #aaa;
45+
border-radius: 15px;
46+
box-shadow: 4px 4px 8px #999;
47+
text-align: center;
48+
}
49+
50+
.profile-pic {
51+
width: 120px;
52+
height: 120px;
53+
border-radius: 30px;
54+
border: 2px solid #aaa;
55+
margin-bottom: 15px;
56+
}
57+
58+
h1 {
59+
margin: 10px 0;
60+
font-size: 24px;
61+
color: #333;
62+
}
63+
64+
p {
65+
font-size: 16px;
66+
line-height: 1.4em;
67+
color: #444;
68+
}
69+
70+
.contact-links a {
71+
display: inline-block;
72+
margin: 5px 5px;
73+
padding: 6px 12px;
74+
border: 1px solid #aaa;
75+
border-radius: 10px;
76+
background: #f0e6d6;
77+
text-decoration: none;
78+
color: #333;
79+
font-weight: bold;
80+
background-image: -webkit-gradient(linear, left top, left bottom, from(#f0e6d6), to(#d4cfc4));
81+
background-image: -webkit-linear-gradient(top, #f0e6d6, #d4cfc4);
82+
}
83+
84+
.contact-links a:active {
85+
background: #d4cfc4;
86+
box-shadow: inset 2px 2px 4px #aaa;
87+
}

‎res/ihatewebp.jpg‎

9.85 KB
Loading

0 commit comments

Comments
 (0)