-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
367 lines (328 loc) · 20.7 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
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
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="author" content="Madis Otenurm">
<meta name="description" content="Portfolio site">
<meta name="google-site-verification" content="ewrGltMdGxWZCd623tYURdvtFNFq8AQwdwKCfxYRN4U" />
<meta name="msvalidate.01" content="BB20A8B13187ED282BE9B7C8C0DCB0CF" />
<meta name="theme-color" content="#009624" />
<link rel="shortcut icon" type="image/png" href="img/favicon.png" />
<title>Madis Otenurm - portfolio</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:500,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Muli:400,400i,800,800i" rel="stylesheet">
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/resume.min.css" rel="stylesheet">
<!-- Lightbox -->
<link href="css/lightbox.min.css" rel="stylesheet">
</head>
<body id="page-top">
<nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top" id="sideNav">
<a class="navbar-brand js-scroll-trigger" href="#page-top">
<span class="d-block d-lg-none">Madis Otenurm</span>
<span class="d-none d-lg-block">
<img class="img-fluid img-profile rounded-circle mx-auto mb-2" src="img/profile.jpg"
alt="Portrait sketch of Madis Otenurm">
</span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#skills">Skills</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#design">User Experience</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#translation">Translation</a>
</li>
</ul>
</div>
</nav>
<div class="container-fluid p-0">
<section class="resume-section p-3 p-lg-5 d-flex align-items-center" id="about">
<div class="w-100">
<img class="img-fluid img-profile rounded-circle mx-auto mb-2 mobile-only secondary-profile"
src="img/profile.jpg" alt="Portrait of Madis Otenurm">
<h1 class="mb-0">
<span class="text-primary">Madis</span> Otenurm
</h1>
<p class="lead mb-5">Building software and managing communities.</p>
<div class="social-icons">
<a href="https://github.com/Madis0/">
<i class="fab fa-github" alt="GitHub"></i>
</a>
<a href="https://gitlab.com/Madis0/">
<i class="fab fa-gitlab" alt="GitLab"></i>
</a>
<a href="https://www.linkedin.com/in/madis-otenurm/">
<i class="fab fa-linkedin" alt="LinkedIn"></i>
</a>
<a href="https://mailhide.io/e/0tlzI">
<i class="fas fa-envelope" alt="Email"></i>
</a>
</div>
</div>
</section>
<hr class="m-0">
<section class="resume-section p-3 p-lg-5 d-flex justify-content-center" id="skills">
<div class="w-100">
<h2 class="mb-5">Skills</h2>
<p>A list of various skills I have, roughly in the order of proficency.</p>
<h3 class="subheading mb-3">Programming languages and tools</h3>
<ul class="mb-0">
<li>C# (ASP.NET, Xamarin, WinForms, WPF)</li>
<li>JavaScript (incl. ES6, TypeScript)</li>
<li>Angular (incl. AngularJS)</li>
<li>MSSQL, MySQL</li>
<li>HTML5</li>
<li>CSS3</li>
<li>Java (console, Android, FabricMC)</li>
<li>Python 3</li>
</ul><br>
<h3 class="subheading mb-3">Languages</h3>
<ul class="mb-0">
<li>Estonian (native)</li>
<li>English (C1)</li>
<li>Danish (A1)</li>
</ul><br>
<h3 class="subheading mb-3">Hobbies and other skills</h3>
<ul class="mb-0">
<li>Software translation</li>
<li>Image and music editing</li>
<li>Community management</li>
</ul><br>
</div>
</section>
<hr class="m-0">
<section class="resume-section p-3 p-lg-5 d-flex justify-content-center" id="design">
<div class="w-100">
<h2 class="mb-5">User experience</h2>
<p>Hobby projects that are in some way related to UX. Some are just concept designs, others serve a purpose.
</p>
<div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="resume-content">
<h3 class="mb-0">Desktop browser</h3>
<p>Desktop browsers have evolved a lot over the years, but they still waste the screen space with huge
toolbars and elements the user does not always need. This concept - which has recieved many iterations
over the years (only partially shown here) - aims to fix that by merging address bar and bookmarks bar with the tabs.
Apple has released a new version of Safari <a href="https://www.youtube.com/watch?v=JV9ygjDhtwo">that has a very similar design</a>,
so this concept is now discontinued.</p>
<a href="img/concepts/Brauser/Main view.png" data-lightbox="browser"
data-title="An iteration of the concept in 2015 - initially preferred minimalism over usability">
<img src="img/concepts/thumb/Brauser/Main view.png"
alt="The first iteration of the concept in 2014 - initial idea preferred minimalism over usability"
height="100" width="auto"></a>
<a href="img/concepts/Brauser/2 - Casual.png" data-lightbox="browser"
data-title="One of the frames in the latest 2019 iteration - familiar elements have been readded while keeping the goal of the redesign">
<img src="img/concepts/thumb/Brauser/2 - Casual.png"
alt="One of the frames in the latest 2019 iteration - familiar elements have been readded while keeping the goal of the redesign"
height="100" width="auto"></a>
</div>
<div class="resume-date text-md-right">
<span class="text-primary">2014 - 2021</span>
</div>
</div>
<div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="resume-content">
<h3 class="mb-0">Fabulously Optimized</h3>
<p>An open-source "modpack" for Minecraft: Java Edition that provides performance and graphics improvements. Started in 2020 as an alternative to a very popular mod called Optifine, with the goal being to provide similar features with more modern mods and open development.</p>
<a class="btn btn-primary" href="https://github.com/Fabulously-Optimized/fabulously-optimized"
role="button">Repository</a>
</div>
<div class="resume-date text-md-right">
<span class="text-primary">2020 - (present)</span>
</div>
</div>
<div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="resume-content">
<h3 class="mb-0">EEditor</h3>
<p>A world editing tool for a discontinued Flash game Everybody Edits. Helped redesign the UI, simplify interactions, choose new icons.</p>
<a class="btn btn-primary" href="https://web.archive.org/web/20221119055147/github.com/capasha/EEditor-"
role="button">Website</a>
</div>
<div class="resume-date text-md-right">
<span class="text-primary">2013 - 2017</span>
</div>
</div>
<div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="resume-content">
<h3 class="mb-0">Cinema app</h3>
<p>A concept for an Android app that aims to gather data from multiple cinemas into one interface, including
full movie details, bookmarks, history and more. Design inspired by Play Store.</p>
<a href="img/concepts/Kino/Filmid.png" data-lightbox="cinema" data-title="Movie list"> <img
src="img/concepts/thumb/Kino/Filmid.png" alt="Movie list" height="100" width="auto"></a>
<a href="img/concepts/Kino/Filmivaade.png" data-lightbox="cinema" data-title="Movie details"> <img
src="img/concepts/thumb/Kino/Filmivaade.png" alt="Movie details" height="100" width="auto"></a>
<a href="img/concepts/Kino/Üldkava.png" data-lightbox="cinema" data-title="Generic schedule"> <img
src="img/concepts/thumb/Kino/Üldkava.png" alt="Generic schedule" height="100" width="auto"></a>
<a href="img/concepts/Kino/Minu kava.png" data-lightbox="cinema" data-title="My schedule"> <img
src="img/concepts/thumb/Kino/Minu kava.png" alt="My schedule" height="100" width="auto"></a>
<a href="img/concepts/Kino/Soovitused.png" data-lightbox="cinema" data-title="Suggestions"> <img
src="img/concepts/thumb/Kino/Soovitused.png" alt="Suggestions" height="100" width="auto"></a>
<a href="img/concepts/Kino/Vaatamiseks.png" data-lightbox="cinema" data-title="Movies to watch"> <img
src="img/concepts/thumb/Kino/Vaatamiseks.png" alt="Movies to watch" height="100" width="auto"></a>
<a href="img/concepts/Kino/Vaadatud.png" data-lightbox="cinema" data-title="Watched movies"> <img
src="img/concepts/thumb/Kino/Vaadatud.png" alt="Watched movies" height="100" width="auto"></a>
<a href="img/concepts/Kino/Vaatamata.png" data-lightbox="cinema" data-title="Unwatched movies"> <img
src="img/concepts/thumb/Kino/Vaatamata.png" alt="Unwatched movies" height="100" width="auto"></a>
<a href="img/concepts/Kino/Kinoteave.png" data-lightbox="cinema" data-title="Cinema details"> <img
src="img/concepts/thumb/Kino/Kinoteave.png" alt="Cinema details" height="100" width="auto"></a>
<a href="img/concepts/Kino/Sahtel.png" data-lightbox="cinema" data-title="Navigation drawer"> <img
src="img/concepts/thumb/Kino/Sahtel.png" alt="Navigation drawer" height="100" width="auto"></a>
</div>
<div class="resume-date text-md-right">
<span class="text-primary">2016</span>
</div>
</div>
<div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="resume-content">
<h3 class="mb-0">Telia mElu</h3>
<p>A redesign for a <a
href="https://web.archive.org/web/20170407101522/https://play.google.com/store/apps/details?id=com.curlify.telekom.melu">now-discontinued
app</a> that aimed to merge all things related to a family's home life - location tracking, shopping
list, notice board, TV channel and internet usage management.</p>
<a href="img/concepts/mElu/Tegemised.png" data-lightbox="melu" data-title="Actions"> <img
src="img/concepts/thumb/mElu/Tegemised.png" alt="Actions" height="100" width="auto"></a>
<a href="img/concepts/mElu/Asukohad.png" data-lightbox="melu" data-title="Locations"> <img
src="img/concepts/thumb/mElu/Asukohad.png" alt="Locations" height="100" width="auto"></a>
<a href="img/concepts/mElu/TV.png" data-lightbox="melu" data-title="Television"> <img
src="img/concepts/thumb/mElu/TV.png" alt="Television" height="100" width="auto"></a>
<a href="img/concepts/mElu/Internet.png" data-lightbox="melu" data-title="Internet usage"> <img
src="img/concepts/thumb/mElu/Internet.png" alt="Internet usage" height="100" width="auto"></a>
<a href="img/concepts/mElu/Sahtel.png" data-lightbox="melu" data-title="Navigation drawer"> <img
src="img/concepts/thumb/mElu/Sahtel.png" alt="Navigation drawer" height="100" width="auto"></a>
</div>
<div class="resume-date text-md-right">
<span class="text-primary">2016</span>
</div>
</div>
<div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="resume-content">
<h3 class="mb-0">TeamViewer</h3>
<p>Redesign for a popular screen sharing application that <a
href="https://web.archive.org/web/20150805221539/https://play.google.com/store/apps/details?id=com.teamviewer.teamviewer.market.mobile&hl=en">previously
looked very outdated</a> on mobile.</p>
<a href="img/concepts/TeamViewer/Connect.png" data-lightbox="teamviewer" data-title="Connect"> <img
src="img/concepts/thumb/TeamViewer/Connect.png" alt="Connect" height="100" width="auto"></a>
<a href="img/concepts/TeamViewer/Computers_Contacts.png" data-lightbox="teamviewer"
data-title="Computers & Contacts"> <img src="img/concepts/thumb/TeamViewer/Computers_Contacts.png"
alt="Computers & Contacts" height="100" width="auto"></a>
</div>
<div class="resume-date text-md-right">
<span class="text-primary">2016</span>
</div>
</div>
<div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="resume-content">
<h3 class="mb-0">Swedbank</h3>
<p>A redesign for <a
href="https://web.archive.org/web/20160914120448/https://play.google.com/store/apps/details?id=com.swedbank&hl=en">a
previous design</a> of a bank app with the goals of merging similar payment activities to one screen and
replacing the button grid with the navigation drawer.</p>
<a href="img/concepts/Swedbank/Maksed.png" data-lightbox="swedbank" data-title="Payments"> <img
src="img/concepts/thumb/Swedbank/Maksed.png" alt="Payments" height="100" width="auto"></a>
<a href="img/concepts/Swedbank/Ülevaade.png" data-lightbox="swedbank"
data-title="Account overview (sign in)"> <img src="img/concepts/thumb/Swedbank/Ülevaade.png"
alt="Account overview (sign in)" height="100" width="auto"></a>
<a href="img/concepts/Swedbank/Sahtel.png" data-lightbox="swedbank" data-title="Navigation drawer"> <img
src="img/concepts/thumb/Swedbank/Sahtel.png" alt="Navigation drawer" height="100" width="auto"></a>
</div>
<div class="resume-date text-md-right">
<span class="text-primary">2015</span>
</div>
</div>
</div>
</section>
<hr class="m-0">
<section class="resume-section p-3 p-lg-5 d-flex justify-content-center" id="translation">
<div class="w-100">
<h2 class="mb-5">Translation projects</h2>
<p>I translate the software I use to Estonian, in order to enjoy using them more and make it easier to
suggest them to others. This is a non-exhaustive list of projects I contribute to. Profiles: <a
href="https://crowdin.com/profile/MadisO">Crowdin</a>, <a
href="https://www.transifex.com/user/profile/MadisO/">Transifex</a>.</p>
<h3 class="subheading mb-3">Messaging platforms</h3>
<ul class="mb-0">
<li><a href="https://www.transifex.com/signalapp/signal-android/dashboard/">Signal</a></li>
<li><a href="https://crowdin.com/project/wire-android">Wire</a></li>
</ul><br>
<h3 class="subheading mb-3">Search engines</h3>
<ul class="mb-0">
<li><a href="https://github.com/duckduckgo/duckduckgo-locales/blob/master/locales/et_EE/LC_MESSAGES/duckduckgo.po">DuckDuckGo</a></li>
<li><a href="https://www.transifex.com/asciimoo/searx/dashboard/">Searx</a></li>
</ul><br>
<h3 class="subheading mb-3">Extensions and browsers</h3>
<ul class="mb-0">
<li><a href="https://crowdin.com/project/ublock">uBlock Origin</a></li>
<li><a href="https://www.transifex.com/otf/torproject/dashboard/">HTTPS Everywhere</a></li>
<li><a href="https://crowdin.com/project/decentraleyes">Decentraleyes</a></li>
<li><a href="https://crowdin.com/project/sponsorblock">SponsorBlock</a></li>
<li><a href="https://www.transifex.com/indicatetls/indicatetls-for-mozilla-firefox/dashboard/">IndicateTLS</a></li>
<li><a href="https://www.transifex.com/brave/brave/dashboard/">Brave Browser</a></li>
<li><a href="https://translations.vivaldi.com/projects/vivaldi/">Vivaldi Browser</a></li>
<li><a href="https://www.transifex.com/otf/torproject/dashboard/">Tor Browser</a></li>
</ul><br>
<h3 class="subheading mb-3">Android apps and ROMs</h3>
<ul class="mb-0">
<li><a href="https://www.smartlauncher.net/translate/">Smart Launcher</a> (project hidden)</li>
<li><a href="https://github.com/topjohnwu/Magisk/blob/master/app/src/main/res/values-et/strings.xml">Magisk
Manager</a></li>
<li><a href="https://crowdin.com/project/substratum">substratum</a></li>
<li><a href="https://www.transifex.com/otf/bitmask-android/dashboard/">Bitmask</a></li>
<li><a href="https://www.transifex.com/free-software-for-android/adaway/dashboard/">AdAway</a></li>
<li><a href="https://gitlab.com/AuroraOSS/AuroraStore">AuroraStore</a>/<a href="https://gitlab.com/AuroraOSS/auroradroid">AuroraDroid</a> (projects hidden)</li>
<li><a href="https://github.com/julian-klode/dns66/blob/master/app/src/main/res/values-et/strings.xml">DNS66</a></li>
<li><a href="https://github.com/koush/InkwireResources/blob/master/com.koushikdutta.inkwire/res/values-et/strings.xml">Inkwire</a></li>
<li><a href="https://crowdin.com/project/lineageos">LineageOS</a></li>
<li><a href="https://crowdin.com/project/OmniROM">OmniROM</a></li>
<li><a href="https://crowdin.com/project/crdroid-translation">CrDroid</a></li>
</ul><br>
<h3 class="subheading mb-3">Linux-specific projects</h3>
<ul class="mb-0">
<li><a href="https://www.transifex.com/manjarolinux/">Manjaro</a> core programs</li>
<li><a href="https://l10n.gnome.org/teams/et/">GNOME</a> and its programs</li>
<li><a href="https://crowdin.com/project/gsconnect">GSConnect</a></li>
<li><a href="https://www.transifex.com/calamares/calamares/dashboard/">Calamares</a></li>
</ul><br>
<h3 class="subheading mb-3">Minecraft and related</h3>
<ul class="mb-0">
<li><a href="https://crowdin.com/project/minecraft">Java Edition</a></li>
<li><a href="https://crowdin.com/project/minecraft-launcher">Launcher</a></li>
<li><a href="https://github.com/sp614x/optifine/blob/master/OptiFineDoc/assets/minecraft/optifine/lang/et_ee.lang">Optifine</a>
</li>
<li><a href="https://crowdin.com/project/minecraft-forge">Forge</a></li>
<li>Fabric <a href="https://github.com/FabricMC/fabric-installer/blob/master/src/main/resources/lang/installer_et_EE.properties">Installer</a>, <a href="https://github.com/TerraformersMC/ModMenu/blob/1.16/src/main/resources/assets/modmenu/lang/et_ee.json">Mod Menu</a> and many mods</li>
<li><a href="https://crowdin.com/project/multimc">MultiMC</a></li>
<li><a href="https://crowdin.com/project/essentialsx-official">EssentialsX</a>/<a href="https://crowdin.com/project/essentials-2">Essentials (legacy)</a></li>
<li><a href="https://crowdin.com/project/jobsreborn">JobsReborn</a></li>
<li>Bedrock Edition (unofficial <a href="https://crowdin.com/project/translations-for-minecraft">translation project</a>/<a href="https://gitlab.com/Madis0/mc-language-port">Python tool</a>)</li>
<li>Some other Spigot plugins...</li>
</ul><br>
</div>
</section>
</div>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Custom scripts for this template -->
<script src="js/resume.min.js"></script>
<!-- Lightbox -->
<script src="js/lightbox.min.js"></script>
</body>
</html>