/
index.html
126 lines (114 loc) · 5.62 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta property="og:title" content="Mo Kari">
<meta property="og:description" content="Hi :) I'm Mo. Nice to (kinda) meet you! Do you want to contact me? Maybe to collaborate on some cool ML research or to solve a hard data engineering problem? Or just grab some coffee? Feel free to reach out!">
<meta property="og:type" content="website">
<link type="text/css" rel="stylesheet" href="assets/main.css">
<script defer type="module">
import "./assets/main.mjs"
</script>
<title>Mo Kari</title>
</head>
<body>
<div id="terminal"
data-typing-style-lower="70"
data-typing-style-upper="140">
<!-- https://css-tricks.com/fighting-the-space-between-inline-block-elements/ -->
<!-- Because we need to break a typed commamd that is too long for the current line
_below_ the prompt without dragging previous letters into the next line too,
(resulting in multiple rectangular boxes) we cannot use flexbox.
Instead we use the hack _commenting out whitespace_.
-->
<noscript id="noscript-comand-sequence">
<div class="command">
<div class="input">
<span class="prompt">mo@Mos-MBP:~ $</span>
<span class="type" data-delay="800">ssh mkari.de</span><!--
--><span class="cursor nodisplay">▌</span>
</span>
</div>
<div class="output" data-delay="1300">
Last login: <span data-preprocess="replace-by-date">Thu Mar 26 09:39:05 GMT+01</span> on ttys001
</div>
</div>
<div class="command">
<div class="input">
<span class="prompt">mo@mkari.de:www $</span>
<span class="type" data-delay="700">whoami</span><!--
--><span class="cursor nodisplay">▌</span>
</div>
<div class="output" data-delay="0">
Machine Learning Researcher @Porsche
</div>
</div>
<div class="command">
<div class="input">
<span class="prompt">mo@mkari.de:www $</span>
<span class="type" data-delay="1000">cat greeeting.txt</span><!--
--><span class="cursor nodisplay">▌</span>
</div>
<div class="output pre-line"
data-delay="0"><!--
-->Hi :) I'm Mo. Nice to (kinda) meet you!
Do you want to contact me? Maybe to collaborate on some cool ML research or to solve a hard data engineering problem?
Or just grab some coffee?
Feel free to reach out!
</div>
</div>
<div class="command">
<div class="input">
<span class="prompt">mo@mkari.de:www $</span>
<span class="type"
data-delay="4500"
data-typing-style-lower="40",
data-typing-style-upper="90">
curl https://mkari.de/contact.json | python -m json.tool</span><!--
--><span class="cursor nodisplay">▌
</div>
<div class="output" data-delay="800">
<div class="pre-wrap desktop"><!--
-->{
<!-- --> "Email": "<a href='mailto:contact@mkari.de'>contact@mkari.de</a>",
<!-- -->
<!-- --> "Blog": "<a href='https://blog.mkari.de/'>blog.mkari.de</a>",
<!-- -->
<!-- --> "Profiles": {
<!-- --> "LinkedIn": "<a href='https://www.linkedin.com/in/MohamedKari'>linkedin.com/in/MohamedKari</a>",
<!-- --> "Xing": "<a href='https://www.xing.to/mkari'>xing.to/mkari</a>",
<!-- --> "GitHub": "<a href='https://www.github.com/MohamedKari'>github.com/MohamedKari</a>",
<!-- --> "Skype": "<a href='skype:mohamed.kari94'>mohamed.kari94</a>"
<!-- --> }
<!-- -->}
</div>
<div class="pre-wrap mobile"><!--
-->{
<!-- --> "Email":
<!-- --> "<a href='mailto:contact@mkari.de'>contact@mkari.de</a>",
<!-- --> "Blog":
<!-- --> "<a href='https://blog.mkari.de/'>blog.mkari.de</a>",
<!-- --> "Profiles": {
<!-- --> "LinkedIn":
<!-- --> "<a href='https://www.linkedin.com/in/MohamedKari'>linkedin.com/in/MohamedKari</a>",
<!-- --> "Xing":
<!-- --> "<a href='https://www.xing.to/mkari'>xing.to/mkari</a>",
<!-- --> "GitHub":
<!-- --> "<a href='https://www.github.com/MohamedKari'>github.com/MohamedKari</a>",
<!-- --> "Skype":
<!-- --> "<a href='skype:mohamed.kari94'>mohamed.kari94</a>"
<!-- --> }
<!-- -->}
</div>
</div>
</div>
<!--Public Key: ""-->
<!-- References
$ bibtex show | awk
...
-->
</noscript>
</div>
</body>
</html>