benplotke.github.io/index.html at master · benplotke/benplotke.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
<!DOCTYPE html>
<html>
	<head>
		<title>Ben Plotke</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
		<link rel="stylesheet" type="text/css" href="default.css">
	</head>
	<body>
		<div id="intro">
			<h1>Ben Plotke</h1>
			<a href="techResume2021.pdf">resume</a>
			<a href="https://github.com/benplotke/">github</a>
			<h3>A Timeline of Personal Engineering Projects</h3>
		</div>
		<div class="project">
			<div class="age">17</div>
			<h2 class="name">Trebuchet</h2>
			<div class="description">
				Built a 21' trebuchet from scrap in the mountains. Not having internet, I had only this <a href="https://www.amazon.com/Art-Catapult-Ballistae-Trebuchets-Artillery/dp/1556525265/">book</a> as my guide. The most helpful parts were the 2 historical drawings.
			</div>
			<div class="extra images">
				<a href="#trebuchet">
					<figure id="trebuchet"><img src="images/trebuchet.jpg"></figure>
				</a>
				<a href="#trebuchet_book">
					<figure id="trebuchet_book"><img src="images/trebuchet_book.jpg"></figure>
				</a>
			</div>
		</div>
		<div class="project">
			<div class="age"> 22</div>
			<h2 class="name">Tetrahedral</h2>
			<div class="description">
				Independently proved the tetrahedral angle. Learning basic chemistry at the same time I was taking precalc, I became intrigued by the tetrahedral angle. I then independently developed a <a href="https://web.archive.org/web/20190401211544/http://bitmote.com/index.php?post/2012/07/20/Finding-the-center-of-a-tetrahedron-and-the-angle-between-vertices.">proof</a>.
			</div>
			<div class="extra images">
				<a href="#triangle">
					<figure id="triangle"><img src="images/triangle.png"></figure>
				</a>
				<a href="#tetrahedron">
					<figure id="tetrahedron"><img src="images/tetrahedron.png"></figure>
				</a>
			</div>
		</div>
		<div class="project">
			<div class="age"> 23</div>
			<h2 class="name">Huffman</h2>
			<div class="description">
				Dissatisfied with simply making a huffman coder to strings of 1s and 0s, I asked my professor if I could encode bytes to a file. With permission, I made a huffman coder that could take any file and huffman code and decode it.
			</div>
			<div class="extra">
				<a href="https://github.com/benplotke/huffmanCoder">github</a>
			</div>
		</div>
		<div class="project">
			<div class="age"> 25</div>
			<h2 class="name">Convergence</h2>
			<div class="description">
				Collaborated with pure mathematician. My friend Sam asked me to do a sanity check on his <a href="SamPaperEulerMascheroni.pdf">paper</a>. Checking the converging series to a million terms involved one million factorial.
			</div>
			<div class="extra images">
				<a href="#convergence_code">
					<figure id="convergence_code"><img src="images/convergence_code.png"></figure>
				</a>
				<a href="#convergence_formula">
					<figure id="convergence_formula"><img src="images/convergence_formula.png"></figure>
				</a>
			</div>
		</div>
		<div class="project">
			<div class="age"> 27</div>
			<h2 class="name">Furniture</h2>
			<div class="description">
				Having recently moved I needed new furniture. I gathered some scrap wood and used my limited tools and carpentry skills to furnish my room.
			</div>
			<div class="extra images">
				<a href="#furniture_bed">
					<figure id="furniture_bed"><img src="images/furniture_bed.jpg"></figure>
				</a>
				<a href="#furniture_coffee">
					<figure id="furniture_coffee"><img src="images/furniture_coffee.jpg"></figure>
				</a>
				<a href="#furniture_stand">
					<figure id="furniture_stand"><img src="images/furniture_stand.jpg"></figure>
				</a>
				<a href="#furniture_tools">
					<figure id="furniture_tools"><img src="images/furniture_tools.jpg"></figure>
				</a>
			</div>
		</div>
		<div class="project">
			<div class="age"> 30</div>
			<h2 class="name">Intelligence</h2>
			<div class="description">
				Applying for jobs, one asked me to take an IQ test. To get practice, I wrote a little program to generate problems for myself.
			</div>
			<div class="extra">
				<a href="https://github.com/benplotke/iqGenerator">github</a>
			</div>
		</div>
		<script type="text/javascript">
			window.addEventListener('hashchange', event => {
				if (location.hash) {
					document.body.classList.add('freeze');
				}
				else {
					document.body.classList.remove('freeze');
				}
			});
			window.addEventListener('click', event => {
				if (location.hash) {
					event.preventDefault();
					if (history.length > 2) {
						history.back();
					}
					else {
						history.replaceState({}, '', '.');
						history.go();
					}
				}
			})
		</script>
	</body>
</html>