-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwork.html
131 lines (130 loc) · 6.87 KB
/
work.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
<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:brianhungerman@gmail.com" 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 class="active" href="work.html">Work</a></li>
<li class="tab"><a href="projects.html">Projects</a></li>
<li class="tab"><a 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 = "work">
<div class="item" >
<div class="card">
<h1><a href="work.html">👨💻 Gainful Employment</a></h1>
<div class="content">
<p>
<div style="text-align:left">From building platforms to fight cancer with machine learning and big data...</div> <br>
<div style="text-align:center">...to teaching game design, coding, and robotics across the socioeconomic spectrum...</div><br>
<div style="text-align:right">...to analysing hydrologic and ecosystemic implications of Central Valley agriculture,</div><br>
I've had amazing opportunities to work at empowering companies, nonprofit organizations, and research labs. Being proud of where I work and what I work on are my top priorities.
</p>
</div>
</div>
<br>
<!-- <img style="width:100%" src="images/experience-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("/work.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!';
$("#work").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>