bizarreboa.github.io/games.html at main · bizarreboa/bizarreboa.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
124
125
126
<!DOCTYPE HTML>
<!--
	Landed by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
	<head>
		<title>Alice Cai - Gaming</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<link rel="stylesheet" href="assets/css/main.css" />
		<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
	</head>
	<body class="is-preload landing">
		<div id="page-wrapper">

			<!-- Header -->
				<header id="header">
					<h1 id="logo"><a href="home.html">Alice Cai</a></h1>
					<nav id="nav">
						<ul>
							<li><a href="home.html">Home</a></li>
							<li>
								<a href="me.html">About</a>
								<ul>
									<li><a href="me.html">Me</a></li>
									<li><a href="interests.html">Interests and Hobbies</a>
										<ul>
											<li><a href="games.html">Games</a></li>
											<li><a href="food.html">Food</a></li>
											<li><a href="crafts.html">Crafts</a></li>
										</ul>
									</li>
									<li><a href="funfacts.html">Whimsy</a></li>
								</ul>
							</li>
							<li><a href="research.html">Research</a></li>
							<li><a href="#cv-section">CV</a></li>
							<li><a href="#contact">Contact</a></li>
						</ul>
					</nav>
				</header>

			<!-- Main -->
				<div id="main" class="wrapper style1">
					<div class="container">
						<header class="major">
							<h2>Games</h2>
							<p>When life gives you lemons? Don't make lemonade. Make life take the lemons back! Get mad! I don't want
							your damn lemons, what am I supposed to do with these?</p>
							<p><i>- Cave Johnson</i></p>
						</header>
						<div class="row gtr-150">
							<div class="col-8 col-12-medium">

								<!-- Content -->
									<section id="content">
										<a href="#" class="image fit"><img src="images/games/minecraft.jpeg" alt="" /></a>
										<h3>huh idk</h3>
										<p>A huge hobby of mine is playing games. Mostly solo or co-op video games,
											but I love board games and card games as well. And when my undergraduate
											friends and I can all find the time, I enjoy playing dungeons and dragons.</p>
										<p>Video games. It all started with minecraft, of course. I remember
											when the Minecraft website linked tutorial videos by paulsoaresjr,
											and I watched it all. In lieu of actually owning the game (my
											parents would never spend money on something that is such a pure
											waste of time), I learned to love watching let's plays on Youtube.
											I religiously watched every video in my subscriptions feed every
											single day. When I first got my credit card starting college, I
											bought Minecraft as my first purchase. My first love, truly.</p>
										<p>I think Portal was one of the first games I finished. Hence the ode
										to the franchise in the quote up top.</p>
									</section>

							</div>
							<div class="col-4 col-12-medium">

								<!-- Sidebar -->
									<section id="sidebar">
										<section>
											<h3>Now Playing</h3>
											<ul>
												<li>Dave the Diver</li>
												<a href="#" class="image fit"><img src="images/games/dave_bancho.jpg" alt="" /></a>
												<hr />
												<li>Balatro</li>
												<a href="#" class="image fit"><img src="images/games/balatro.png" alt="" /></a>
												<hr />
												<li>Slay the Princess</li>
												<a href="#" class="image fit"><img src="images/games/slayprincess.png" alt="" /></a>
												<hr />
											</ul>
										</section>
<!-- 										<hr />
										<section>
											<a href="#" class="image fit"><img src="images/games/dave.jpg" alt="" /></a>
										</section> -->
									</section>

							</div>
						</div>
					</div>
				</div>

			<!-- Footer -->
			<footer id="footer">
				<ul class="copyright">
					<li>&copy; Alice Cai. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
				</ul>
			</footer>

		</div>

		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/jquery.scrolly.min.js"></script>
			<script src="assets/js/jquery.dropotron.min.js"></script>
			<script src="assets/js/jquery.scrollex.min.js"></script>
			<script src="assets/js/browser.min.js"></script>
			<script src="assets/js/breakpoints.min.js"></script>
			<script src="assets/js/util.js"></script>
			<script src="assets/js/main.js"></script>

	</body>
</html>