-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathportfolio.html
224 lines (209 loc) · 10 KB
/
portfolio.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
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
<!DOCTYPE html>
<html>
<head>
<title>Kris Cherven: Portfolio</title>
<link rel="icon" type="image/x-icon" href="{{ url_for('static', filename='assets/logo.png') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='styles/bootstrap.min.css') }}"/>
<link rel="stylesheet" href="{{ url_for('static', filename='styles/prism.css') }}"/>
<link rel="stylesheet" href="{{ url_for('static', filename='styles/stylesheet.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='styles/code.css') }}">
<script src="{{ url_for('static', filename='javascript/bootstrap.bundle.min.js') }}"></script>
<script src="{{ url_for('static', filename='javascript/dayjs.min.js') }}"></script>
<script src="{{ url_for('static', filename='javascript/main.js') }}"></script>
<script src="{{ url_for('static', filename='javascript/debug.js') }}"></script>
<script src="{{ url_for('static', filename='javascript/prism.js') }}"></script>
<script src="{{ url_for('static', filename='javascript/prism-customization.js') }}"></script>
<script src="{{ url_for('static', filename='javascript/fontawesome.js') }}"
crossorigin="anonymous"></script>
</head>
<!-- See: https://prismjs.com/plugins/line-numbers/#how-to-use -->
<body class="line-numbers match-braces" style="overflow-x:hidden;">
<nav class="navbar sticky-top navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#" style="margin-left:1.7em">Kris Cherven</a>
<ul class="nav nav-pills">
<li class="nav-item">
<a class="nav-link active" rel="noopener noreferrer" href="#">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link" target="_blank" rel="noopener noreferrer"
href="https://github.com/krischerven">GitHub</a>
</li>
<li class="nav-item">
<a class="nav-link" target="_blank" rel="noopener noreferrer"
href="https://linkedin.com/in/kris-cherven">LinkedIn</a>
</li>
<li class="nav-item">
<a class="nav-link" rel="noopener noreferrer" href="./contact">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link" id="toggle-AI-assistant" rel="noopener noreferrer"
href="#" onclick="toggle_AI_assistant_dialogue(); return false">AI Assistant</a>
</li>
</ul>
</nav>
<div class="container-fluid" style="margin-top:2em;margin-left:1em;">
<div class="row">
<div class="col-6">
<h1>Open Source Applications</h1>
<p class="subtext">Hover over an entry to see pictures</p>
<br>
<div class="col side-navbar" style="left:1em;">
<div class="row">
<div class="col">
<ul class="nav flex-column nav-pills" id="snippet-tab" role="tablist">
<li class="nav-item" role="presentation" onmouseenter="javascript:set_sample_image('Scarlatti');">
<a href="https://github.com/krischerven/scarlatti">Scarlatti</a>
<div class="subtext">
A modern, powerful GTK+ music player for Linux and WSL.<br>
Originally a fork of the Lollypop music player for GNOME, Scarlatti has added a significant number of features and receives regular updates.
</div>
</li>
<li class="nav-item" role="presentation" onmouseenter="javascript:set_sample_image('Stradina');">
<a href="https://github.com/krischerven/stradina">Stradina</a>
<div class="subtext">
A research application that you can use to collect data about your trips, analyze them, and optimize them. Uses the Google Maps API for various features.
</div>
</li>
<li class="nav-item" role="presentation" onmouseenter="javascript:set_sample_image('Anki');">
<a href="https://github.com/ankitects/anki">Anki (Contributor)</a>
<div class="subtext">
The popular spaced repetition flashcards application.
With Anki, you can either reduce time spent studying or learn significantly more in the same amount of time.
</div>
</li>
<li class="nav-item" role="presentation" onmouseenter="javascript:set_sample_image('Vlang');">
<a href="https://github.com/vlang/v">Vlang (Contributor)</a>
<div class="subtext">
A low-level, safe programming language inspired by Go.
</div>
</li>
<li class="nav-item" role="presentation" onmouseenter="javascript:set_sample_image('podcast-cli');">
<a href="https://github.com/goulinkh/podcast-cli">podcast-cli (Contributor)</a>
<div class="subtext">
A command line podcast player.
</div>
</li>
<!-- <li class="nav-item" role="presentation"> -->
<!-- <a href="https://github.com/krischerven/gomics">gomics (fork) FIXME</a> -->
<!-- <div class="subtext"> -->
<!-- A simple GTK+ comic book viewer written in Go. -->
<!-- </div> -->
<!-- </li> -->
</ul>
</div>
</div>
</div>
<br>
<h1>Open Source Libraries/Tools</h1>
<br>
<div class="col side-navbar" style="left:1em;">
<div class="row">
<div class="col">
<ul class="nav flex-column nav-pills" id="snippet-tab" role="tablist">
<li class="nav-item" role="presentation" onmouseenter="javascript:set_sample_image('linux-discord-updater');">
<a href="https://github.com/krischerven/linux-discord-updater">linux-discord-updater</a>
<div class="subtext">
A tool for streamlining the Discord updating process on Linux systems.
</div>
</li>
<li class="nav-item" role="presentation" onmouseenter="javascript:set_sample_image('goalias');">
<a href="https://github.com/krischerven/goalias">goalias</a>
<div class="subtext">
A Go program for creating aliases for simple shell commands. An alternative to ~/.bash_aliases without the various footguns.
</div>
</li>
<li class="nav-item" role="presentation" onmouseenter="javascript:set_sample_image('measure-gc');">
<a href="https://github.com/krischerven/measure-gc">measure-gc</a>
<div class="subtext">
A Go library for precisely measuring GC pause times.
</div>
</li>
<li class="nav-item" role="presentation" onmouseenter="javascript:set_sample_image('gosql');">
<a href="https://github.com/eatonphil/gosql">gosql (Contributor)</a>
<div class="subtext">
A PostgreSQL implementation in Go.
</div>
</li>
</ul>
</div>
</div>
</div>
<br>
<h1>Other projects</h1>
<br>
<div class="col side-navbar" style="left:1em;">
<div class="row">
<div class="col">
<ul class="nav flex-column nav-pills" id="snippet-tab" role="tablist">
<li class="nav-item" role="presentation" onmouseenter="javascript:set_sample_image('portfolio-webpage');">
<a href="https://github.com/krischerven/portfolio-webpage">portfolio-webpage</a>
<div class="subtext">
The source code (frontend/backend) for this website.
</div>
</li>
<li class="nav-item" role="presentation" onmouseenter="javascript:set_sample_image('portfolio-chatbot');">
<a href="https://github.com/krischerven/portfolio-chatbot">portfolio-chatbot</a>
<div class="subtext">
The source code for the GPT-3 chatbot backend on this website.
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col" id="software-sample-default">
<div class="col-10">
<img id="software-sample-img-1" width="90%" src="./static/assets/sample/scarlatti.png" alt="">
</img>
<p id="software-sample-img-desc-1" style="font-style:italic;padding-left:0.75em;">
the Scarlatti music player in action
</p>
</div>
<div class="col-8">
<img id="software-sample-img-2" width="90%" src="./static/assets/sample/anki.jpg" alt="">
</img>
<p id="software-sample-img-desc-2" style="font-style:italic;padding-left:1.875em;">
a student using Anki to study immunology
</p>
</div>
</div>
<div class="col" id="software-sample-custom" style="display:none">
<img id="software-sample-img-3" width="90%" src="./static/assets/sample/scarlatti.png" alt="">
</img>
<p id="software-sample-img-desc-3" style="font-style:italic;padding-left:14px">
the Scarlatti music player in action
</p>
</div>
</div>
<!-- <br> -->
<!-- <h2>Miscellaneous other projects</h2> -->
<!-- <div class="col side-navbar" style="left:1em;"> -->
<!-- <div class="row"> -->
<!-- <div class="col"> -->
<!-- <ul class="nav flex-column nav-pills" id="snippet-tab" role="tablist"> -->
<!-- <li class="nav-item" role="presentation"> -->
<!-- hydroponics.lisp -->
<!-- <div class="subtext"> -->
<!-- </div> -->
<!-- </li> -->
<!-- <li class="nav-item" role="presentation"> -->
<!-- go-interview -->
<!-- </li> -->
<!-- </ul> -->
<!-- </div> -->
<!-- </div> -->
<!-- </div> -->
<div id="AI-assistant">
Hello, I am an AI assistant for this webpage. Please ask me anything about Kris!
<br><br>
<div id="AI-message-area">
</div>
<br>
<textarea id="AI-message-input" cols="30" rows="2">
</textarea>
<button type="button" class="btn btn-dark btn-sm" id="AI-send-button" onclick="ask_chatbot_question()">Send <i class="fa-solid fa-paper-plane"/></i></button>
</div>
</div>
</body>
</html>