Skip to content

Commit 5a031f5

Browse files
programmersunitedprogrammersunited
committed
Added basic homepage without any connected links :(.
1 parent 3e5c21f commit 5a031f5

File tree

6 files changed

+112
-1
lines changed

6 files changed

+112
-1
lines changed

‎css/generic.css

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,43 @@
1+
/* css/generic.css */
2+
3+
html, body {
4+
height:100%;
5+
}
6+
17
body {
28
padding: 0;
9+
margin: 0;
10+
}
11+
12+
#navbar {
13+
position: absolute;
14+
bottom: 0;
15+
width: 100%;
16+
padding: 40px;
17+
font-size: 30px;
18+
text-align: center;
19+
-webkit-box-sizing: border-box;
20+
-moz-box-sizing: border-box;
21+
box-sizing: border-box;
22+
}
23+
24+
#navbar ul {
25+
list-style: none;
26+
margin: 0;
27+
padding: 0;
28+
}
29+
30+
#navbar ul li {
31+
display: inline;
32+
padding-right: 60px;
33+
}
34+
35+
#navbar ul li:last-child {
36+
padding-right: 0;
37+
}
38+
39+
#navbar ul li a {
40+
text-decoration: none;
41+
color: #FFFFFF;
42+
text-shadow: 1px 1px 3px #000000;
343
}

‎css/index.css

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
#header-bg-img {
2+
position: relative;
3+
display: block;
4+
width: 100%;
5+
height: 100%;
6+
background-image: url("../imgs/main_background.png");
7+
background-repeat: no-repeat;
8+
background-position: center;
9+
background-size: cover;
10+
filter: blur(2px);
11+
-webkit-filter: blur(2px);
12+
}
13+
14+
#header-name {
15+
position: absolute;
16+
top: 50%;
17+
left: 50%;
18+
transform: translate(-50%, -50%);
19+
text-align: center;
20+
font-size: 12.5em;
21+
color: white;
22+
z-index: 2;
23+
text-shadow: 1px 1px 3px #000000;
24+
}
25+
26+
#nav-icon {
27+
position: absolute;
28+
top: 0;
29+
left: 0;
30+
padding: 64px;
31+
}
32+
33+
#nav-icon img {
34+
35+
}
36+
37+
#github-banner {
38+
position: fixed;
39+
top: 0;
40+
right: 0;
41+
}

‎imgs/fork_on_github.png

19.2 KB
Loading

‎imgs/main_background.png

229 KB
Loading

‎imgs/menu_icon.png

1.59 KB
Loading

‎index.html

Lines changed: 31 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,31 @@
1-
testing...
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<link rel="stylesheet" href="css/generic.css"/>
5+
<link rel="stylesheet" href="css/index.css"/>
6+
</head>
7+
<body>
8+
<div id="header-bg-img"></div>
9+
<div id="header-name">Tristan's Blog</div>
10+
<div id="nav-icon">
11+
<img src="imgs/menu_icon.png" alt="Menu Icon" title="Menu"/>
12+
</div>
13+
<a id="github-banner" href="https://github.com/programmersunited">
14+
<img src="imgs/fork_on_github.png" alt="GitHub" title="GitHub"/>
15+
</a>
16+
<!-- <div id="navbar">
17+
<ul>
18+
<li>
19+
<a href="#" title="">Posts</a>
20+
</li>
21+
<li>
22+
<a href="#" title="">Projects</a>
23+
</li>
24+
<li>
25+
<a href="#" title="">Tools & Resources</a>
26+
</li>
27+
</ul>
28+
</div>-->
29+
<br/>
30+
</body>
31+
</html>

0 commit comments

Comments
 (0)