~j-james/website

ref: af849ba437879587dd102609bb426f8d059e8c84 website/index.html -rw-r--r-- 2.5 KiB
af849ba4j-james Media queries for mobile devices 5 months ago
                                                                                
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
<html>
<head>
	<title>j-james</title>
	<meta charset="utf-8"/>
	<meta name="viewport" content="width=device-width"/>
	<link rel="icon" type="image/jpg" href="assets/compass.jpg"/>
	<link rel="stylesheet" href="css/normalize.css"/>
	<link rel="stylesheet" href="css/style.css"/>
</head>
<body>
	<header>
		<h1>
			<a href="https://j-james.me">j-james</a>
		</h1>
		<nav>
			<a href="https://j-james.me/about">about</a>
			<a href="https://j-james.me/projects">projects</a>
			<a href="https://j-james.me/posts">posts</a>
			<a href="https://j-james.me/bookshelf">bookshelf</a>
		</nav>
	</header>
	<main>
	<div id="intro">
		<img id="face" src="assets/compass.jpg"/>
		<div id="profile">
			<p> Hello, I'm Justice, and I go by j-james on the Internet. </p>
			<p> I'm a fourth-year student at <a href="https://www.bisd303.org/bhs">Bainbridge High School</a>, captain of <a href="https://spartronics4915.com">our local FIRST robotics team</a>, and a member of <a href="https://www.bhsultimate.org">the ultimate frisbee team</a> and <a href="https://www.bihockey.org">the summer roller hockey league</a> (pre-pandemic). </p>
			<p> Outside of school, sports, and social life, I enjoy building and contributing to <a href="https://www.gnu.org/philosophy/free-sw">free-and-open-source</a> projects. The majority of my work can either be found on <a href="https://github.com/j-james">GitHub</a> or at <a href="https://git.sr.ht/~j-james">SourceHut</a>. </p>
		</div>
	</div>
	<div id="details">
		<h1>Projects</h1>
		<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
		<h1>Posts</h1>
		<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
	</div>
	</main>
	<footer>
		<p> © 2020-2021 j-james </p>
	</footer>
</body>
</html>