ilker.github.io/index.html at dev · ibalpinar/ilker.github.io · GitHub

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
<!DOCTYPE html>
   <head>
      <!-- Google Tag Manager -->
      <script>
         (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
         new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
         j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
         'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
         })(window,document,'script','dataLayer','GTM-5NWFG9HB');
      </script>
      <!-- End Google Tag Manager -->
      <title>Ilker Balpinar | Main Page</title>
      <meta charSet="UTF-8" />
      <meta http-equiv="X-UA-Compatible" content="ie=edge" />
      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
      <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
      <meta http-equiv="Pragma" content="no-cache" />
      <meta http-equiv="Expires" content="0" />
      <meta name="robots" content="index, follow" data-testid="all-robots-meta-tag" />
      <link rel="stylesheet" href="./css/style.css" />
      <!-- Google tag (gtag.js) -->
      <script async src="https://www.googletagmanager.com/gtag/js?id=G-C8FGBJJ1F3"></script>
      <script>
         window.dataLayer = window.dataLayer || [];
         function gtag(){dataLayer.push(arguments);}
         gtag('js', new Date());
         gtag('config', 'G-C8FGBJJ1F3');
      </script>
      <!-- End of Google tag (gtag.js) -->
   </head>
   <body>
      <!-- Google Tag Manager (noscript) -->
      <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5NWFG9HB" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
      <!-- End Google Tag Manager (noscript) -->
      <div class="menu">
         <div class="icon">
            <svg xmlns="http://www.w3.org/2000/svg" height="25" width="25" viewBox="0 0 392.533 392.533" xmlns:v="https://vecta.io/nano"><path d="M306.101 84.558H193.939v31.354c0 17.325-14.093 31.354-31.354 31.354s-31.354-14.093-31.354-31.354V84.558H86.497c-6.012 0-10.925 4.848-10.925 10.925v264.339c0 6.012 4.848 10.925 10.925 10.925h219.539c6.012 0 10.925-4.849 10.925-10.925V95.418c.001-5.947-4.913-10.86-10.86-10.86z" fill="#fff"/><path d="M97.358 347.41V107.96c0-.84.711-1.552 1.552-1.552h194.715c.84 0 1.552.711 1.552 1.552v239.45c0 .84-.711 1.552-1.552 1.552H98.909c-.84 0-1.551-.712-1.551-1.552z" fill="#56ace0"/><path d="M225.293 166.465c6.723 0 12.218-5.495 12.218-12.218s-5.495-12.218-12.218-12.218-12.218 5.495-12.218 12.218c.064 6.723 5.624 12.218 12.218 12.218zm0 54.367c-14.675 0-27.539 8.986-33.099 21.786h66.133c-5.495-12.8-18.295-21.786-33.034-21.786z" fill="#ffc10d"/><path d="M162.586 125.479c5.236 0 9.568-4.331 9.568-9.568V84.558h-19.135v31.354a9.59 9.59 0 0 0 9.567 9.567z" fill="#fff"/><path d="M225.293 188.251c18.747 0 34.004-15.192 34.004-34.004 0-18.747-15.192-34.004-34.004-34.004-18.747 0-34.004 15.192-34.004 34.004.065 18.747 15.321 34.004 34.004 34.004zm0-46.158c6.723 0 12.218 5.495 12.218 12.218s-5.495 12.218-12.218 12.218-12.218-5.495-12.218-12.218c.064-6.723 5.624-12.218 12.218-12.218zm0 56.953c-30.19 0-55.531 23.596-57.665 53.721-.259 3.038.84 6.012 2.909 8.21 2.069 2.263 4.978 3.491 7.952 3.491h93.608c3.038 0 5.947-1.228 7.952-3.491a11.02 11.02 0 0 0 2.909-8.21c-2.069-30.125-27.411-53.721-57.665-53.721zm-33.034 43.572c5.56-12.8 18.36-21.786 33.099-21.786s27.539 8.986 33.099 21.786h-66.198zm79.903 74.473H124.251c-6.012 0-10.925 4.848-10.925 10.925 0 6.012 4.848 10.925 10.925 10.925h147.911c6.012 0 10.925-4.849 10.925-10.925-.065-6.012-4.913-10.925-10.925-10.925zm0-38.659H124.251c-6.012 0-10.925 4.848-10.925 10.925 0 6.012 4.848 10.925 10.925 10.925h147.911c6.012 0 10.925-4.848 10.925-10.925-.065-6.076-4.913-10.925-10.925-10.925zm-147.976-24.436h16.549c6.012 0 10.925-4.848 10.925-10.925 0-6.012-4.848-10.925-10.925-10.925h-16.549c-6.012 0-10.925 4.848-10.925 10.925s4.913 10.925 10.925 10.925zm-.065-46.158h33.552c6.012 0 10.925-4.848 10.925-10.925 0-6.012-4.848-10.925-10.925-10.925h-33.552c-6.012 0-10.925 4.848-10.925 10.925a10.87 10.87 0 0 0 10.925 10.925zm181.98-145.066H193.939V50.554C193.939 22.626 171.248 0 143.386 0c-27.927 0-50.554 22.626-50.554 50.554v12.218h-6.335c-18.036 0-32.711 14.675-32.711 32.711v264.339c0 18.036 14.675 32.711 32.711 32.711h219.539c18.036 0 32.711-14.675 32.711-32.711V95.418c0-17.972-14.674-32.646-32.646-32.646zM114.683 50.554c0-15.838 12.929-28.768 28.768-28.768s28.768 12.929 28.768 28.768v12.218h-19.135v-1.616c0-6.012-4.848-10.925-10.925-10.925-6.012 0-10.925 4.848-10.925 10.925v1.616h-16.549c-.002 0-.002-12.218-.002-12.218zm57.471 34.004v31.354c0 5.236-4.331 9.568-9.568 9.568s-9.568-4.267-9.568-9.568V84.558h19.136zm144.808 275.264c0 6.012-4.849 10.925-10.925 10.925H86.432c-6.012 0-10.925-4.849-10.925-10.925V95.418c0-6.012 4.848-10.925 10.925-10.925h44.735v31.354c0 17.325 14.093 31.354 31.354 31.354 17.325 0 31.354-14.093 31.354-31.354V84.493h112.097c6.012 0 10.925 4.848 10.925 10.925v264.404h.065z" fill="#194f82"/></svg>
         </div>
         <div class="link"><a href="./resume/">My Resume</a></div>
         <div class="seperator">|</div>
         <div class="icon">
            <svg xmlns="http://www.w3.org/2000/svg" height="25" width="25" viewBox="0 0 16 16" fill="none" xmlns:v="https://vecta.io/nano"><path fill="#0a66c2" d="M12.225 12.225h-1.778V9.44c0-.664-.012-1.519-.925-1.519-.926 0-1.068.724-1.068 1.47v2.834H6.676V6.498h1.707v.783h.024c.348-.594.996-.95 1.684-.925 1.802 0 2.135 1.185 2.135 2.728l-.001 3.14zM4.67 5.715a1.037 1.037 0 01-1.032-1.031c0-.566.466-1.032 1.032-1.032.566 0 1.031.466 1.032 1.032 0 .566-.466 1.032-1.032 1.032zm.889 6.51h-1.78V6.498h1.78v5.727zM13.11 2H2.885A.88.88 0 002 2.866v10.268a.88.88 0 00.885.866h10.226a.882.882 0 00.889-.866V2.865a.88.88 0 00-.889-.864z"/></svg>
         </div>
         <div class="link"><a href="https://www.linkedin.com/in/ibalpinar" target="_blank">LinkedIn</a></div>
         <div class="seperator">|</div>
         <div class="icon">
            <svg xmlns="http://www.w3.org/2000/svg" height="25" width="25" viewBox="0 0 15 15" fill="none" xmlns:v="https://vecta.io/nano"><path fill-rule="evenodd" d="M7.499.85A6.65 6.65 0 0 0 .85 7.5c0 2.938 1.905 5.43 4.548 6.31.333.061.454-.145.454-.321l-.009-1.131c-1.85.402-2.24-.892-2.24-.892-.303-.768-.739-.973-.739-.973-.604-.412.046-.404.046-.404.667.047 1.019.685 1.019.685.593 1.016 1.557.723 1.935.552.06-.429.232-.723.422-.889-1.477-.168-3.029-.738-3.029-3.287a2.57 2.57 0 0 1 .685-1.784c-.069-.168-.297-.844.065-1.76 0 0 .558-.179 1.828.681.53-.147 1.099-.221 1.665-.224.565.003 1.134.076 1.665.224 1.27-.86 1.827-.681 1.827-.681.363.916.135 1.592.067 1.76.426.465.683 1.058.683 1.784 0 2.555-1.555 3.117-3.036 3.281.238.205.451.611.451 1.232l-.008 1.824c0 .178.12.385.457.32 2.641-.881 4.544-3.372 4.544-6.309A6.65 6.65 0 0 0 7.499.85z" fill="#000"/></svg>
         </div>
         <div class="link"><a href="https://www.github.com/ibalpinar" target="_blank">GitHub</a></div>
         <div class="seperator">|</div>
         <div class="icon">
            <svg xmlns="http://www.w3.org/2000/svg" height="25" width="25" viewBox="0 0 500 500" xmlns:v="https://vecta.io/nano"><path d="M290.627 212.022L470.404 3.049h-42.602L271.704 184.497 147.029 3.049H3.231l188.533 274.382L3.231 496.571h42.604l164.843-191.615 131.665 191.615h143.798L290.618 212.022h.009zm-58.35 67.826l-19.101-27.322L61.185 35.121h65.437L249.28 210.573l19.102 27.323 159.439 228.062h-65.435L232.277 279.859v-.011z" fill="#fff" style="transform-box:fill-box" transform-origin="50% 50%"/></svg>
         </div>
         <div class="link"><a href="https://www.x.com/ibalpinar" target="_blank">X</a></div>
         <div class="seperator">|</div>
         <div class="icon">
            <svg xmlns="http://www.w3.org/2000/svg" height="25" width="25" viewBox="0 0 32 32" fill="none" xmlns:v="https://vecta.io/nano"><rect x="2" y="2" width="28" height="28" rx="6" fill="url(#A)"/><rect x="2" y="2" width="28" height="28" rx="6" fill="url(#B)"/><rect x="2" y="2" width="28" height="28" rx="6" fill="url(#C)"/><g fill="#fff"><path d="M23 10.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 1 1 3 0z"/><path d="M16 21a5 5 0 1 0 0-10 5 5 0 1 0 0 10zm0-2a3 3 0 1 0 0-6 3 3 0 1 0 0 6zM6 15.6c0-3.36 0-5.04.654-6.324a6 6 0 0 1 2.622-2.622C10.56 6 12.24 6 15.6 6h.8c3.36 0 5.041 0 6.324.654a6 6 0 0 1 2.622 2.622C26 10.56 26 12.24 26 15.6v.8c0 3.36 0 5.041-.654 6.324a6 6 0 0 1-2.622 2.622C21.441 26 19.76 26 16.4 26h-.8c-3.36 0-5.04 0-6.324-.654a6 6 0 0 1-2.622-2.622C6 21.441 6 19.76 6 16.4v-.8zM15.6 8h.8l3.778.075c.877.072 1.325.201 1.638.361a4 4 0 0 1 1.748 1.748c.159.313.289.761.361 1.638.073.9.075 2.065.075 3.778v.8l-.075 3.778c-.072.877-.201 1.325-.361 1.638a4 4 0 0 1-1.748 1.748c-.313.159-.761.289-1.638.361-.9.073-2.065.075-3.778.075h-.8c-1.713 0-2.878-.002-3.778-.075-.877-.072-1.325-.201-1.638-.361a4 4 0 0 1-1.748-1.748c-.159-.313-.289-.761-.361-1.638C8.002 19.278 8 18.113 8 16.4v-.8l.075-3.778c.072-.877.201-1.325.361-1.638a4 4 0 0 1 1.748-1.748c.313-.159.761-.289 1.638-.361.9-.074 2.065-.075 3.778-.075z" fill-rule="evenodd"/></g><defs><radialGradient id="A" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(12 23) rotate(-55.3758) scale(25.5196)"><stop stop-color="#b13589"/><stop offset=".793" stop-color="#c62f94"/><stop offset="1" stop-color="#8a3ac8"/></radialGradient><radialGradient id="B" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11 31) rotate(-65.1363) scale(22.5942)"><stop stop-color="#e0e8b7"/><stop offset=".445" stop-color="#fb8a2e"/><stop offset=".715" stop-color="#e2425c"/><stop offset="1" stop-color="#e2425c" stop-opacity="0"/></radialGradient><radialGradient id="C" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(0.500002 3) rotate(-8.1301) scale(38.8909 8.31836)"><stop offset=".157" stop-color="#406adc"/><stop offset=".468" stop-color="#6a45be"/><stop offset="1" stop-color="#6a45be" stop-opacity="0"/></radialGradient></defs></svg>
         </div>
         <div class="link"><a href="https://www.instagram.com/ibalpinar" target="_blank">Instagram</a></div>
      </div>
      <div class="content">
         <p>Reach me at ilker[at]balpinar[dot]com</p>
      </div>
      <div class="footer">
         <div id="year"></div>
      </div>
      <script>
         document.addEventListener('DOMContentLoaded', function() {
            const currentYear = new Date().getFullYear();
            document.getElementById('year').textContent = '@' + currentYear;
         });
      </script>
   </body>
</html>