This repository has been archived by the owner on Jul 6, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
140 lines (138 loc) · 6.24 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
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
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Henry Kobin</title>
<meta name="description" content="About Henry Kobin">
<meta name="author" content="Henry Kobin">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/firacode/5.2.0/fira_code.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/semantic.min.css">
<link rel="stylesheet" href="styles.css">
<script
src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/semantic.min.js"></script>
<script src="https://unpkg.com/typewriter-effect@latest/dist/core.js"></script>
</head>
<body>
<div class="ui raised padded text container segment">
<div class="ui grid">
<div class="one column row">
<div class="column">
<h1 id="main-header" class="ui header"></h1>
</div>
</div>
<div class="two column row doubling stackable mobile reversed">
<div class="column">
<h3 class="ui header">
My name is Henry Kobin.
</h3>
<p> I am a software developer based out of Los Angeles, California.<br><br>
I am currently the Director of Software Engineering at <a href="https://www.gybe.eco/" target="_blank">
Gybe </a>, and I am a Computer Science student at Oregon State University.
<br><br>
</p>
<br>
<div class="ui bottom attached buttons">
<a href="https://www.linkedin.com/in/henry-kobin-54a214139/" target="_blank">
<button class="ui linkedin compact button">
<i class="linkedin icon"></i>
LinkedIn
</button>
</a>
<br>
<a href="https://www.github.com/henrykobin" target="_blank">
<button class="ui black compact button ">
<i class="github icon"></i>
Github
</button>
</a>
</div>
</div>
<div class="centered column">
<div class="ui centered move reveal">
<div class="visible content">
<img src="assets/headshot.jpeg" class="ui medium image rounded">
</div>
<div class="hidden content">
<img src="assets/dive.jpg" class="ui medium image rounded">
</div>
</div>
</div>
</div>
<div class="one column row">
<div class="column">
<h2 class="ui header">Personal Projects</h2>
</div>
</div>
<div class="one column row">
<div class="column">
<div class="ui two doubling stackable raised link cards">
<div class="card">
<a href="https://henrykobin.github.io/find-dive" target="_blank" class="ui image">
<img src="assets/findive.png" alt="Image of the FindDive dive site search platform.">
</a>
<div class="content">
<div class="header">FindDive</div>
<div class="meta">
<a>React / Redux / Flask</a>
</div>
<div class="description">
FindDive is a React / Flask based application that queries
the <a href="http://www.divesites.com/" target="_blank">divesites.com API</a> for dive sites
within 25 miles of the input address.
</div>
</div>
<div class="extra content">
<span>
<i class="firefox icon"></i>
<a target="_blank" href="https://henrykobin.github.io/find-dive">Live</a>
</span>
<br>
<span>
<i class="github icon"></i>
<a target="_blank" href="https://github.com/henrykobin/find-dive">Github Repo</a>
</span>
</div>
</div>
<div class="card">
<a href="https://pypi.org/project/pyopenfisheries/" target="_blank" class="ui image">
<img src="assets/pyopenfisheries.png" alt="Image of the pyopenfisheries package being used in a Jupyter Notebook.">
</a>
<div class="content">
<div class="header">pyopenfisheries</div>
<div class="meta">
<a>Python Package</a>
</div>
<div class="description">
PyOpenFisheries makes it even easier to access the OpenFisheries API.<br>
Learn more about <a href="http://www.OpenFisheries.org" target="_blank">OpenFisheries.org</a>.
</div>
</div>
<div class="extra content">
<span>
<i class="python icon"></i>
<a target="_blank" href="https://pypi.org/project/pyopenfisheries/">PyPI</a>
</span>
<br>
<span>
<i class="github icon"></i>
<a target="_blank" href="https://github.com/HenryKobin/PyOpenFisheries">Github Repo</a>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
<script>
var mainHeader = document.getElementById('main-header');
var typewriter = new Typewriter(mainHeader, {
loop: false
});
typewriter.typeString('Hi there!')
.start();
</script>
</html>