Skip to content

Commit 330f181

Browse files
committed
Adds tribute page
1 parent 0084a75 commit 330f181

File tree

2 files changed

+124
-0
lines changed

2 files changed

+124
-0
lines changed

build-a-tribute-page/index.html

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
5+
<meta charset="utf=8" />
6+
<title>Linus Torvalds</title>
7+
<link rel="stylesheet" href="styles.css" />
8+
</head>
9+
<body>
10+
<main id="main">
11+
<header class="header">
12+
<h1 id="title">Linus Torvalds</h1>
13+
<hr>
14+
<p class="subtitle">The man who invented the Linux kernel</p>
15+
</header>
16+
<div id="img-div">
17+
<img id="image" src="https://ideas.ted.com/wp-content/uploads/sites/3/2016/04/featured_torvalds_linux_ted_31.jpg" alt="picture of Linus Torvalds" />
18+
<figcaption id="img-caption"><p>He also created the distributed version control system Git and the scuba dive logging and planning software Subsurface.</p></figcaption>
19+
</div>u
20+
<div id="tribute-info">
21+
<h2><strong>Here's a timeline of Linus Torvald's life:</strong></h2>
22+
<hr>
23+
<ul class="list">
24+
<li><p><strong>1969</strong> - Born in Helsinki, Finland</p></li>
25+
<li><p><strong>1988</strong> - Started attending University of Helsinki</p></li>
26+
<li><p><strong>1991</strong> - Publically releases first Linux prototype.</p></li>
27+
<li><p><strong>1994</strong> - Version 1.0 of Linux was released.</p></li>
28+
<li><p><strong>1996</strong> - Graduated with a Master's Degree in Computer Science from NODES research group.</p></li>
29+
<li><p><strong>1996</strong> - Accepted a position at Transmeta.</p></li>
30+
<li><p><strong>2003</strong> - Moved to Open Source Development Labs</p></li>
31+
<li><p><strong>2004</strong> - Torvalds and his family moved to Dunthorpe, Oregon</p></li>
32+
</ul>
33+
<hr>
34+
<blockquote cite="https://www.goodreads.com/work/quotes/2300585-just-for-fun-the-story-of-an-accidental-revolutionary">“There are three things that have meaning for life. They are the motivational factors for everything in your life––for anything that you do or any living thing does: The first is survival, the second is social order, and the third is entertainment. Everything in life progresses in that order.”</blockquote>
35+
</div>
36+
<p>Find out more <a id="tribute-link" target="_blank" href="https://en.wikipedia.org/wiki/Linus_Torvalds">here</a>!</p>
37+
</main>
38+
</body>
39+
</html>

build-a-tribute-page/styles.css

Lines changed: 85 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,85 @@
1+
body {
2+
margin: 0;
3+
background-color: #121212;
4+
}
5+
6+
main {
7+
background-color: #FFFFFF12;
8+
margin: 3vw;
9+
overflow: hidden;
10+
}
11+
12+
.header {
13+
max-width: 75vw;
14+
margin: 3vw auto 0 auto;
15+
padding: 3vw 0;
16+
background-color: #FFFFFF1C;
17+
}
18+
19+
#title, .subtitle, p, h2, blockquote {
20+
color: #FFFFFF;
21+
text-align: center;
22+
margin: 3vw auto;
23+
font-size: 1.4rem;
24+
}
25+
26+
ul, li {
27+
padding: 0;
28+
color: #FFFFFF;
29+
font-size: 1.4rem;
30+
list-style-type: none;
31+
margin: auto;
32+
width: 50vw;
33+
}
34+
35+
#title {
36+
font-size: 3.5rem;
37+
}
38+
39+
.subtitle {
40+
font-size: 1.3rem;
41+
}
42+
43+
hr {
44+
height: 1px;
45+
background-color: #FFFFFF1C;
46+
border: none;
47+
width: 75%;
48+
margin: 0 auto;
49+
}
50+
51+
#image {
52+
display: block;
53+
width: 90%;
54+
height: auto;
55+
max-width: 100%;
56+
margin: 0 auto;
57+
}
58+
59+
#img-div {
60+
display: block;
61+
max-width: 75vw;
62+
margin: auto;
63+
padding: 3vw 0;
64+
background-color: #FFFFFF1C;
65+
}
66+
67+
#img-caption {
68+
padding: 1.5vw 0;
69+
width: 90%;
70+
margin: auto;
71+
}
72+
73+
#tribute-info {
74+
display: block;
75+
max-width: 75vw;
76+
margin: 0 auto;
77+
padding: 3vw 0;
78+
background-color: #FFFFFF1C;
79+
}
80+
81+
blockquote {
82+
margin: 0 auto;
83+
padding: 3vw 0;
84+
width: 75%;
85+
}

0 commit comments

Comments
 (0)