ThomasM-R.github.io/index.html at main · ThomasM-R/ThomasM-R.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
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<script type="text/javascript" src="script.js"></script>
	<link rel="stylesheet" href="css/aero.css">
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Istok+Web:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
	<title>TMR</title>
	<link rel="icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAJdJREFUOE+dkksSgDAIQ+X+h8YJkg6FfmzdqJR5TSCiqvpMHhERnuObbbHGokHACn3Wz5q/DUgwehvVm3GIz+421BKo/f8GAMrbP2Gf2iOAzwB2CbsCcDZm90bBHBAlps2a7MG2tRRnuYg5iKAhIGch5KH0rwDb+XSByTHNft1CmcXWQor3nYWQwLKI0xnsFSyyYMvIeXgB1/uYCvtSSlsAAAAASUVORK5CYII=">
</head>
<body>
	<header>
		<a class="headerlogo" href="/">Thomas</a>
		<input type="checkbox" id="sidebar-button"/>
		<label class="button" for="sidebar-button">☰</label>
		<nav>
			<a class="about button" href="#about">About Me</a>
			<a class="projects button" href="#projects">Projects</a>
			<a class="skills button" href="#skills">Skills</a>
			<a class="resume button" href="https://1drv.ms/w/s!AuahVFLVkYCdhdEI6kS1ryTcXmyZIA?e=f4HCks" target="_blank">Resume</a>
		</nav>
	</header>
	<main>
		<section id="about">
			<div class="glass window">
				<h1>Thomas Moraine-Radenac</h1>
				<p>
					Hi, I'm Thomas.<br>
					I'm a student at Cambride Rindge and Latin high school.<br>
					I do programming, art (Blender), music (EDM mostly). I play video games (Stray, Portal 2, No Man's Sky, Splatoon, Tears of the Kingdom, Fez), but more importantly, I create them too.<br>
					In the future, I imagine myself working in video game design, media arts, or maybe something else in Computer Science.
				<p>
			</div>
		</section>

		<section id="skills">
			<div class="glass window">
				<h1>Skills</h1>
				<p>
					<!-- icons from https://devicon.dev/ -->
					<ul>
						<li>Python<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/python/python-original.svg" alt="Python logo"/></li>
						<li>Java<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/java/java-original.svg" alt="Java logo"/></li>
						<li>HTML<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/html5/html5-original.svg" alt="HTML5 logo"/></li>
						<li>CSS<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/css3/css3-original.svg"></li>
						<li>Javascript<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/javascript/javascript-original.svg"></li>
						<li>GLSL<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/opengl/opengl-original.svg" alt="OpenGL logo"/></li>
						<li>Blender<img src="https://upload.wikimedia.org/wikipedia/commons/0/0c/Blender_logo_no_text.svg" alt="Blender logo"/></li>
					</ul>
				</p>
			</div>
		</section>

		<section id="projects" class="glass window">
			<h1>Projects</h1>
			<div id="projects-container">
				<!-- auto filled by js -->
			</div>
			<div class="window">
				<h1 id="project-title"></h1>
				<p id="project-info">Double click a floppy disk to open the project</p>
			</div>
		</section>
	</main>
</body>
</html>