jfmarks.github.io/aboutMe.html at main · jfmarks/jfmarks.github.io · GitHub

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
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!DOCTYPE html>
<html lang="en">
<head>
	<!-- Google tag (gtag.js) -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=G-K05XYV4DDG"></script>
	<script>
  		window.dataLayer = window.dataLayer || [];
  		function gtag(){dataLayer.push(arguments);}
  		gtag('js', new Date());
  	gtag('config', 'G-K05XYV4DDG');
	</script>
    	<meta charset="UTF-8">
    	<title>About Me</title>
	<link rel="stylesheet" href="/css/style.css">
	<link rel="icon" href="/images/Picture_of_me.jpg" type="image/x-icon">
</head>
<body>
	<!--add class="normalLink to non-navBar links"-->
	<ul class="navBar">
		<li><a href="/index.html">Home</a></li>
		<li><a class="active" href="/aboutMe.html">About Me</a></li>
	</ul>
	<br>
	<br>
	<div class="row">
		<h1>About Me</h1>
	</div>
	<div class="row">
			<object data='resume.pdf' width="800" height="700">
				<p>Your browser doesn't support PDFs!</p>
				<p><a href="resume.pdf">Download Instead</a></p>
			</object>
	</div>
	<div class="row">
		<h2>Things I am interested in </h2>
		<p>In my free time, I enjoy playing video games, reading, cross stitching, and baking.</p>
		<p>I also dabble in electric bass and pixel art from time to time, however I am not particularilly good at either of those.</p>
	</div>
	<div class="row">
		<div>
			<!--images of cross stitch designs here-->
			<h2>
				Some of my cross stitch projects
			</h2>
			<div class="column">
				<img src="./images/flowers.jpg" alt="Cross stitched flowers" class="cross-stitch">
			</div>
			<div class="column">
				<img src="./images/charizard.jpg" alt="Cross stitched charizard" class="cross-stitch">
			</div>
			<div class="column">
				<img src="./images/Shuckle.jpg" alt="Cross stitched Shuckle" class="cross-stitch">
			</div>
		</div>
	</div>
	<div class="row">
		<div class="column">
			<div class="favorites">
			<h3>Some of my favorite video games/Franchises</h3>
			<!--A list to show some of my favorite games-->
			<ul class="favoriteLI">
				<li>Pokemon</li>
				<li>Marvel Rivals</li>
				<li>Terraria</li>
				<li>Minecraft</li>
				<li>Hollow Knight</li>
				<li>Skyrim</li>
				<li>Risk of Rain 2</li>
				<li>Enter the Gungeon</li>
				<li>Starbound</li>
			</ul>
			</div>
		</div>
		<div class="column">
			<div class="favorites">
			<h3>Some of my favorite books/book series</h3>
			<!--A list to show some of my favorite books-->
			<ul class="favoriteLI">
				<li>Dungeon Crawler Carl</li>
				<li>Enchanted Glass</li>
				<li>Jinx</li>
				<li>The Lunar Chronicles</li>
				<li>Renegades</li>
				<li>The Stormlight Archives</li>
				<li>The Map to Everywhere</li>
				<li>Lord of the Rings</li>
				<li>Can't Spell Treason Without Tea</li>
			</ul>
			</div>
		</div>
		<div class="column">
			<div class="favorites">
			<h3>Some of my favorite musicians/bands</h3>
			<!--A list to show some of my favorite books-->
			<ul class="favoriteLI">
				<li>Junko Yagami</li>
				<li>Joe Hisashi</li>
				<li>S. Kiyotaka & Omega Tribe</li>
				<li>Lyn Lapid</li>
				<li>Meiko Nakahara</li>
				<li>Maude Latour</li>
				<li>Nena</li>
				<li>Jorge Rivera-Herrans</li>
				<li>BENEE</li>
			</ul>
			</div>
		</div>
	</div>
	<div class="row">
		<p>Interesting fact about myself: I own 31 pokemon plushies</p>
	</div>
	<br>
	<br>
	<br>
	<footer>
		<p class="footer">
			<a href="https://github.com/jfmarks"><img src="/images/github-mark-white.png" alt="/images/github-mark-white.png" width="30" height="30"></a>
			<a href="mailto:jfmarks@udel.edu"><img src="/images/mail.png" alt="jfmarks@udel.edu" width="30" height="30"></a>
			<a href="https://www.linkedin.com/in/jacob-marks-68373b240/"><img src="/images/LI-In-Bug.png" alt="https://www.linkedin.com/in/jacob-marks-68373b240/" width="30" height="30"></a>
		</p>
	</footer>
</body>
</html>