-
Notifications
You must be signed in to change notification settings - Fork 0
/
hackathons.html
132 lines (131 loc) · 7.08 KB
/
hackathons.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
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
127
128
129
130
131
132
<html>
<head>
<title>🐧 Brian Hungerman</title>
<meta name="description" content="My website: brianhungerman.com. View for resume, portfolio, etc.">
<meta name="author" content="Brian Hungerman">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="robots" content="noodp">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="text/javascript"></script>
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
<link rel="icon" type="image/jpeg" href="images/brian.jpg">
<link rel="apple-touch-icon" type="image/jpeg" href="images/brian.jpg">
<link rel="apple-touch-icon-precomposed" type="image/jpeg" href="images/brian.jpg">
<link rel="fluid-icon" type="image/jpeg" href="images/brian.jpg">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="main.css" />
<link rel="stylesheet" href="modal.css" />
</head>
<body>
<div class="header">
<div class="profile">
<a class="portrait" href="https://github.com/Mutilar"><img src="images/brian.jpg"></a>
<div class="name">Brian Hungerman</div>
<div class="blurb">A <strong>Software Engineer</strong> working in
<strong><a href="https://en.wikipedia.org/wiki/Graph_theory">Graph Theory</a></strong> and
<strong><a href="https://en.wikipedia.org/wiki/Gamification">Gamification</a></strong>
</div>
<div class="bio">
Engineering <strong><a target="_blank" href="http://www.github.com/azure" title="Azure">@Azure</a></strong> <strong><a target="_blank" href="https://azure.microsoft.com/en-us/services/machine-learning" title="Azure">Machine Learning</a></strong> & Hacking <strong><a target="_blank" href="https://github.com/bitnaughts" title="Azure">@BitNaughts</a></strong>
</div>
<div class="links">
<a target="_blank" href="https://www.linkedin.com/in/brian-hungerman/" class="large-icon fa fa-linkedin"></a>
<a target="_blank" href="https://github.com/Mutilar" class="large-icon fa fa-github"></a>
<a target="_blank" href="https://twitter.com/BrianHungerman" class="large-icon fa fa-twitter"></a>
<a target="_blank" href="mailto:[email protected]" class="large-icon fa fa-envelope"></a>
<a target="_blank" href="https://codefied.substack.com/" class="large-icon fa fa-bookmark"></a>
<a target="_blank" href="https://open.spotify.com/user/12143746238" class="large-icon fa fa-spotify"></a>
</div>
</div>
</div>
<nav class="navigation">
<ul class="tabs" id="tabs">
<li class="tab"><a href="index.html">Home</a></li>
<li class="tab"><a href="work.html">Work</a></li>
<li class="tab"><a href="projects.html">Projects</a></li>
<li class="tab"><a class="active" href="hackathons.html">Hacks</a></li>
<li class="tab"><a href="games.html">Games</a></li>
</ul>
</nav>
<div id="modal" class="modal card">
<div class="modal-content item">
<img id="modal-image" class="image" style="width:100%; float:left" src="/images/microsoft.jpg" />
<div style="width:100%; float:left; text-align: center">
<h1 id="modal-name"></h1>
<h2 id="modal-title" style="margin:1em 0em 1em 0em;"></h2>
</div>
<span class="close">×</span>
<p id="modal-biography"></p>
</div>
</div>
<div id = "hackathons">
<div class="item" >
<div class="card">
<h1><a href="hackathons.html">⛏️ Hacks (1-2 days)</a></h1>
<div class="content">
<p>
<div style="text-align:left">From using augmented reality to visualize the missing link from farm to table...</div><br>
<div style="text-align:center">...to an autonomous, room-mapping robotic tank for first responders called SRIRACHA...</div><br>
<div style="text-align:right">...to optical character recognition on nutrition labels as a FitBit for your stomach,</div><br>
I've traveled up and down California competing in hackathons. I love to be in these competitive, entrepenuerial environments, honing my skills, and exploring new technologies.
<a href="https://devpost.com/BrianHungerman">https://devpost.com/BrianHungerman</a>
</p>
</div>
</div>
<br>
<!-- <img style="width:100%" src="images/hackathon-banner.jpg" alt="" /> -->
</div>
</div>
</body>
<script src="jquery.min.js"></script>
<script src="jquery.csv.min.js"></script>
<script>
var data;
var flag = "";
var modal = document.getElementById('modal');
var span = document.getElementsByClassName("close")[0];
span.onclick = function () {
modal.style.display = "none";
}
window.onclick = function (event) {
if (event.target == modal) modal.style.display = "none";
}
function loadModal(id) {
if (id != '') {
modal.style.display = "block";
document.getElementById('modal-image').src = '/images/' + id + '.jpg';
document.getElementById('modal-name').innerHTML = getInfo(id).NAME;
document.getElementById('modal-title').innerHTML = getInfo(id).TITLE;
document.getElementById('modal-biography').innerHTML = getInfo(id).TEXT;
}
}
function getInfo(id) {
for (var i = 0; i < data.length; i++) if (data[i].ID == id) return data[i];
}
$(function () {
$(window).on('hashchange', function (event) {
loadModal(window.location.hash.substring(1));
});
$.get("/hackathons.csv").then(function (text, status, xhr) {
data = $.csv.toObjects(text);
for (var i = 0; i < data.length; i++) {
var github_html = '';
if (data[i].GITHUB !== " " && data[i].GITHUB !== "") github_html = '<br><div class="fa fa-github"></div>Open Source!';
$("#hackathons").append($.parseHTML(
'<div class="item">' +
'<a href="#' + data[i].ID + '" class="card">' +
'<div class="date"><div class="fa fa-calendar"></div>' + data[i].DATE + '<br><div class="fa fa-map-marker"></div> ' + data[i].LOCATION + github_html + '</div>' +
'<div class="logo"><img src="images/' + data[i].ID + '.png" width="200" height="74" /></div>' +
'<h1>' + data[i].NAME + '</h1>' +
'<div class="content">' +
'<p>' + data[i].TITLE + '</p>' +
'<i>' + data[i].MOTTO + '</i>' +
'</div>' +
'</a>' +
'</div>'
));
}
});
});
</script>
</html>