/
index.html
98 lines (97 loc) · 8.9 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
<!DOCTYPE html>
<html lang="en" itemscope itemtype="http://schema.org/ProfilePage">
<head>
<meta name="og:type" content="profile">
<meta name="og:image" content="https://s.gravatar.com/avatar/2a456edf70de1923511e485e75083795?s=200">
<meta name="og:title" content="Yes, it's me!">
<meta name="og:description" content="Tell me and I forget. Teach me and I remember. Involve me and I learn. (Benjamin Franklin)">
<meta name="twitter:card" content="summary">
<meta name="twitter:domain" content="vpodk.com">
<meta name="twitter:site" content="@vpodk">
<meta name="twitter:image" content="https://s.gravatar.com/avatar/2a456edf70de1923511e485e75083795?s=200">
<meta itemprop="image" content="https://s.gravatar.com/avatar/2a456edf70de1923511e485e75083795?s=200">
<meta itemprop="url" content="https://vpodk.com/">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0">
<link rel="canonical" href="https://vpodk.com/">
<title>Yes, it's me!</title>
<meta name="description" content="Tell me and I forget. Teach me and I remember. Involve me and I learn. (Benjamin Franklin)">
<style>
body{color:#444;font:100%/186% Arial;padding:1em;text-align:center}
h1{padding:5% 0 1%}
ul{list-style:none;margin:0}
a,svg,.col{vertical-align:middle}
a{color:#25c}
.col{display:inline-block;text-align:left}
.image{margin-top:9px}
svg{height:16px;width:16px}
@media screen and (max-width:774px){
.image{display:block;margin-bottom:1em;text-align:center}
img{height:auto;width:70%}
ul{padding:0 0 0 1em}
}
</style>
<head>
<body itemprop="about" itemscope itemtype="http://schema.org/Person">
<main>
<h1>Yes, it's me!</h1>
<link itemprop="url" href="https://vpodk.com/">
<div class="col image">
<img src="https://s.gravatar.com/avatar/2a456edf70de1923511e485e75083795?s=150"
itemprop="image" alt="Profile Picture" height="150" width="150">
</div>
<div class="col">
<ul>
<li>
<svg fill="#1af" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"/></svg>
<a rel="nofollow" itemprop="sameAs" href="//twitter.com/vpodk">Twitter</a>
</li>
<li>
<svg fill="#46b" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z"/></svg>
<a rel="nofollow" itemprop="sameAs" href="//facebook.com/vpodk">Facebook</a>
</li>
<li>
<svg fill="#c38" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg>
<a rel="nofollow" itemprop="sameAs" href="//instagram.com/vpodk/">Instagram</a>
</li>
<li>
<svg fill="red" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z"/></svg>
<a rel="nofollow" itemprop="sameAs" href="//youtube.com/user/vpodkamenyi">YouTube</a>
</li>
<li>
<svg fill="#26b" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M0 0v24h24v-24h-24zm8 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.397-2.586 7-2.777 7 2.476v6.759z"/></svg>
<a rel="nofollow" itemprop="sameAs" href="//linkedin.com/in/vpodk">LinkedIn</a>
</li>
</ul>
</div>
<div class="col">
<ul>
<li>
<svg fill="#211" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg>
<a rel="nofollow" itemprop="sameAs" href="//github.com/vpodk">GitHub</a>
</li>
<li>
<svg fill="#e83" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15 21h-10v-2h10v2zm6-11.665l-1.621-9.335-1.993.346 1.62 9.335 1.994-.346zm-5.964 6.937l-9.746-.975-.186 2.016 9.755.879.177-1.92zm.538-2.587l-9.276-2.608-.526 1.954 9.306 2.5.496-1.846zm1.204-2.413l-8.297-4.864-1.029 1.743 8.298 4.865 1.028-1.744zm1.866-1.467l-5.339-7.829-1.672 1.14 5.339 7.829 1.672-1.14zm-2.644 4.195v8h-12v-8h-2v10h16v-10h-2z"/></svg>
<a rel="nofollow" itemprop="sameAs" href="//stackoverflow.com/users/5438323/valentin">Stack Overflow</a>
</li>
<li>
<svg fill="#100" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M24 24h-24v-24h24v24zm-4.03-5.649v-.269l-1.247-1.224c-.11-.084-.165-.222-.142-.359v-8.998c-.023-.137.032-.275.142-.359l1.277-1.224v-.269h-4.422l-3.152 7.863-3.586-7.863h-4.638v.269l1.494 1.799c.146.133.221.327.201.523v7.072c.044.255-.037.516-.216.702l-1.681 2.038v.269h4.766v-.269l-1.681-2.038c-.181-.186-.266-.445-.232-.702v-6.116l4.183 9.125h.486l3.593-9.125v7.273c0 .194 0 .232-.127.359l-1.292 1.254v.269h6.274z"/></svg>
<a rel="nofollow" itemprop="sameAs" href="//medium.com/@vpodk">Medium</a>
</li>
<li>
<svg fill="#047" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22 9.761c0 .536-.065 1.084-.169 1.627-.847 4.419-3.746 5.946-7.449 5.946h-.572c-.453 0-.838.334-.908.789l-.803 5.09c-.071.453-.456.787-.908.787h-2.736c-.39 0-.688-.348-.628-.732l1.386-8.88.062-.056h2.155c5.235 0 8.509-2.618 9.473-7.568.812.814 1.097 1.876 1.097 2.997zm-14.216 4.252c.116-.826.459-1.177 1.385-1.179l2.26-.002c4.574 0 7.198-2.09 8.023-6.39.8-4.134-2.102-6.442-6.031-6.442h-7.344c-.517 0-.958.382-1.038.901-2.304 14.835-2.97 18.607-3.038 19.758-.021.362.269.672.635.672h3.989l1.159-7.318z"/></svg>
<a rel="nofollow" itemprop="sameAs" href="//paypal.me/vpodk">PayPal</a>
</li>
<li>
<svg fill="#0c7" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><path fill-rule="nonzero" d="M43.34 29.838l4.31-4.304c4.467-4.46 4.467-11.72 0-16.18-4.466-4.458-11.74-4.458-16.207 0l-1.57 1.568C27.793 7.942 24.367 6 20.453 6 14.13 6 9 11.12 9 17.433V42.22c0 6.313 5.13 11.434 11.454 11.434 3.913 0 7.34-1.943 9.42-4.922l1.57 1.567c4.465 4.457 11.74 4.457 16.206 0 4.467-4.46 4.467-11.72 0-16.18l-4.31-4.282z"></path></svg>
<a rel="nofollow" itemprop="sameAs" href="//www.kickstarter.com/profile/vpodk">Kickstarter</a>
</li>
</ul>
</div>
<p>Tell me and I forget. Teach me and I remember. Involve me and I learn. (Benjamin Franklin)</p>
</main>
<script src="https://www.google-analytics.com/analytics.js"></script>
<script>ga('create','UA-756122-12','auto');ga('send','pageview');</script>
<script src="https://komito.net/komito.js" async></script>
</body>
</html>