-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
98 lines (97 loc) · 6.23 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Samuel Zheng's Personal Website</title>
<link rel="stylesheet" href="css/styles.css">
<link rel="icon" href="images/header_image.png">
</head>
<body>
<div class="header">
<img class="mountain-header" src="images/6229861.jpg">
<div class="name">Samuel Zheng</div>
<div class="name-subtitle"><em>Student at the <strong>University of Waterloo</strong></em></div>
</div>
<div class="middle-container">
<div class="profile">
<img class="profile-image" src="images/header_image.png" alt="">
<h2>Hello, my name is Sam.</h2>
<p>I'm a Computer Science student at the University of Waterloo. I enjoy programming and watching anime. Unrelated picture.</div>
<hr>
<div class="skills">
<h2 class="subheader">My Top Animanga</h2>
<div class="skill-row">
<a target="_blank" href="https://www.crunchyroll.com/series/GYWE7W5GY/steinsgate">
<img class="skill-image-1" src="images/steinsgate.jpg" alt="">
</a>
<h3>1. Steins;Gate</h3>
<p>Steins;Gate is a fantastic anime that tells a complex and engaging story. The characters are well-developed and the plot is both thought-provoking and emotionally impactful. Overall, it is a must-watch for any fan of science fiction and drama. I highly recommend it!</p>
</div>
<div class="skill-row">
<a target="_blank" href="https://www.crunchyroll.com/series/GRMG8ZQZR/one-piece">
<img class="skill-image-2" src="images/onepiece.jpg" alt="">
</a>
<h3>2. One Piece</h3>
<p>One Piece is an outstanding anime that has it all: action, adventure, humor, and heart. The story follows the journey of Monkey D. Luffy and his friends as they search for the legendary treasure known as One Piece. The world-building is incredible and the characters are incredibly likable and relatable. The animation is top-notch and the fight scenes are some of the best in anime. I have been following this series for a long time and it never fails to impress me.</p>
</div>
<div class="skill-row">
<a target="_blank" href="https://www.crunchyroll.com/series/GEXH3WKK0/vinland-saga">
<img class="skill-image-1" src="images/vinlandsaga.jpg" alt="">
</a>
<h3>3. Vinland Saga</h3>
<p>Vinland Saga is an incredible anime that tells a powerful and compelling story. The historical setting is expertly researched and rendered, giving the audience a deep understanding of the culture and conflicts of the time. The characters are complex and well-developed, with motivations that are both relatable and understandable. The story is both brutal and moving and will keep you on the edge of your seat. I highly recommend Vinland Saga to anyone who is a fan of historical fiction and action. It's a must-watch.</p>
</div>
<div class="skill-row">
<a target="_blank" href="https://www.crunchyroll.com/series/GR751KNZY/attack-on-titan">
<img class="skill-image-2" src="images/attackontitan.jpg" alt="">
</a>
<h3>4. Attack on Titan</h3>
<p>Attack on Titan is an anime that not only delivers on intense action and thrilling plot, but also on building an incredibly detailed and complex world. The world-building is masterful and the history, politics, and social structures are all intricately woven together to create a believable and fully-realized world. The emotional value of the show also adds a whole other level of depth, as the characters are forced to confront not only the Titans but also the moral and ethical dilemmas that come with survival.</p>
</div>
<div class="skill-row">
<a target="_blank" href="https://www.netflix.com/title/81409869">
<img class="skill-image-1" src="images/monster.jpg" alt="">
</a>
<h3>5. Monster</h3>
<p>Monster is a psychological thriller anime that tells the story of Kenzou Tenma, a highly skilled neurosurgeon who faces moral dilemmas when he saves the life of a young boy instead of a mayor. The story takes place in a world where politics and power play a significant role and it's filled with intricate plot twists and turns.</p>
</div>
</div>
<hr>
<div class="projects-container">
<h2 class="subheader">My Projects</h2>
<div class="project">
<h2>This Website</h2>
<p>I made this website to help me learn web development and to show off some of my projects and hobbies.</p>
<a target="_blank" href="https://github.com/sammyyyyy1/personal-website">
<img class="project-image" src="images/website.png">
</a>
</div>
<div class="project">
<h2>Musical Catch Game</h2>
<p>A simple fruit-catching game inspired by the rhythm game osu!</p><br>
<a target="_blank" href="https://github.com/sammyyyyy1/catch-circles-game">
<img class="project-image" src="images/catch.png">
</a>
</div>
<div class="project">
<h2>Animanga Journal</h2>
<p>A program that records my watched anime, ratings, and other information.</p><br>
<a target="_blank" href="https://github.com/sammyyyyy1/anime-journal">
<img class="project-image" src="images/notebook.png">
</a>
</div>
</div>
<div class="contact-me">
<hr>
<h2 class="subheader">Connect With Me</h2>
<a target="_blank" href="https://www.instagram.com/sammyy.yy.y/"><img class="icon" src="images/instagram.png"></a>
<a target="_blank" href="https://www.facebook.com/samuel.zheng.12"><img class="icon" src="images/facebook.png"></a>
<a target="_blank" href="https://www.linkedin.com/in/samuel-zheng-37898323b/"><img class="icon" src="images/linkedin.png"></a>
<a target="_blank" href="https://github.com/sammyyyyy1"><img class="icon" src="images/github.png"></a>
</div>
</div>
<p>© Samuel Zheng 2023.</p>
</div>
<script src="script.js"></script>
</body>
</html>