-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
52 lines (49 loc) · 3.33 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<script data-ad-client="ca-pub-1039853495049571" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<meta name="google-site-verification" content="-3PY-BldcdTtNIAXNT-8D79nHKHE7i5UftqvnhYjWys" />
<link rel=stylesheet href=css/jmangelstyle.css>
</head>
<body>
<div class="body-wrapper">
<header>
<h1>John Mangel</h1>
<h2>Musician and Programmer</h2>
</header>
<div class="wrapper">
<nav id="sidebar">
<ul class="list-unstyled components">
<li>
<a href="/SongScaler">SongScaler</a>
</li>
<li>
<a href="/divide-by-two">DivideByTwo (quick calculator)</a>
</li>
<li>
<a href=introdemo.html>Digital Linguistics Demo</a>
</li>
<li>
<a href=https://www.linkedin.com/in/john-mangel-a5a056a8>LinkedIn</a>
</li>
<li>
<a href=mailto:[email protected]>[email protected]</a>
</li>
</ul>
</nav>
<div id="content">
<p class="intro">Hello world! My name is John Mangel, I'm an undergraduate studying <strong>Computer Science</strong> and <strong>Linguistics with a German emphasis</strong> at <strong>UC Santa Barbara</strong>. This is my code portfolio, hosted with GitHub Pages. My primary focus in computer science is application developement.</p>
<h2>Projects</h2>
<h3><a href="/SongScaler">SongScaler</a> (2021)</h3>
<h3><a href="/divide-by-two">DivideByTwo quick calculator</a> (2021)</h3>
<h3>Digital Linguistics (2013-2017)</h3>
<p>Recently I've been working on a project with some linguistics faculty and graduate students at UCSB, writing browser-based software for linguistics researchers to aid in tracking research data. In addition to contributing to the big-picture design discussions, one of my biggest coding tasks was to create a webpage to demonstrate the basic function of our data structure, using primarily Javascript and the Intro.js library. <a href=introdemo.html><strong>Click here to see the demonstration</strong>.</a></p>
<p>I built this demo using an open-source Javascript library called <a href=http://usablica.github.io/intro.js/>Intro.js</a>, which allows developers to show their website's features using a step-by-step tutorial. This demonstration will also show you the basic idea of the data structure that my team built. We've since been working on building a database with an API and a Javascript SDK for developers who want to create their own apps using our data structure.</p>
<h3>Zombie Run IV (2016)</h3>
<p>In this past quarter, I spent two months creating a game as part of a five-man team of computer science undergraduates. The game is called Zombie Run IV, and it is an infinite runner game set in our college town of Isla Vista. We built this game using the game engine Unity, writing scripts in C# and using a Heroku database to store settings and leaderboards. To try this game, find the download links for Windows and Mac <a href=http://zombie-run-iv.herokuapp.com/>here</a>, extract the zip folder, and run build.exe on Windows or ZombieRunIV.app on Mac.</p>
</div>
<img src="./art/ProfilePic.jpg" alt="My Senior Picture" style="width:201px;height:250px;">
</div>
</div>
</body>
</html>