-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
141 lines (102 loc) · 31.8 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Teo Dragovic</title>
<meta name="view-transition" content="same-origin" />
<style>*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}html{cursor:default;font-size:125%}body,html{height:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-overflow-style:scrollbar;font-family:Georgia;-webkit-font-feature-settings:"liga","kern";font-feature-settings:"liga","kern";-webkit-font-kerning:normal;font-kerning:normal;font-size:100%;line-height:1.2;margin:0;min-height:100%;text-rendering:optimizeLegibility}hr{border:0;border-top:4px double #000;margin:2rem 0}img{height:auto;max-width:100%}::-moz-selection{background-color:#000;color:#fff;text-shadow:none}::selection{background-color:#000;color:#fff;text-shadow:none}a{color:#000;text-decoration:underline;-webkit-text-decoration-skip:objects;text-decoration-skip:objects;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;text-decoration-thickness:1px}a:focus,a:hover{color:#639}:not(pre)>code{background:#eee;font-family:Fira Mono,monospace;font-size:90%;padding:0 .2725em}.header{display:-webkit-box;display:-ms-flexbox;display:flex;padding:1rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header .header__logo{-webkit-box-flex:0;display:inline-block;-ms-flex:none;flex:none;height:20px}.header .header__logo svg{height:100%;width:auto}.header .header__link{-webkit-box-flex:0;-ms-flex:none;flex:none;margin-left:auto}.root{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.root>section{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}kbd{background-color:#eee;border:1px solid #b4b4b4;border-radius:3px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.2),inset 0 2px 0 0 hsla(0,0%,100%,.7);box-shadow:0 1px 1px rgba(0,0,0,.2),inset 0 2px 0 0 hsla(0,0%,100%,.7);color:#333;display:inline-block;font-size:.85em;font-weight:700;line-height:1;padding:2px 4px;white-space:nowrap}.homepage{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;padding:1rem;text-align:center;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.homepage__inner{display:block;max-width:40rem;width:90%}.homepage__subtitle{font-size:120%;margin-top:0;text-transform:lowercase}@media screen and (min-width:600px){.homepage__subtitle{font-size:2rem}}.homepage__links{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;margin:0;padding:0;-ms-flex-pack:distribute;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-around}.homepage__links li{-webkit-box-flex:0;-ms-flex:0 1 100px;flex:0 1 100px;margin-bottom:1rem}.homepage__links a{color:inherit;display:inline-block;font-size:1.8rem;padding:.5rem;-ms-touch-action:manipulation;touch-action:manipulation}@media screen and (min-width:600px){.homepage__links a{font-size:2.5rem}}.homepage__icon{display:inline-block;height:1em;overflow:hidden;width:1em}.postlist{margin:0 auto;max-width:50ch;padding:10% 15px;width:100%}.postlist__item{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin-bottom:20px;padding-bottom:20px}.postlist__date{font-size:16px}.postlist__link{display:block;text-decoration:none}.postlist__title{font-weight:700;margin-bottom:10px;margin-top:0;text-decoration:underline}.postlist__subtitle{margin-top:0;text-decoration:none}input[type=radio]{left:-9999px;position:absolute}.filters{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.filters li{display:inline-block;margin:0 10px}.filters label{border:1px solid #333;cursor:pointer;font-family:sans-serif;font-size:80%;padding:5px 10px;-webkit-transition:all .3s;transition:all .3s}[value=all]:checked~.filters [for=all],[value=casual]:checked~.filters [for=casual],[value=link]:checked~.filters [for=links],[value=tech]:checked~.filters [for=tech]{background-color:#333;color:#fff}[value=all]:checked~.postlist [data-category]{display:block}[value=casual]:checked~.postlist .postlist__item:not([data-category*=food]):not([data-category*=family]):not([data-category*=sven]):not([data-category*=health]):not([data-category*=money]):not([data-category*=rap]):not([data-category*=games]):not([data-category*=books]):not([data-category*=tv]):not([data-category*=comic]):not([data-category*=home]):not([data-category*=diary]),[value=link]:checked~.postlist .postlist__item:not([data-category*=link]),[value=tech]:checked~.postlist .postlist__item:not([data-category*=tech]):not([data-category*=workflow]):not([data-category*=js]):not([data-category*=dev]):not([data-category*=sass]):not([data-category*=css]):not([data-category*=html]):not([data-category*=windows]):not([data-category*=backend]):not([data-category*=git]){display:none}.post{margin:0 auto;max-width:50ch;padding:10% 15px;width:100%}.post h1,.post h2,.post h3,.post h4,.post h5,.post h6{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:700;line-height:1}.post h2,.post h3,.post h4,.post h5,.post h6{margin-top:2em}.post:after{background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#fff));background:linear-gradient(transparent,#fff);bottom:0;content:"";height:80px;left:0;pointer-events:none;position:fixed;width:100%}.post__date{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px}.post__title{margin-bottom:40px;margin-top:0}.post__content{line-height:1.4}.post__content .direct-link{color:#ccc;font-size:70%;text-decoration:none}@media screen and (min-width:600px){.post__content .direct-link{margin-left:-20px}}.post__content .direct-link:focus,.post__content .direct-link:hover{color:#000}.post__content blockquote{border-left:5px solid #eee;font-style:italic;margin-left:0;padding-left:20px}.post__content table{border-collapse:collapse;width:100%}.post__content table tr{border-bottom:1px solid #ccc}.post__content table td,.post__content table th{padding:5px}.post__content a{overflow-wrap:break-word;word-wrap:break-word;word-break:break-all;word-break:break-word}.post__content img{width:100%}code[class*=language-],pre{background:#322931;color:#e0e0e0;direction:ltr;font-family:Fira Mono,Menlo,Monaco,Lucida Console,Courier New,Courier,monospace;font-size:16px;-ms-hyphens:none;hyphens:none;line-height:1.375;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;white-space:pre;word-spacing:normal}pre>code[class*=language-]{font-size:1em}pre{margin:.5em 0;overflow:auto;padding:1em}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#797379}.token.punctuation{color:#b9b5b8}.namespace{opacity:.7}.token.boolean,.token.null,.token.number,.token.operator{color:#fd8b19}.token.property{color:#fdcc59}.token.tag{color:#1290bf}.token.string{color:#149b93}.token.selector{color:#c85e7c}.token.attr-name{color:#fd8b19}.language-css .token.string,.style .token.string,.token.entity,.token.url{color:#149b93}.token.attr-value,.token.control,.token.directive,.token.keyword,.token.unit{color:#8fc13e}.token.atrule,.token.regex,.token.statement{color:#149b93}.token.placeholder,.token.variable{color:#1290bf}.token.important{color:#dd464c;font-weight:700}.token.entity{cursor:help}pre>code.highlight{outline:.4em solid red;outline-offset:.4em}pre.language-diff>code .token.deleted:not(.prefix),pre>code.language-diff .token.deleted:not(.prefix){color:red;display:block}pre.language-diff>code .token.inserted:not(.prefix),pre>code.language-diff .token.inserted:not(.prefix){color:#00e400;display:block}.cp_embed_wrapper{background:#fff;height:400px;overflow:hidden;padding-bottom:10px;resize:both}.cp_embed_wrapper iframe{height:100%!important}
/*# sourceMappingURL=data:application/json;base64,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OmJvcmRlci1ib3h9aHRtbHtjdXJzb3I6ZGVmYXVsdDtoZWlnaHQ6MTAwJTtmb250LXNpemU6MTI1JTt0ZXh0LXNpemUtYWRqdXN0OjEwMCV9Ym9keXstd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6cmdiYSgwLDAsMCwwKTstbXMtb3ZlcmZsb3ctc3R5bGU6c2Nyb2xsYmFyO21pbi1oZWlnaHQ6MTAwJTtoZWlnaHQ6MTAwJTttYXJnaW46MDtmb250LXNpemU6MTAwJTtmb250LWtlcm5pbmc6bm9ybWFsO3RleHQtc2l6ZS1hZGp1c3Q6MTAwJTtmb250LWZlYXR1cmUtc2V0dGluZ3M6XCJsaWdhXCIsXCJrZXJuXCI7dGV4dC1yZW5kZXJpbmc6b3B0aW1pemVMZWdpYmlsaXR5O2ZvbnQtZmFtaWx5Okdlb3JnaWE7bGluZS1oZWlnaHQ6MS4yfWhye2JvcmRlcjowO2JvcmRlci10b3A6NHB4IGRvdWJsZSAjMDAwO21hcmdpbjoycmVtIDB9aW1ne21heC13aWR0aDoxMDAlO2hlaWdodDphdXRvfTo6LW1vei1zZWxlY3Rpb257YmFja2dyb3VuZC1jb2xvcjojMDAwO2NvbG9yOiNmZmY7dGV4dC1zaGFkb3c6bm9uZX06OnNlbGVjdGlvbntiYWNrZ3JvdW5kLWNvbG9yOiMwMDA7Y29sb3I6I2ZmZjt0ZXh0LXNoYWRvdzpub25lfWF7Y29sb3I6IzAwMDt0ZXh0LWRlY29yYXRpb246dW5kZXJsaW5lO3RleHQtZGVjb3JhdGlvbi1za2lwOm9iamVjdHM7dGV4dC1kZWNvcmF0aW9uLXNraXAtaW5rOmF1dG87dGV4dC1kZWNvcmF0aW9uLXRoaWNrbmVzczoxcHh9YTpob3ZlcixhOmZvY3Vze2NvbG9yOiM2Mzl9Om5vdChwcmUpPmNvZGV7YmFja2dyb3VuZDojZWVlO3BhZGRpbmc6MCAuMjcyNWVtO2ZvbnQtZmFtaWx5OlwiRmlyYSBNb25vXCIsbW9ub3NwYWNlO2ZvbnQtc2l6ZTo5MCV9LmhlYWRlcntwYWRkaW5nOjFyZW07ZGlzcGxheTpmbGV4O2FsaWduLWl0ZW1zOmNlbnRlcn0uaGVhZGVyIC5oZWFkZXJfX2xvZ297ZmxleDpub25lO2hlaWdodDoyMHB4O2Rpc3BsYXk6aW5saW5lLWJsb2NrfS5oZWFkZXIgLmhlYWRlcl9fbG9nbyBzdmd7d2lkdGg6YXV0bztoZWlnaHQ6MTAwJX0uaGVhZGVyIC5oZWFkZXJfX2xpbmt7ZmxleDpub25lO21hcmdpbi1sZWZ0OmF1dG99LnJvb3R7ZGlzcGxheTpmbGV4O2ZsZXgtZGlyZWN0aW9uOmNvbHVtbn0ucm9vdD5zZWN0aW9ue2ZsZXg6MSAxIGF1dG99a2Jke2JhY2tncm91bmQtY29sb3I6I2VlZTtib3JkZXItcmFkaXVzOjNweDtib3JkZXI6MXB4IHNvbGlkICNiNGI0YjQ7Ym94LXNoYWRvdzowIDFweCAxcHggcmdiYSgwLDAsMCwuMiksMCAycHggMCAwIHJnYmEoMjU1LDI1NSwyNTUsLjcpIGluc2V0O2NvbG9yOiMzMzM7ZGlzcGxheTppbmxpbmUtYmxvY2s7Zm9udC1zaXplOi44NWVtO2ZvbnQtd2VpZ2h0OjcwMDtsaW5lLWhlaWdodDoxO3BhZGRpbmc6MnB4IDRweDt3aGl0ZS1zcGFjZTpub3dyYXB9LmhvbWVwYWdle3dpZHRoOjEwMCU7aGVpZ2h0OjEwMCU7cGFkZGluZzoxcmVtO3RleHQtYWxpZ246Y2VudGVyO2Rpc3BsYXk6ZmxleDthbGlnbi1pdGVtczpjZW50ZXI7anVzdGlmeS1jb250ZW50OmNlbnRlcn0uaG9tZXBhZ2VfX2lubmVye2Rpc3BsYXk6YmxvY2s7d2lkdGg6OTAlO21heC13aWR0aDo0MHJlbX0uaG9tZXBhZ2VfX3N1YnRpdGxle2ZvbnQtc2l6ZToxMjAlO3RleHQtdHJhbnNmb3JtOmxvd2VyY2FzZTttYXJnaW4tdG9wOjB9QG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNjAwcHgpey5ob21lcGFnZV9fc3VidGl0bGV7Zm9udC1zaXplOjJyZW19fS5ob21lcGFnZV9fbGlua3N7bGlzdC1zdHlsZTpub25lO3BhZGRpbmc6MDttYXJnaW46MDtkaXNwbGF5OmZsZXg7anVzdGlmeS1jb250ZW50OnNwYWNlLWFyb3VuZDtmbGV4LXdyYXA6d3JhcH0uaG9tZXBhZ2VfX2xpbmtzIGxpe2ZsZXg6MCAxIDEwMHB4O21hcmdpbi1ib3R0b206MXJlbX0uaG9tZXBhZ2VfX2xpbmtzIGF7Zm9udC1zaXplOjEuOHJlbTt0b3VjaC1hY3Rpb246bWFuaXB1bGF0aW9uO2NvbG9yOmluaGVyaXQ7ZGlzcGxheTppbmxpbmUtYmxvY2s7cGFkZGluZzouNXJlbX1AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA2MDBweCl7LmhvbWVwYWdlX19saW5rcyBhe2ZvbnQtc2l6ZToyLjVyZW19fS5ob21lcGFnZV9faWNvbntvdmVyZmxvdzpoaWRkZW47ZGlzcGxheTppbmxpbmUtYmxvY2s7d2lkdGg6MWVtO2hlaWdodDoxZW19LnBvc3RsaXN0e3dpZHRoOjEwMCU7bWF4LXdpZHRoOjUwY2g7bWFyZ2luOjAgYXV0bztwYWRkaW5nOjEwJSAxNXB4fS5wb3N0bGlzdF9faXRlbXtmb250LWZhbWlseTotYXBwbGUtc3lzdGVtLEJsaW5rTWFjU3lzdGVtRm9udCxcIlNlZ29lIFVJXCIsXCJSb2JvdG9cIixcIk94eWdlblwiLFwiVWJ1bnR1XCIsXCJDYW50YXJlbGxcIixcIkZpcmEgU2Fuc1wiLFwiRHJvaWQgU2Fuc1wiLFwiSGVsdmV0aWNhIE5ldWVcIixzYW5zLXNlcmlmO3BhZGRpbmctYm90dG9tOjIwcHg7bWFyZ2luLWJvdHRvbToyMHB4fS5wb3N0bGlzdF9fZGF0ZXtmb250LXNpemU6MTZweH0ucG9zdGxpc3RfX2xpbmt7ZGlzcGxheTpibG9jazt0ZXh0LWRlY29yYXRpb246bm9uZX0ucG9zdGxpc3RfX3RpdGxle2ZvbnQtd2VpZ2h0OjcwMDttYXJnaW4tdG9wOjA7bWFyZ2luLWJvdHRvbToxMHB4O3RleHQtZGVjb3JhdGlvbjp1bmRlcmxpbmV9LnBvc3RsaXN0X19zdWJ0aXRsZXttYXJnaW4tdG9wOjA7dGV4dC1kZWNvcmF0aW9uOm5vbmV9aW5wdXRbdHlwZT1yYWRpb117cG9zaXRpb246YWJzb2x1dGU7bGVmdDotOTk5OXB4fS5maWx0ZXJze2Rpc3BsYXk6ZmxleDthbGlnbi1pdGVtczpjZW50ZXI7anVzdGlmeS1jb250ZW50OmNlbnRlcn0uZmlsdGVycyBsaXtkaXNwbGF5OmlubGluZS1ibG9jazttYXJnaW46MCAxMHB4fS5maWx0ZXJzIGxhYmVse3RyYW5zaXRpb246YWxsIC4zcztjdXJzb3I6cG9pbnRlcjtwYWRkaW5nOjVweCAxMHB4O2JvcmRlcjoxcHggc29saWQgIzMzMztmb250LXNpemU6ODAlO2ZvbnQtZmFtaWx5OnNhbnMtc2VyaWZ9W3ZhbHVlPWFsbF06Y2hlY2tlZH4uZmlsdGVycyBbZm9yPWFsbF0sW3ZhbHVlPXRlY2hdOmNoZWNrZWR+LmZpbHRlcnMgW2Zvcj10ZWNoXSxbdmFsdWU9Y2FzdWFsXTpjaGVja2Vkfi5maWx0ZXJzIFtmb3I9Y2FzdWFsXSxbdmFsdWU9bGlua106Y2hlY2tlZH4uZmlsdGVycyBbZm9yPWxpbmtzXXtiYWNrZ3JvdW5kLWNvbG9yOiMzMzM7Y29sb3I6I2ZmZn1bdmFsdWU9YWxsXTpjaGVja2Vkfi5wb3N0bGlzdCBbZGF0YS1jYXRlZ29yeV17ZGlzcGxheTpibG9ja31bdmFsdWU9dGVjaF06Y2hlY2tlZH4ucG9zdGxpc3QgLnBvc3RsaXN0X19pdGVtOm5vdChbZGF0YS1jYXRlZ29yeSo9dGVjaF0pOm5vdChbZGF0YS1jYXRlZ29yeSo9d29ya2Zsb3ddKTpub3QoW2RhdGEtY2F0ZWdvcnkqPWpzXSk6bm90KFtkYXRhLWNhdGVnb3J5Kj1kZXZdKTpub3QoW2RhdGEtY2F0ZWdvcnkqPXNhc3NdKTpub3QoW2RhdGEtY2F0ZWdvcnkqPWNzc10pOm5vdChbZGF0YS1jYXRlZ29yeSo9aHRtbF0pOm5vdChbZGF0YS1jYXRlZ29yeSo9d2luZG93c10pOm5vdChbZGF0YS1jYXRlZ29yeSo9YmFja2VuZF0pOm5vdChbZGF0YS1jYXRlZ29yeSo9Z2l0XSl7ZGlzcGxheTpub25lfVt2YWx1ZT1jYXN1YWxdOmNoZWNrZWR+LnBvc3RsaXN0IC5wb3N0bGlzdF9faXRlbTpub3QoW2RhdGEtY2F0ZWdvcnkqPWZvb2RdKTpub3QoW2RhdGEtY2F0ZWdvcnkqPWZhbWlseV0pOm5vdChbZGF0YS1jYXRlZ29yeSo9c3Zlbl0pOm5vdChbZGF0YS1jYXRlZ29yeSo9aGVhbHRoXSk6bm90KFtkYXRhLWNhdGVnb3J5Kj1tb25leV0pOm5vdChbZGF0YS1jYXRlZ29yeSo9cmFwXSk6bm90KFtkYXRhLWNhdGVnb3J5Kj1nYW1lc10pOm5vdChbZGF0YS1jYXRlZ29yeSo9Ym9va3NdKTpub3QoW2RhdGEtY2F0ZWdvcnkqPXR2XSk6bm90KFtkYXRhLWNhdGVnb3J5Kj1jb21pY10pOm5vdChbZGF0YS1jYXRlZ29yeSo9aG9tZV0pOm5vdChbZGF0YS1jYXRlZ29yeSo9ZGlhcnldKXtkaXNwbGF5Om5vbmV9W3ZhbHVlPWxpbmtdOmNoZWNrZWR+LnBvc3RsaXN0IC5wb3N0bGlzdF9faXRlbTpub3QoW2RhdGEtY2F0ZWdvcnkqPWxpbmtdKXtkaXNwbGF5Om5vbmV9LnBvc3R7d2lkdGg6MTAwJTttYXgtd2lkdGg6NTBjaDttYXJnaW46MCBhdXRvO3BhZGRpbmc6MTAlIDE1cHh9LnBvc3QgaDEsLnBvc3QgaDIsLnBvc3QgaDMsLnBvc3QgaDQsLnBvc3QgaDUsLnBvc3QgaDZ7Zm9udC1mYW1pbHk6LWFwcGxlLXN5c3RlbSxCbGlua01hY1N5c3RlbUZvbnQsXCJTZWdvZSBVSVwiLFwiUm9ib3RvXCIsXCJPeHlnZW5cIixcIlVidW50dVwiLFwiQ2FudGFyZWxsXCIsXCJGaXJhIFNhbnNcIixcIkRyb2lkIFNhbnNcIixcIkhlbHZldGljYSBOZXVlXCIsc2Fucy1zZXJpZjtmb250LXdlaWdodDo3MDA7bGluZS1oZWlnaHQ6MX0ucG9zdCBoMiwucG9zdCBoMywucG9zdCBoNCwucG9zdCBoNSwucG9zdCBoNnttYXJnaW4tdG9wOjJlbX0ucG9zdDphZnRlcntjb250ZW50OlwiXCI7cG9zaXRpb246Zml4ZWQ7d2lkdGg6MTAwJTtoZWlnaHQ6ODBweDtsZWZ0OjA7Ym90dG9tOjA7cG9pbnRlci1ldmVudHM6bm9uZTtiYWNrZ3JvdW5kOmxpbmVhci1ncmFkaWVudCh0cmFuc3BhcmVudCwgd2hpdGUpfS5wb3N0X19kYXRle2ZvbnQtZmFtaWx5Oi1hcHBsZS1zeXN0ZW0sQmxpbmtNYWNTeXN0ZW1Gb250LFwiU2Vnb2UgVUlcIixcIlJvYm90b1wiLFwiT3h5Z2VuXCIsXCJVYnVudHVcIixcIkNhbnRhcmVsbFwiLFwiRmlyYSBTYW5zXCIsXCJEcm9pZCBTYW5zXCIsXCJIZWx2ZXRpY2EgTmV1ZVwiLHNhbnMtc2VyaWY7Zm9udC1zaXplOjE2cHh9LnBvc3RfX3RpdGxle21hcmdpbi10b3A6MDttYXJnaW4tYm90dG9tOjQwcHh9LnBvc3RfX2NvbnRlbnR7bGluZS1oZWlnaHQ6MS40fS5wb3N0X19jb250ZW50IC5kaXJlY3QtbGlua3t0ZXh0LWRlY29yYXRpb246bm9uZTtmb250LXNpemU6NzAlO2NvbG9yOiNjY2N9QG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNjAwcHgpey5wb3N0X19jb250ZW50IC5kaXJlY3QtbGlua3ttYXJnaW4tbGVmdDotMjBweH19LnBvc3RfX2NvbnRlbnQgLmRpcmVjdC1saW5rOmhvdmVyLC5wb3N0X19jb250ZW50IC5kaXJlY3QtbGluazpmb2N1c3tjb2xvcjojMDAwfS5wb3N0X19jb250ZW50IGJsb2NrcXVvdGV7Ym9yZGVyLWxlZnQ6NXB4IHNvbGlkICNlZWU7cGFkZGluZy1sZWZ0OjIwcHg7bWFyZ2luLWxlZnQ6MDtmb250LXN0eWxlOml0YWxpY30ucG9zdF9fY29udGVudCB0YWJsZXt3aWR0aDoxMDAlO2JvcmRlci1jb2xsYXBzZTpjb2xsYXBzZX0ucG9zdF9fY29udGVudCB0YWJsZSB0cntib3JkZXItYm90dG9tOjFweCBzb2xpZCAjY2NjfS5wb3N0X19jb250ZW50IHRhYmxlIHRkLC5wb3N0X19jb250ZW50IHRhYmxlIHRoe3BhZGRpbmc6NXB4fS5wb3N0X19jb250ZW50IGF7b3ZlcmZsb3ctd3JhcDpicmVhay13b3JkO3dvcmQtd3JhcDpicmVhay13b3JkO3dvcmQtYnJlYWs6YnJlYWstYWxsO3dvcmQtYnJlYWs6YnJlYWstd29yZH0ucG9zdF9fY29udGVudCBpbWd7d2lkdGg6MTAwJX1jb2RlW2NsYXNzKj1sYW5ndWFnZS1dLHByZXtmb250LWZhbWlseTpcIkZpcmEgTW9ub1wiLE1lbmxvLE1vbmFjbyxcIkx1Y2lkYSBDb25zb2xlXCIsXCJDb3VyaWVyIE5ld1wiLENvdXJpZXIsbW9ub3NwYWNlO2ZvbnQtc2l6ZToxNnB4O2xpbmUtaGVpZ2h0OjEuMzc1O2RpcmVjdGlvbjpsdHI7dGV4dC1hbGlnbjpsZWZ0O3dvcmQtc3BhY2luZzpub3JtYWw7dGFiLXNpemU6NDtoeXBoZW5zOm5vbmU7d2hpdGUtc3BhY2U6cHJlO2JhY2tncm91bmQ6IzMyMjkzMTtjb2xvcjojZTBlMGUwfXByZT5jb2RlW2NsYXNzKj1sYW5ndWFnZS1de2ZvbnQtc2l6ZToxZW19cHJle3BhZGRpbmc6MWVtO21hcmdpbjouNWVtIDA7b3ZlcmZsb3c6YXV0b306bm90KHByZSk+Y29kZVtjbGFzcyo9bGFuZ3VhZ2UtXXtwYWRkaW5nOi4xZW07Ym9yZGVyLXJhZGl1czouM2VtfS50b2tlbi5jb21tZW50LC50b2tlbi5wcm9sb2csLnRva2VuLmRvY3R5cGUsLnRva2VuLmNkYXRhe2NvbG9yOiM3OTczNzl9LnRva2VuLnB1bmN0dWF0aW9ue2NvbG9yOiNiOWI1Yjh9Lm5hbWVzcGFjZXtvcGFjaXR5Oi43fS50b2tlbi5udWxsLC50b2tlbi5vcGVyYXRvciwudG9rZW4uYm9vbGVhbiwudG9rZW4ubnVtYmVye2NvbG9yOiNmZDhiMTl9LnRva2VuLnByb3BlcnR5e2NvbG9yOiNmZGNjNTl9LnRva2VuLnRhZ3tjb2xvcjojMTI5MGJmfS50b2tlbi5zdHJpbmd7Y29sb3I6IzE0OWI5M30udG9rZW4uc2VsZWN0b3J7Y29sb3I6I2M4NWU3Y30udG9rZW4uYXR0ci1uYW1le2NvbG9yOiNmZDhiMTl9LnRva2VuLmVudGl0eSwudG9rZW4udXJsLC5sYW5ndWFnZS1jc3MgLnRva2VuLnN0cmluZywuc3R5bGUgLnRva2VuLnN0cmluZ3tjb2xvcjojMTQ5YjkzfS50b2tlbi5hdHRyLXZhbHVlLC50b2tlbi5rZXl3b3JkLC50b2tlbi5jb250cm9sLC50b2tlbi5kaXJlY3RpdmUsLnRva2VuLnVuaXR7Y29sb3I6IzhmYzEzZX0udG9rZW4uc3RhdGVtZW50LC50b2tlbi5yZWdleCwudG9rZW4uYXRydWxle2NvbG9yOiMxNDliOTN9LnRva2VuLnBsYWNlaG9sZGVyLC50b2tlbi52YXJpYWJsZXtjb2xvcjojMTI5MGJmfS50b2tlbi5pbXBvcnRhbnR7Y29sb3I6I2RkNDY0Yztmb250LXdlaWdodDpib2xkfS50b2tlbi5lbnRpdHl7Y3Vyc29yOmhlbHB9cHJlPmNvZGUuaGlnaGxpZ2h0e291dGxpbmU6LjRlbSBzb2xpZCByZWQ7b3V0bGluZS1vZmZzZXQ6LjRlbX1wcmUubGFuZ3VhZ2UtZGlmZj5jb2RlIC50b2tlbi5kZWxldGVkOm5vdCgucHJlZml4KSxwcmU+Y29kZS5sYW5ndWFnZS1kaWZmIC50b2tlbi5kZWxldGVkOm5vdCgucHJlZml4KXtjb2xvcjpyZWQ7ZGlzcGxheTpibG9ja31wcmUubGFuZ3VhZ2UtZGlmZj5jb2RlIC50b2tlbi5pbnNlcnRlZDpub3QoLnByZWZpeCkscHJlPmNvZGUubGFuZ3VhZ2UtZGlmZiAudG9rZW4uaW5zZXJ0ZWQ6bm90KC5wcmVmaXgpe2NvbG9yOiMwMGU0MDA7ZGlzcGxheTpibG9ja30uY3BfZW1iZWRfd3JhcHBlcntvdmVyZmxvdzpoaWRkZW47cmVzaXplOmJvdGg7YmFja2dyb3VuZDojZmZmO3BhZGRpbmctYm90dG9tOjEwcHg7aGVpZ2h0OjQwMHB4fS5jcF9lbWJlZF93cmFwcGVyIGlmcmFtZXtoZWlnaHQ6MTAwJSAhaW1wb3J0YW50fVxuIl19 */</style>
</head>
<body class="root">
<header class="header">
<a class="header__link" href="/blog/">blog</a>
</header>
<section class="homepage">
<div class="homepage__inner">
<h1 class="homepage__title"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 538.456 47.58" aria-labelledby="name" role="img">
<title id="name">Teo Dragovic</title>
<path d="M13.325 12.935H0V1.04h41.99v11.895H28.665V46.54h-15.34V12.935z"/>
<path d="M83.785 34.97v11.57h-37.83V1.04H82.94v11.57H61.035v5.33h19.24v11.05h-19.24v5.98h22.75z"/>
<path d="M100.359 44.525c-3.9-2.036-6.955-4.864-9.165-8.482-2.21-3.618-3.315-7.703-3.315-12.252s1.105-8.634 3.315-12.252c2.21-3.618 5.265-6.445 9.165-8.482C104.259 1.019 108.657 0 113.554 0c4.896 0 9.295 1.019 13.195 3.055 3.9 2.037 6.955 4.865 9.165 8.482 2.21 3.619 3.315 7.703 3.315 12.252s-1.105 8.635-3.315 12.252c-2.21 3.619-5.265 6.446-9.165 8.482-3.9 2.037-8.298 3.055-13.195 3.055-4.897.002-9.295-1.016-13.195-3.053zm18.363-10.757c1.538-.931 2.763-2.253 3.672-3.965.91-1.711 1.365-3.715 1.365-6.013 0-2.296-.455-4.3-1.365-6.013-.91-1.711-2.135-3.032-3.672-3.965-1.539-.931-3.261-1.397-5.167-1.397-1.907 0-3.63.466-5.167 1.397-1.539.933-2.763 2.254-3.672 3.965-.91 1.712-1.365 3.716-1.365 6.013 0 2.297.455 4.301 1.365 6.013.91 1.712 2.134 3.034 3.672 3.965 1.538.932 3.26 1.397 5.167 1.397 1.905 0 3.628-.465 5.167-1.397z"/>
<path d="M164.318 1.04h22.425c5.07 0 9.544.921 13.423 2.763 3.877 1.842 6.89 4.475 9.035 7.897 2.145 3.423 3.218 7.454 3.218 12.09 0 4.637-1.073 8.667-3.218 12.09-2.145 3.424-5.157 6.056-9.035 7.897-3.879 1.843-8.353 2.763-13.423 2.763h-22.425V1.04zm21.775 33.54c3.292 0 5.925-.942 7.897-2.828 1.971-1.885 2.958-4.539 2.958-7.962s-.986-6.078-2.958-7.962c-1.972-1.885-4.605-2.828-7.897-2.828h-6.435v21.58h6.435z"/>
<path d="M237.507 35.1h-4.16v11.44h-15.34V1.04h21.905c4.202 0 7.864.694 10.984 2.08 3.12 1.387 5.525 3.38 7.215 5.98 1.69 2.6 2.535 5.634 2.535 9.1 0 3.25-.737 6.088-2.21 8.515-1.474 2.428-3.597 4.355-6.37 5.785l9.556 14.04h-16.38l-7.735-11.44zm6.111-20.832c-1.04-.931-2.601-1.397-4.681-1.397h-5.59v10.66h5.59c2.08 0 3.641-.465 4.681-1.398 1.04-.931 1.56-2.242 1.56-3.932s-.52-3.001-1.56-3.933z"/>
<path d="M300.437 38.61h-17.29l-3.055 7.93h-15.601l19.891-45.5h15.08l19.89 45.5h-15.86l-3.055-7.93zm-4.225-11.05l-4.42-11.44-4.421 11.44h8.841z"/>
<path d="M348.267 22.555h13.325v19.24c-2.688 1.864-5.808 3.294-9.36 4.29-3.554.997-7.042 1.495-10.465 1.495-4.854 0-9.208-1.007-13.064-3.022-3.857-2.015-6.88-4.832-9.067-8.45-2.189-3.618-3.283-7.724-3.283-12.317s1.094-8.699 3.283-12.317c2.188-3.618 5.242-6.435 9.164-8.45S337.152 0 342.092 0c4.463 0 8.46.748 11.992 2.243 3.531 1.495 6.468 3.672 8.808 6.532l-9.814 8.645c-2.86-3.336-6.263-5.005-10.205-5.005-3.38 0-6.067 1.019-8.061 3.055-1.993 2.037-2.989 4.81-2.989 8.32 0 3.424.984 6.175 2.957 8.255 1.972 2.08 4.604 3.12 7.897 3.12 1.95 0 3.813-.368 5.59-1.105V22.555z"/>
<path d="M378.817 44.525c-3.9-2.036-6.955-4.864-9.165-8.482-2.21-3.618-3.315-7.703-3.315-12.252s1.105-8.634 3.315-12.252c2.21-3.618 5.265-6.445 9.165-8.482C382.716 1.019 387.115 0 392.011 0s9.296 1.019 13.195 3.055c3.9 2.037 6.955 4.865 9.165 8.482 2.21 3.619 3.315 7.703 3.315 12.252s-1.105 8.635-3.315 12.252c-2.21 3.619-5.265 6.446-9.165 8.482-3.899 2.037-8.299 3.055-13.195 3.055s-9.295-1.016-13.194-3.053zm18.362-10.757c1.538-.931 2.763-2.253 3.673-3.965.909-1.711 1.364-3.715 1.364-6.013 0-2.296-.455-4.3-1.364-6.013-.91-1.711-2.135-3.032-3.673-3.965-1.539-.931-3.261-1.397-5.168-1.397s-3.63.466-5.167 1.397c-1.539.933-2.763 2.254-3.673 3.965-.91 1.712-1.364 3.716-1.364 6.013 0 2.297.454 4.301 1.364 6.013.91 1.712 2.134 3.034 3.673 3.965 1.537.932 3.26 1.397 5.167 1.397s3.629-.465 5.168-1.397z"/>
<path d="M468.272 1.04l-19.24 45.5h-15.08l-19.24-45.5h16.511l10.854 26.585L453.192 1.04h15.08z"/>
<path d="M471.766 1.04h15.34v45.5h-15.34V1.04z"/>
<path d="M505.046 44.558c-3.857-2.015-6.88-4.832-9.067-8.45-2.189-3.618-3.283-7.724-3.283-12.317s1.094-8.699 3.283-12.317c2.188-3.618 5.21-6.435 9.067-8.45 3.856-2.015 8.189-3.022 13-3.022 4.42 0 8.362.78 11.83 2.34 3.466 1.56 6.326 3.814 8.579 6.76l-9.685 8.645c-2.817-3.553-6.132-5.33-9.945-5.33-3.207 0-5.784 1.03-7.734 3.087-1.95 2.059-2.925 4.821-2.925 8.288 0 3.467.975 6.23 2.925 8.288 1.95 2.059 4.527 3.087 7.734 3.087 3.813 0 7.128-1.776 9.945-5.33l9.685 8.645c-2.253 2.947-5.113 5.2-8.579 6.76-3.468 1.56-7.41 2.34-11.83 2.34-4.81-.002-9.143-1.009-13-3.024z"/>
</svg>
</h1>
<p class="homepage__subtitle">Web developer</p>
<ul class="homepage__links">
<li>
<a href="https://stackoverflow.com/users/2382115/teo-dragovic" aria-label="Stack Overflow">
<svg
class="homepage__icon"
role="img"
>
<title>Stack Overflow</title>
<use xlink:href="#icon-stack-overflow"></use>
</svg>
</a>
</li>
<li>
<a href="https://github.com/teodragovic" aria-label="Github">
<svg
class="homepage__icon"
role="img"
>
<title>Github</title>
<use xlink:href="#icon-github"></use>
</svg>
</a>
</li>
<li>
<a href="https://codepen.io/teodragovic" aria-label="Codepen">
<svg
class="homepage__icon"
role="img"
>
<title>Codepen</title>
<use xlink:href="#icon-codepen"></use>
</svg>
</a>
</li>
<li>
<a href="mailto:[email protected]" aria-label="Contact me">
<svg
class="homepage__icon"
role="img"
>
<title>Contact me</title>
<use xlink:href="#icon-email"></use>
</svg>
</a>
</li>
</ul>
</div>
</section>
<svg style="display: none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-codepen" viewBox="0 0 28 28">
<title>Codepen</title>
<path d="M3.375 18.266l9.422 6.281v-5.609l-5.219-3.484zM2.406 16.016l3.016-2.016-3.016-2.016v4.031zM15.203 24.547l9.422-6.281-4.203-2.812-5.219 3.484v5.609zM14 16.844l4.25-2.844-4.25-2.844-4.25 2.844zM7.578 12.547l5.219-3.484v-5.609l-9.422 6.281zM22.578 14l3.016 2.016v-4.031zM20.422 12.547l4.203-2.812-9.422-6.281v5.609zM28 9.734v8.531c0 0.391-0.203 0.781-0.531 1l-12.797 8.531c-0.203 0.125-0.438 0.203-0.672 0.203s-0.469-0.078-0.672-0.203l-12.797-8.531c-0.328-0.219-0.531-0.609-0.531-1v-8.531c0-0.391 0.203-0.781 0.531-1l12.797-8.531c0.203-0.125 0.438-0.203 0.672-0.203s0.469 0.078 0.672 0.203l12.797 8.531c0.328 0.219 0.531 0.609 0.531 1z"></path>
</symbol>
<symbol id="icon-github" viewBox="0 0 24 28">
<title>Github</title>
<path d="M12 2c6.625 0 12 5.375 12 12 0 5.297-3.437 9.797-8.203 11.391-0.609 0.109-0.828-0.266-0.828-0.578 0-0.391 0.016-1.687 0.016-3.297 0-1.125-0.375-1.844-0.812-2.219 2.672-0.297 5.484-1.313 5.484-5.922 0-1.313-0.469-2.375-1.234-3.219 0.125-0.313 0.531-1.531-0.125-3.187-1-0.313-3.297 1.234-3.297 1.234-0.953-0.266-1.984-0.406-3-0.406s-2.047 0.141-3 0.406c0 0-2.297-1.547-3.297-1.234-0.656 1.656-0.25 2.875-0.125 3.187-0.766 0.844-1.234 1.906-1.234 3.219 0 4.594 2.797 5.625 5.469 5.922-0.344 0.313-0.656 0.844-0.766 1.609-0.688 0.313-2.438 0.844-3.484-1-0.656-1.141-1.844-1.234-1.844-1.234-1.172-0.016-0.078 0.734-0.078 0.734 0.781 0.359 1.328 1.75 1.328 1.75 0.703 2.141 4.047 1.422 4.047 1.422 0 1 0.016 1.937 0.016 2.234 0 0.313-0.219 0.688-0.828 0.578-4.766-1.594-8.203-6.094-8.203-11.391 0-6.625 5.375-12 12-12zM4.547 19.234c0.031-0.063-0.016-0.141-0.109-0.187-0.094-0.031-0.172-0.016-0.203 0.031-0.031 0.063 0.016 0.141 0.109 0.187 0.078 0.047 0.172 0.031 0.203-0.031zM5.031 19.766c0.063-0.047 0.047-0.156-0.031-0.25-0.078-0.078-0.187-0.109-0.25-0.047-0.063 0.047-0.047 0.156 0.031 0.25 0.078 0.078 0.187 0.109 0.25 0.047zM5.5 20.469c0.078-0.063 0.078-0.187 0-0.297-0.063-0.109-0.187-0.156-0.266-0.094-0.078 0.047-0.078 0.172 0 0.281s0.203 0.156 0.266 0.109zM6.156 21.125c0.063-0.063 0.031-0.203-0.063-0.297-0.109-0.109-0.25-0.125-0.313-0.047-0.078 0.063-0.047 0.203 0.063 0.297 0.109 0.109 0.25 0.125 0.313 0.047zM7.047 21.516c0.031-0.094-0.063-0.203-0.203-0.25-0.125-0.031-0.266 0.016-0.297 0.109s0.063 0.203 0.203 0.234c0.125 0.047 0.266 0 0.297-0.094zM8.031 21.594c0-0.109-0.125-0.187-0.266-0.172-0.141 0-0.25 0.078-0.25 0.172 0 0.109 0.109 0.187 0.266 0.172 0.141 0 0.25-0.078 0.25-0.172zM8.937 21.438c-0.016-0.094-0.141-0.156-0.281-0.141-0.141 0.031-0.234 0.125-0.219 0.234 0.016 0.094 0.141 0.156 0.281 0.125s0.234-0.125 0.219-0.219z"></path>
</symbol>
<symbol id="icon-stack-overflow" viewBox="0 0 24 28">
<title>Stack Overflow</title>
<path d="M20.141 25.5h-17.469v-7.5h-2.5v10h22.469v-10h-2.5v7.5zM5.422 17.313l0.516-2.453 12.234 2.578-0.516 2.438zM7.031 11.469l1.047-2.281 11.328 5.297-1.047 2.266zM10.172 5.906l1.594-1.922 9.594 8.016-1.594 1.922zM16.375 0l7.453 10.016-2 1.5-7.453-10.016zM5.156 22.984v-2.484h12.5v2.484h-12.5z"></path>
</symbol>
<symbol id="icon-email" viewBox="0 0 28 28">
<title>Email</title>
<path d="M28 11.094v12.406c0 1.375-1.125 2.5-2.5 2.5h-23c-1.375 0-2.5-1.125-2.5-2.5v-12.406c0.469 0.516 1 0.969 1.578 1.359 2.594 1.766 5.219 3.531 7.766 5.391 1.313 0.969 2.938 2.156 4.641 2.156h0.031c1.703 0 3.328-1.188 4.641-2.156 2.547-1.844 5.172-3.625 7.781-5.391 0.562-0.391 1.094-0.844 1.563-1.359zM28 6.5c0 1.75-1.297 3.328-2.672 4.281-2.438 1.687-4.891 3.375-7.313 5.078-1.016 0.703-2.734 2.141-4 2.141h-0.031c-1.266 0-2.984-1.437-4-2.141-2.422-1.703-4.875-3.391-7.297-5.078-1.109-0.75-2.688-2.516-2.688-3.938 0-1.531 0.828-2.844 2.5-2.844h23c1.359 0 2.5 1.125 2.5 2.5z"></path>
</symbol>
</defs>
</svg>
</body>
</html>