Skip to content

Commit c1d0089

Browse files
RichHawkinsRichHawkins
authored
feat: adds Rich's node webserver and hosts README. (#344)
1 parent 896f30a commit c1d0089

File tree

8 files changed

+1643
-0
lines changed

8 files changed

+1643
-0
lines changed

‎lesson_15/richhawkins/ts-node-express/RichHawkins/Theme Song.mp3

4.63 MB
Binary file not shown.

‎lesson_15/richhawkins/ts-node-express/RichHawkins/index.html

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<link rel="stylesheet" href="style.css">
7+
<title>RichHawkins</title>
8+
</head>
9+
<body>
10+
<script src="main.js"></script>
11+
<header>
12+
<audio id="audio" autoplay>
13+
<source src="Theme Song.mp3" type="audio/mp3">
14+
</audio>
15+
<h1 class="fadeInUp-animation">&#128176;&#128081; Hello, my name is Rich Hawkins &#128081;&#128176;</h1>
16+
<div class="line"></div>
17+
<p>Welcome to my README. Here you will learn a little more about where I'm from and where I'm going</p>
18+
</header>
19+
<section>
20+
<h2 class="fadeInUp-animation">&#128683;&#128181; Where I was.</h2>
21+
<div class="line"></div>
22+
<p>Born in Delaware. I lived in Smyrna until I was 11 and then moved to New Castle. I moved out of my family home when I was 18 and did short stints in Maryland and New Jersey before settling in Pennsylvania for 10 years. After a long hiatus Delaware called me back.</p>
23+
</section>
24+
<section>
25+
<h2 class="fadeInUp-animation">🪙 Where I am.</h2>
26+
<div class="line"></div>
27+
<img class="fadeInUp-animation" src="https://camo.githubusercontent.com/fe48cf540fea5ffabbce2b6b37758ef12812f6ac56d08fcdee6bc12491773e6f/68747470733a2f2f6d65646961312e74656e6f722e636f6d2f6d2f6f32496c324d727a74354141414141432f68692d696d2e676966" alt="">
28+
<p>Currently I'm living in Newark, DE with my wonderful partner of 11 years. I like to spend my free time playing mandolin, guitar, board games, and video games. I'm enrolled in Code Differently, a full stack web development program where I'm learning to code and developing myself professionally. I'm eager to take full advantage of this opportunity and am driven to succeed!</p>
29+
</section>
30+
<section>
31+
<h2 class="fadeInUp-animation">&#128184;&#128184; Where I am going.</h2>
32+
<div class="line"></div>
33+
<p>2024 is shaping up to be a big year. By August I'll have graduated from Code Differently and be on my way to the tech job I've always wanted. In November I get married. In the future I'm looking forward to buying a house and settling down and can't wait to see where this journey takes me.</p>
34+
</section>
35+
<section>
36+
<h2 class="fadeInUp-animation">&#128214; More About Nothing.</h2>
37+
<div class="line"></div>
38+
<p><b>Preferred Communication:</b>I believe in open and honest communication! I believe its a two way street for good communication.Text or email, if you call me be prepared to leave a voice mail message.</p>
39+
<p><b>Things I enjoy:</b><p>
40+
<ul>
41+
<li>&#127926;<b> Music:</b> I love most genres of music and play 2 instruments, mandolin and guitar&#127928;</li>
42+
<li>&#127944;<b> Football:</b> Lifelong Eagles fan. Go Birds!!&#129413;</li>
43+
<li>&#128421;<b> Computers:</b> Building PC's has been a hobby of mine since I was a teenager.&#9000;</li>
44+
<li>&#127859;<b> Cooking: </b>Early on in life I was a linecook for a few years and that established a passion for cooking and trying new cuisines&#127839;</li>
45+
<li>&#127922;<b> Boardgames: </b>The more complex the better. Love to sit with friends for a few hours problem solving while competing&#127922;</li>
46+
</ul>
47+
</section>
48+
<section>
49+
<h2 class="fadeInUp-animation">&#128165;Curtain Call&#128165;</h2>
50+
<div class="line"></div>
51+
<img src="https://camo.githubusercontent.com/c0ff34a1ff96a40f43788deeaa1d7c6b3a87373f70d039ae5ca380c13f7b046b/68747470733a2f2f6d65646961312e74656e6f722e636f6d2f6d2f5169557448345955636f6341414141432f796f7572652d77656c636f6d652d706c6561737572652e676966" alt="">
52+
53+
<p> <b>Thank you</b> for visiting my README. Hopefully you've learned a little about me and my interests. Any questions? Feel free to reach out!</p>
54+
55+
</section>
56+
57+
</body>
58+
</html>

‎lesson_15/richhawkins/ts-node-express/RichHawkins/main.js

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
document.addEventListener('click', musicPlay);
2+
function musicPlay() {
3+
document.getElementById('audio').play();
4+
document.removeEventListener('click', musicPlay);
5+
}

‎lesson_15/richhawkins/ts-node-express/RichHawkins/style.css

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
2+
* {
3+
font-family: sans-serif;
4+
font-weight: 500;
5+
}
6+
7+
.line{
8+
border-bottom: 1px solid lightgray;
9+
}
10+
11+
section, header{
12+
padding-left: 200px;
13+
padding-right: 200px;
14+
}
15+
16+
img{
17+
padding-top: 20px;
18+
max-width: 100%;
19+
}
20+
21+
p, li{
22+
font-weight: 300;
23+
font-size: 16px;
24+
}
25+
26+
@keyframes fadeInUp {
27+
0% {
28+
transform: translateY(100%);
29+
opacity: 0;
30+
}
31+
100% {
32+
transform: translateY(0%);
33+
opacity: 1;
34+
}
35+
}
36+
37+
.fadeInUp-animation {
38+
animation: 2.5s fadeInUp;
39+
}
40+
41+
@media(max-width: 500px){
42+
43+
section, header{
44+
padding-left: 25px;
45+
padding-right: 25px;
46+
}
47+
}

0 commit comments

Comments
 (0)