-
Notifications
You must be signed in to change notification settings - Fork 0
/
socialmedia.html
79 lines (79 loc) · 38.3 KB
/
socialmedia.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Github Profile README Generator</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="languages">
<h2>Social Media links</h2>
<span>if you are not on a platform or don't want to display that platform just leave it blank</span>
<div class="social" id="medium"><input type="text" class="socialusername" placeholder="your medium username"><svg class="socialimg" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0,0,256,256">
<g fill="#23dc73" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(5.33333,5.33333)"><circle cx="14" cy="24" r="12"></circle><ellipse cx="34" cy="24" rx="6" ry="11"></ellipse><ellipse cx="44" cy="24" rx="2" ry="10"></ellipse></g></g>
</svg></div>
<div class="social" id="reddit"><input type="text" class="socialusername" placeholder="your reddit username"><svg class="socialimg" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0,0,256,256">
<g fill="#23dc73" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(8.53333,8.53333)"><path d="M17.66211,2c-2.0971,0 -3.66211,1.71314 -3.66211,3.66211v3.37305c-2.75029,0.14594 -5.26551,0.87921 -7.27344,2.0293c-0.77378,-0.74305 -1.80988,-1.07301 -2.81445,-1.07227c-1.08919,0.0008 -2.20266,0.37823 -2.9707,1.24219l-0.01758,0.01953l-0.01758,0.01953c-0.73677,0.92079 -1.02851,2.15431 -0.83203,3.37891c0.17943,1.11837 0.82715,2.24108 1.95313,2.97656c-0.00737,0.12415 -0.02734,0.24571 -0.02734,0.37109c0,4.962 5.832,9 13,9c7.168,0 13,-4.038 13,-9c0,-0.12538 -0.01997,-0.24694 -0.02734,-0.37109c1.12597,-0.73549 1.77369,-1.8582 1.95313,-2.97656c0.19647,-1.2246 -0.09526,-2.45812 -0.83203,-3.37891l-0.01758,-0.01953l-0.01758,-0.01953c-0.76815,-0.86408 -1.88143,-1.24139 -2.9707,-1.24219c-1.00466,-0.00074 -2.0409,0.32895 -2.81445,1.07227c-2.00793,-1.15009 -4.52315,-1.88336 -7.27344,-2.0293v-3.37305c0,-0.97903 0.56521,-1.66211 1.66211,-1.66211c0.52069,0 1.15499,0.2609 2.14844,0.60938c0.83981,0.29458 1.93276,0.59232 3.33008,0.68164c0.33425,0.98807 1.26219,1.70898 2.35938,1.70898c1.375,0 2.5,-1.125 2.5,-2.5c0,-1.375 -1.125,-2.5 -2.5,-2.5c-0.93879,0 -1.75246,0.53042 -2.17969,1.30078c-1.19448,-0.06615 -2.07207,-0.30607 -2.84766,-0.57812c-0.90381,-0.31703 -1.73423,-0.72266 -2.81055,-0.72266zM3.91211,11.99219c0.39514,-0.00029 0.77056,0.10341 1.08008,0.27148c-1.10399,0.9215 -1.94162,1.99815 -2.44727,3.17383c-0.26849,-0.33141 -0.43027,-0.7035 -0.49414,-1.10156c-0.10777,-0.67169 0.09324,-1.36989 0.41211,-1.7832c0.30133,-0.32434 0.85157,-0.56011 1.44922,-0.56055zM26.08594,11.99219c0.59782,0.00044 1.14994,0.2363 1.45117,0.56055c0.31887,0.41331 0.51988,1.11151 0.41211,1.7832c-0.06387,0.39806 -0.22565,0.77015 -0.49414,1.10156c-0.50565,-1.17568 -1.34327,-2.25233 -2.44727,-3.17383c0.30881,-0.16788 0.68314,-0.27178 1.07813,-0.27148zM10,14c1.105,0 2,0.895 2,2c0,1.105 -0.895,2 -2,2c-1.105,0 -2,-0.895 -2,-2c0,-1.105 0.895,-2 2,-2zM20,14c1.105,0 2,0.895 2,2c0,1.105 -0.895,2 -2,2c-1.105,0 -2,-0.895 -2,-2c0,-1.105 0.895,-2 2,-2zM20.23828,19.5332c-0.639,1.867 -2.68228,3.4668 -5.23828,3.4668c-2.556,0 -4.59928,-1.59903 -5.23828,-3.33203c1.15,0.933 3.06628,1.59961 5.23828,1.59961c2.172,0 4.08828,-0.66737 5.23828,-1.73437z"></path></g></g>
</svg></div>
<div class="social" id="threads"><input type="text" class="socialusername" placeholder="your threads username"><svg class="socialimg" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0,0,256,256">
<g fill="#23dc73" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(5.33333,5.33333)"><path d="M11.5,6c-3.01977,0 -5.5,2.48023 -5.5,5.5v3.16016c-0.00765,0.54095 0.27656,1.04412 0.74381,1.31683c0.46725,0.27271 1.04514,0.27271 1.51238,0c0.46725,-0.27271 0.75146,-0.77588 0.74381,-1.31683v-3.16016c0,-1.39823 1.10177,-2.5 2.5,-2.5h25c1.39823,0 2.5,1.10177 2.5,2.5v13.5c-0.00765,0.54095 0.27656,1.04412 0.74381,1.31683c0.46725,0.27271 1.04514,0.27271 1.51238,0c0.46725,-0.27271 0.75146,-0.77588 0.74381,-1.31683v-13.5c0,-3.01977 -2.48023,-5.5 -5.5,-5.5zM24.16211,12.00195c-3.519,0.024 -6.2305,1.21597 -8.0625,3.54297c-1.614,2.053 -2.44756,4.8948 -2.47656,8.4668c0.028,3.551 0.86156,6.39136 2.47656,8.44336c1.831,2.327 4.54403,3.51897 8.08203,3.54297c3.128,-0.021 5.33897,-0.84778 7.16797,-2.67578c2.43,-2.428 2.35378,-5.4737 1.55078,-7.3457c-0.58,-1.352 -1.67678,-2.44606 -3.17578,-3.16406c-0.035,-0.018 -0.07142,-0.03378 -0.10742,-0.05078c-0.264,-3.38 -2.21392,-5.32275 -5.41992,-5.34375c-1.944,0 -3.56445,0.83552 -4.56445,2.35352c-0.112,0.17 -0.06744,0.39862 0.10156,0.51563l1.66797,1.14453c0.083,0.057 0.1852,0.07759 0.2832,0.05859c0.098,-0.019 0.18719,-0.07811 0.24219,-0.16211c0.604,-0.915 1.56788,-1.10547 2.29688,-1.10547c0.886,0.005 1.54403,0.25047 1.95703,0.73047c0.223,0.259 0.39372,0.59777 0.51172,1.00977c-0.757,-0.091 -1.5623,-0.11245 -2.4043,-0.06445c-3.106,0.179 -5.1038,2.01908 -4.9668,4.58008c0.069,1.306 0.71908,2.43102 1.83008,3.16602c0.918,0.605 2.09727,0.90494 3.32227,0.83594c1.621,-0.089 2.89602,-0.71252 3.79102,-1.85352c0.573,-0.729 0.95973,-1.62461 1.17773,-2.72461c0.422,0.341 0.73178,0.74036 0.92578,1.19336c0.455,1.058 0.47888,2.80047 -0.95312,4.23047c-1.294,1.293 -2.86323,1.85409 -5.24023,1.87109c-2.642,-0.02 -4.63201,-0.85824 -5.91602,-2.49023c-1.219,-1.55 -1.85005,-3.80613 -1.87305,-6.70312c0.023,-2.903 0.65405,-5.16094 1.87305,-6.71094c1.284,-1.632 3.27416,-2.47123 5.91016,-2.49024c2.665,0.02 4.69234,0.86381 6.02734,2.50781c0.653,0.804 1.15333,1.8223 1.48633,3.0293c0.055,0.198 0.26098,0.31467 0.45898,0.26367l1.95508,-0.52148c0.097,-0.025 0.17852,-0.08978 0.22852,-0.17578c0.049,-0.088 0.06116,-0.19011 0.03516,-0.28711c-0.431,-1.585 -1.11516,-2.9608 -2.03516,-4.0918c-1.882,-2.315 -4.62106,-3.50139 -8.16406,-3.52539zM7.47656,18.88281c-0.82766,0.01293 -1.48844,0.69381 -1.47656,1.52148v16.0957c0,3.01977 2.48023,5.5 5.5,5.5h25c3.01977,0 5.5,-2.48023 5.5,-5.5v-3.71289c0.00765,-0.54095 -0.27656,-1.04412 -0.74381,-1.31683c-0.46725,-0.27271 -1.04514,-0.27271 -1.51238,0c-0.46725,0.27271 -0.75146,0.77588 -0.74381,1.31683v3.71289c0,1.39823 -1.10177,2.5 -2.5,2.5h-25c-1.39823,0 -2.5,-1.10177 -2.5,-2.5v-16.0957c0.00582,-0.40562 -0.15288,-0.7963 -0.43991,-1.08296c-0.28703,-0.28666 -0.67792,-0.44486 -1.08353,-0.43852zM25.12305,24.67383c0.597,0 1.16626,0.04662 1.69727,0.14063c-0.284,2.414 -1.41605,2.80914 -2.49805,2.86914c-0.742,0.029 -1.4298,-0.15639 -1.8418,-0.52539c-0.251,-0.225 -0.3873,-0.50503 -0.4043,-0.83203c-0.038,-0.721 0.56319,-1.52781 2.36719,-1.63281c0.23,-0.013 0.45669,-0.01953 0.67969,-0.01953z"></path></g></g>
</svg></div>
<div class="social" id="github"><input type="text" class="socialusername" placeholder="your github username"><svg class="socialimg" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0,0,256,256">
<g fill="#23dc73" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(8.53333,8.53333)"><path d="M15,3c-6.627,0 -12,5.373 -12,12c0,5.623 3.872,10.328 9.092,11.63c-0.056,-0.162 -0.092,-0.35 -0.092,-0.583v-2.051c-0.487,0 -1.303,0 -1.508,0c-0.821,0 -1.551,-0.353 -1.905,-1.009c-0.393,-0.729 -0.461,-1.844 -1.435,-2.526c-0.289,-0.227 -0.069,-0.486 0.264,-0.451c0.615,0.174 1.125,0.596 1.605,1.222c0.478,0.627 0.703,0.769 1.596,0.769c0.433,0 1.081,-0.025 1.691,-0.121c0.328,-0.833 0.895,-1.6 1.588,-1.962c-3.996,-0.411 -5.903,-2.399 -5.903,-5.098c0,-1.162 0.495,-2.286 1.336,-3.233c-0.276,-0.94 -0.623,-2.857 0.106,-3.587c1.798,0 2.885,1.166 3.146,1.481c0.896,-0.307 1.88,-0.481 2.914,-0.481c1.036,0 2.024,0.174 2.922,0.483c0.258,-0.313 1.346,-1.483 3.148,-1.483c0.732,0.731 0.381,2.656 0.102,3.594c0.836,0.945 1.328,2.066 1.328,3.226c0,2.697 -1.904,4.684 -5.894,5.097c1.098,0.573 1.899,2.183 1.899,3.396v2.734c0,0.104 -0.023,0.179 -0.035,0.268c4.676,-1.639 8.035,-6.079 8.035,-11.315c0,-6.627 -5.373,-12 -12,-12z"></path></g></g>
</svg></div>
<div class="social" id="facebook"><input type="text" class="socialusername" placeholder="your facebook username"><svg class="socialimg" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0,0,256,256">
<g fill="#23dc73" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(5.12,5.12)"><path d="M25,3c-12.13844,0 -22,9.86156 -22,22c0,11.01913 8.12753,20.13835 18.71289,21.72852l1.14844,0.17383v-17.33594h-5.19727v-3.51953h5.19727v-4.67383c0,-2.87808 0.69065,-4.77363 1.83398,-5.96289c1.14334,-1.18926 2.83269,-1.78906 5.18359,-1.78906c1.87981,0 2.61112,0.1139 3.30664,0.19922v2.88086h-2.44727c-1.38858,0 -2.52783,0.77473 -3.11914,1.80664c-0.59131,1.03191 -0.77539,2.264 -0.77539,3.51953v4.01758h6.12305l-0.54492,3.51953h-5.57812v17.36523l1.13477,-0.1543c10.73582,-1.45602 19.02148,-10.64855 19.02148,-21.77539c0,-12.13844 -9.86156,-22 -22,-22zM25,5c11.05756,0 20,8.94244 20,20c0,9.72979 -6.9642,17.7318 -16.15625,19.5332v-12.96875h5.29297l1.16211,-7.51953h-6.45508v-2.01758c0,-1.03747 0.18982,-1.96705 0.50977,-2.52539c0.31994,-0.55834 0.62835,-0.80078 1.38477,-0.80078h4.44727v-6.69141l-0.86719,-0.11719c-0.59979,-0.08116 -1.96916,-0.27148 -4.43945,-0.27148c-2.7031,0 -5.02334,0.73635 -6.625,2.40234c-1.60166,1.66599 -2.39258,4.14669 -2.39258,7.34961v2.67383h-5.19727v7.51953h5.19727v12.9043c-9.04433,-1.91589 -15.86133,-9.84626 -15.86133,-19.4707c0,-11.05756 8.94244,-20 20,-20z"></path></g></g>
</svg></div>
<div class="social" id="leetcode"><input type="text" class="socialusername" placeholder="your leetcode username"><svg class="socialimg" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0,0,256,256">
<g fill="#23dc73" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(16,16)"><path d="M10.44727,0.26563c-0.13004,0.00413 -0.25335,0.05878 -0.34375,0.15234l-4.44727,4.44922l-2.56055,2.55859c-0.05137,0.05015 -0.09134,0.11076 -0.11719,0.17773c-1.20865,1.37039 -1.19195,3.4604 0.11719,4.76953l2.56055,2.56055c1.36138,1.36138 3.58588,1.36138 4.94727,0l2.25,-2.25c0.12632,-0.12664 0.17547,-0.31106 0.12895,-0.48378c-0.04653,-0.17271 -0.18167,-0.30748 -0.35451,-0.35354c-0.17284,-0.04605 -0.35712,0.00361 -0.48342,0.13028l-2.25,2.25c-0.97862,0.97862 -2.55263,0.97862 -3.53125,0l-2.56055,-2.56055c-0.97862,-0.97862 -0.97862,-2.55459 0,-3.5332l2.56055,-2.55859c0.97862,-0.97862 2.55263,-0.97862 3.53125,0l2.25,2.25c0.19524,0.19578 0.51223,0.19622 0.70801,0.00098c0.19578,-0.19524 0.19622,-0.51223 0.00098,-0.70801l-2.25,-2.25c-0.69283,-0.69282 -1.60914,-1.02407 -2.52148,-1.01172l2.73047,-2.73047c0.14893,-0.14387 0.19378,-0.36466 0.11278,-0.55523c-0.08099,-0.19058 -0.27107,-0.31152 -0.47802,-0.30414zM7.32813,9.40039c-0.18031,-0.00254 -0.34803,0.09219 -0.43893,0.24794c-0.0909,0.15575 -0.0909,0.34837 0,0.50412c0.0909,0.15575 0.25862,0.25049 0.43893,0.24794h6.90039c0.18031,0.00254 0.34803,-0.09219 0.43893,-0.24794c0.0909,-0.15575 0.0909,-0.34837 0,-0.50412c-0.0909,-0.15575 -0.25862,-0.25049 -0.43893,-0.24794z"></path></g></g>
</svg></div>
<div class="social" id="behance"><input type="text" class="socialusername" placeholder="your behance username"><svg class="socialimg" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0,0,256,256">
<g fill="#23dc73" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(5.33333,5.33333)"><path d="M5.5,10c-1.91495,0 -3.5,1.58504 -3.5,3.5v9v12c0,1.91495 1.58505,3.5 3.5,3.5h11c4.67666,0 8.5,-3.82334 8.5,-8.5c0,-2.9565 -1.62014,-5.4447 -3.92578,-6.96875c1.72729,-1.2782 2.92578,-3.23132 2.92578,-5.53125c0,-3.8484 -3.1516,-7 -7,-7zM33.51172,12c-0.828,0 -1.5,0.672 -1.5,1.5c0,0.828 0.672,1.5 1.5,1.5h8c0.829,0 1.5,-0.672 1.5,-1.5c0,-0.828 -0.672,-1.5 -1.5,-1.5zM5.5,13h11.5c2.2276,0 4,1.7724 4,4c0,2.2276 -1.7724,4 -4,4h-0.5h-11.5v-7.5c0,-0.29504 0.20495,-0.5 0.5,-0.5zM36.99609,17c-5.33673,0 -9.54873,4.43272 -9.87695,9.86719c-0.18789,0.40232 -0.18789,0.86721 0,1.26953c0.33013,5.43282 4.5423,9.86328 9.87695,9.86328c3.4845,0 6.9261,-1.77345 8.77148,-4.69531c0.2993,-0.4531 0.33037,-1.03257 0.08124,-1.51507c-0.24913,-0.4825 -0.73956,-0.79271 -1.28228,-0.81105c-0.54271,-0.01835 -1.05297,0.25803 -1.33412,0.72261c-1.20261,1.90414 -3.82682,3.29883 -6.23633,3.29883c-3.34727,0 -6.04884,-2.56624 -6.7168,-6h14.20508c1.47191,0 2.66262,-1.31785 2.49023,-2.79102v-0.00195c-0.60299,-5.1551 -4.84839,-9.20703 -9.97852,-9.20703zM36.99609,20c3.35522,0 6.16327,2.5653 6.83203,6h-13.54883c0.66775,-3.43385 3.3685,-6 6.7168,-6zM5,24h11.5c3.05534,0 5.5,2.44466 5.5,5.5c0,3.05534 -2.44466,5.5 -5.5,5.5h-11c-0.29505,0 -0.5,-0.20495 -0.5,-0.5z"></path></g></g>
</svg></div>
<div class="social" id="pinterest"><input type="text" class="socialusername" placeholder="your pinterest username"><svg class="socialimg" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0,0,256,256">
<g fill="#23dc73" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(5.12,5.12)"><path d="M25,2c-12.6907,0 -23,10.3093 -23,23c0,12.69071 10.3093,23 23,23c12.69071,0 23,-10.30929 23,-23c0,-12.6907 -10.30929,-23 -23,-23zM25,4c11.60983,0 21,9.39017 21,21c0,11.60983 -9.39017,21 -21,21c-2.12364,0 -4.17229,-0.31786 -6.10352,-0.90234c0.86025,-1.43824 1.97086,-3.49407 2.41211,-5.19141c0.26213,-1.00636 1.33984,-5.11133 1.33984,-5.11133c0.7004,1.33714 2.74684,2.46875 4.92578,2.46875c6.4839,0 11.1582,-5.96299 11.1582,-13.37305c0,-7.1041 -5.79701,-12.41797 -13.25586,-12.41797c-9.27973,0 -14.20508,6.22817 -14.20508,13.00977c0,3.15388 1.67744,7.07977 4.36328,8.33008c0.40684,0.18937 0.62531,0.10733 0.71875,-0.28711c0.07194,-0.29935 0.43475,-1.7586 0.59766,-2.4375c0.0521,-0.21665 0.02687,-0.40384 -0.14844,-0.61719c-0.88894,-1.0783 -1.60156,-3.0589 -1.60156,-4.90625c0,-4.74241 3.59028,-9.33203 9.70703,-9.33203c5.28156,0 8.98047,3.60045 8.98047,8.74805c0,5.81575 -2.9366,9.8457 -6.75781,9.8457c-2.11031,0 -3.6905,-1.74581 -3.18359,-3.88672c0.60779,-2.55519 1.78125,-5.31251 1.78125,-7.1582c0,-1.65054 -0.88576,-3.02734 -2.7207,-3.02734c-2.15744,0 -3.89062,2.23055 -3.89062,5.2207c0,1.90275 0.64453,3.19141 0.64453,3.19141c0,0 -2.13118,9.0105 -2.52148,10.6875c-0.39114,1.67579 -0.28638,3.93285 -0.125,5.61328c-7.6941,-3.11433 -13.11523,-10.64747 -13.11523,-19.4668c0,-11.60982 9.39017,-21 21,-21z"></path></g></g>
</svg></div>
<div class="social" id="tiktok"><input type="text" class="socialusername" placeholder="your tiktok username"><svg class="socialimg" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0,0,256,256">
<g transform="translate(-71.68,-71.68) scale(1.56,1.56)"><g fill="#23dc73" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(5.12,5.12)"><path d="M9,4c-2.75042,0 -5,2.24958 -5,5v32c0,2.75042 2.24958,5 5,5h32c2.75042,0 5,-2.24958 5,-5v-32c0,-2.75042 -2.24958,-5 -5,-5zM9,6h32c1.67158,0 3,1.32842 3,3v32c0,1.67158 -1.32842,3 -3,3h-32c-1.67158,0 -3,-1.32842 -3,-3v-32c0,-1.67158 1.32842,-3 3,-3zM26.04297,10c-0.5515,0.00005 -0.99887,0.44655 -1,0.99805c0,0 -0.01098,4.87522 -0.02148,9.76172c-0.0053,2.44325 -0.01168,4.88902 -0.01562,6.73047c-0.00394,1.84145 -0.00586,3.0066 -0.00586,3.10352c0,1.81526 -1.64858,3.29883 -3.52734,3.29883c-1.86379,0 -3.35156,-1.48972 -3.35156,-3.35352c0,-1.86379 1.48777,-3.35156 3.35156,-3.35156c0.06314,0 0.1904,0.02075 0.4082,0.04688c0.28415,0.03406 0.56927,-0.05523 0.78323,-0.24529c0.21396,-0.19006 0.33624,-0.46267 0.33591,-0.74885v-4.20117c-0.00005,-0.528 -0.41054,-0.965 -0.9375,-0.99805c-0.15583,-0.0098 -0.35192,-0.0293 -0.58984,-0.0293c-5.24953,0 -9.52734,4.27782 -9.52734,9.52734c0,5.24953 4.27782,9.52734 9.52734,9.52734c5.24938,0 9.52734,-4.27782 9.52734,-9.52734v-9.04883c1.45461,1.16341 3.26752,1.90039 5.26953,1.90039c0.27306,0 0.53277,-0.01618 0.78125,-0.03906c0.51463,-0.04749 0.90832,-0.47927 0.9082,-0.99609v-4.66992c0.0003,-0.52448 -0.40463,-0.9601 -0.92773,-0.99805c-3.14464,-0.22561 -5.65141,-2.67528 -5.97852,-5.79102c-0.05305,-0.50925 -0.48214,-0.89619 -0.99414,-0.89648zM27.04102,12h2.28125c0.72678,3.2987 3.30447,5.8144 6.63672,6.44531v2.86523c-2.13887,-0.10861 -4.01749,-1.1756 -5.12305,-2.85742c-0.24284,-0.36962 -0.69961,-0.53585 -1.12322,-0.40877c-0.4236,0.12708 -0.71344,0.51729 -0.71272,0.95955v11.53516c0,4.16848 -3.35873,7.52734 -7.52734,7.52734c-4.16848,0 -7.52734,-3.35887 -7.52734,-7.52734c0,-4.00052 3.12077,-7.17588 7.05469,-7.43164v2.17578c-2.71358,0.25252 -4.87891,2.47904 -4.87891,5.25586c0,2.94421 2.40735,5.35352 5.35156,5.35352c2.92924,0 5.52734,-2.30609 5.52734,-5.29883c0,0.04892 0.00186,-1.25818 0.00586,-3.09961c0.0039,-1.84143 0.01037,-4.28722 0.01563,-6.73047c0.0094,-4.3869 0.0177,-7.91447 0.01953,-8.76367z"></path></g></g></g>
</svg></div>
<div class="social" id="discord"><input type="text" class="socialusername" placeholder="your discord invite code"><svg class="socialimg" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0,0,256,256">
<g fill="#23dc73" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(5.12,5.12)"><path d="M18.90625,7c0,0 -6.36719,0.4375 -10.53125,3.78125c-0.01953,0.00781 -0.04297,0.01953 -0.0625,0.03125c-0.72266,0.66797 -1.26562,1.70313 -1.9375,3.1875c-0.67187,1.48438 -1.38281,3.39453 -2.03125,5.53125c-1.29297,4.27734 -2.34375,9.52734 -2.34375,14.46875c-0.00391,0.17578 0.03906,0.34766 0.125,0.5c1.46094,2.56641 4.14844,4.11719 6.65625,5.09375c2.50781,0.97656 4.82422,1.36719 6,1.40625c0.33203,0.01172 0.64844,-0.14062 0.84375,-0.40625l2.4375,-3.375c1.96484,0.46484 4.26953,0.78125 6.9375,0.78125c2.66797,0 4.97266,-0.31641 6.9375,-0.78125l2.4375,3.375c0.19531,0.26563 0.51172,0.41797 0.84375,0.40625c1.17578,-0.03906 3.49219,-0.42969 6,-1.40625c2.50781,-0.97656 5.19531,-2.52734 6.65625,-5.09375c0.08594,-0.15234 0.12891,-0.32422 0.125,-0.5c0,-4.94141 -1.05078,-10.19141 -2.34375,-14.46875c-0.64844,-2.13672 -1.35937,-4.04687 -2.03125,-5.53125c-0.67187,-1.48437 -1.21484,-2.51953 -1.9375,-3.1875c-0.01953,-0.01172 -0.04297,-0.02344 -0.0625,-0.03125c-4.16406,-3.34375 -10.53125,-3.78125 -10.53125,-3.78125c-0.07422,-0.00781 -0.14453,-0.00781 -0.21875,0c-0.34766,0.04688 -0.64062,0.27344 -0.78125,0.59375c0,0 -0.33984,0.74609 -0.5625,1.8125c-1.94922,-0.3125 -3.58984,-0.40625 -4.53125,-0.40625c-0.94141,0 -2.58203,0.09375 -4.53125,0.40625c-0.22266,-1.06641 -0.5625,-1.8125 -0.5625,-1.8125c-0.17187,-0.39062 -0.57422,-0.62891 -1,-0.59375zM18.28125,9.15625c0.07422,0.20313 0.125,0.39453 0.1875,0.625c-2.25391,0.52344 -4.72266,1.37891 -7.03125,2.8125c-0.36328,0.15234 -0.60156,0.50391 -0.61328,0.89844c-0.00781,0.39063 0.21484,0.75391 0.56641,0.92578c0.35547,0.16797 0.77734,0.11719 1.07813,-0.13672c4.63281,-2.87109 10.52734,-3.28125 12.53125,-3.28125c2.00391,0 7.89844,0.41016 12.53125,3.28125c0.30078,0.25391 0.72266,0.30469 1.07813,0.13672c0.35156,-0.17187 0.57422,-0.53516 0.56641,-0.92578c-0.01172,-0.39453 -0.25,-0.74609 -0.61328,-0.89844c-2.30859,-1.43359 -4.77734,-2.28906 -7.03125,-2.8125c0.0625,-0.23047 0.11328,-0.42187 0.1875,-0.625c1.14063,0.14063 5.57422,0.73828 8.59375,3.125c0.19531,0.17969 0.875,1.17969 1.5,2.5625c0.625,1.38281 1.28125,3.18359 1.90625,5.25c1.21875,4.03125 2.20313,9.00391 2.25,13.5625c-1.13672,1.83984 -3.26953,3.20703 -5.46875,4.0625c-2,0.77734 -3.86719,1.125 -4.84375,1.21875l-1.6875,-2.28125c0.85938,-0.27734 1.63281,-0.57812 2.3125,-0.875c2.52344,-1.10937 3.875,-2.28125 3.875,-2.28125c0.41406,-0.37109 0.44922,-1.00781 0.07813,-1.42187c-0.37109,-0.41406 -1.00781,-0.44922 -1.42187,-0.07812c0,0 -1.04687,0.95703 -3.34375,1.96875c-0.84375,0.37109 -1.86719,0.73828 -3.03125,1.0625c-0.26953,-0.03125 -0.53906,0.04688 -0.75,0.21875c-1.86328,0.45313 -4.07812,0.75 -6.6875,0.75c-2.62891,0 -4.84766,-0.32422 -6.71875,-0.78125c-0.21094,-0.14062 -0.46875,-0.19922 -0.71875,-0.15625c-1.16797,-0.32422 -2.18359,-0.72266 -3.03125,-1.09375c-2.29687,-1.01172 -3.34375,-1.96875 -3.34375,-1.96875c-0.22656,-0.21094 -0.53906,-0.30078 -0.84375,-0.25c-0.38672,0.05859 -0.70703,0.33594 -0.8125,0.71484c-0.10937,0.375 0.01563,0.78125 0.3125,1.03516c0,0 1.35156,1.17188 3.875,2.28125c0.67969,0.29688 1.45313,0.59766 2.3125,0.875l-1.6875,2.28125c-0.97656,-0.09375 -2.84375,-0.44141 -4.84375,-1.21875c-2.19922,-0.85547 -4.33203,-2.22266 -5.46875,-4.0625c0.04688,-4.55859 1.03125,-9.53125 2.25,-13.5625c0.625,-2.06641 1.28125,-3.86719 1.90625,-5.25c0.625,-1.38281 1.30469,-2.38281 1.5,-2.5625c3.01953,-2.38672 7.45313,-2.98437 8.59375,-3.125zM18.5,21c-2.55078,0 -4.5,2.31641 -4.5,5c0,2.68359 1.94922,5 4.5,5c2.55078,0 4.5,-2.31641 4.5,-5c0,-2.68359 -1.94922,-5 -4.5,-5zM31.5,21c-2.55078,0 -4.5,2.31641 -4.5,5c0,2.68359 1.94922,5 4.5,5c2.55078,0 4.5,-2.31641 4.5,-5c0,-2.68359 -1.94922,-5 -4.5,-5zM18.5,23c1.31641,0 2.5,1.26563 2.5,3c0,1.73438 -1.18359,3 -2.5,3c-1.31641,0 -2.5,-1.26562 -2.5,-3c0,-1.73437 1.18359,-3 2.5,-3zM31.5,23c1.31641,0 2.5,1.26563 2.5,3c0,1.73438 -1.18359,3 -2.5,3c-1.31641,0 -2.5,-1.26562 -2.5,-3c0,-1.73437 1.18359,-3 2.5,-3z"></path></g></g>
</svg></div>
<div class="social" id="linkedIn"><input type="text" class="socialusername" placeholder="your LinkedIn username"><svg class="socialimg" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0,0,256,256">
<g fill="#23dc73" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(5.12,5.12)"><path d="M9,4c-2.74952,0 -5,2.25048 -5,5v32c0,2.74952 2.25048,5 5,5h32c2.74952,0 5,-2.25048 5,-5v-32c0,-2.74952 -2.25048,-5 -5,-5zM9,6h32c1.66848,0 3,1.33152 3,3v32c0,1.66848 -1.33152,3 -3,3h-32c-1.66848,0 -3,-1.33152 -3,-3v-32c0,-1.66848 1.33152,-3 3,-3zM14,11.01172c-1.09522,0 -2.08078,0.32736 -2.81055,0.94141c-0.72977,0.61405 -1.17773,1.53139 -1.17773,2.51367c0,1.86718 1.61957,3.32281 3.67969,3.4668c0.0013,0.00065 0.0026,0.0013 0.00391,0.00195c0.09817,0.03346 0.20099,0.05126 0.30469,0.05273c2.27301,0 3.98828,-1.5922 3.98828,-3.52148c-0.00018,-0.01759 -0.00083,-0.03518 -0.00195,-0.05274c-0.10175,-1.90023 -1.79589,-3.40234 -3.98633,-3.40234zM14,12.98828c1.39223,0 1.94197,0.62176 2.00195,1.50391c-0.01215,0.85625 -0.54186,1.51953 -2.00195,1.51953c-1.38541,0 -2.01172,-0.70949 -2.01172,-1.54492c0,-0.41771 0.15242,-0.7325 0.47266,-1.00195c0.32023,-0.26945 0.83428,-0.47656 1.53906,-0.47656zM11,19c-0.55226,0.00006 -0.99994,0.44774 -1,1v19c0.00006,0.55226 0.44774,0.99994 1,1h6c0.55226,-0.00006 0.99994,-0.44774 1,-1v-5.86523v-13.13477c-0.00006,-0.55226 -0.44774,-0.99994 -1,-1zM20,19c-0.55226,0.00006 -0.99994,0.44774 -1,1v19c0.00006,0.55226 0.44774,0.99994 1,1h6c0.55226,-0.00006 0.99994,-0.44774 1,-1v-10c0,-0.82967 0.22639,-1.65497 0.625,-2.19531c0.39861,-0.54035 0.90147,-0.86463 1.85742,-0.84766c0.98574,0.01695 1.50758,0.35464 1.90234,0.88477c0.39477,0.53013 0.61523,1.32487 0.61523,2.1582v10c0.00006,0.55226 0.44774,0.99994 1,1h6c0.55226,-0.00006 0.99994,-0.44774 1,-1v-10.73828c0,-2.96154 -0.87721,-5.30739 -2.38086,-6.89453c-1.50365,-1.58714 -3.59497,-2.36719 -5.80664,-2.36719c-2.10202,0 -3.70165,0.70489 -4.8125,1.42383v-0.42383c-0.00006,-0.55226 -0.44774,-0.99994 -1,-1zM12,21h4v12.13477v4.86523h-4zM21,21h4v1.56055c0.00013,0.43 0.27511,0.81179 0.68291,0.94817c0.40781,0.13638 0.85714,-0.00319 1.11591,-0.34661c0,0 1.57037,-2.16211 5.01367,-2.16211c1.75333,0 3.25687,0.58258 4.35547,1.74219c1.0986,1.15961 1.83203,2.94607 1.83203,5.51953v9.73828h-4v-9c0,-1.16667 -0.27953,-2.37289 -1.00977,-3.35352c-0.73023,-0.98062 -1.9584,-1.66341 -3.47266,-1.68945c-1.52204,-0.02703 -2.77006,0.66996 -3.50195,1.66211c-0.73189,0.99215 -1.01562,2.21053 -1.01562,3.38086v9h-4z"></path></g></g>
</svg></div>
<div class="social" id="insta"><input type="text" class="socialusername" placeholder="your instagram username"><svg class="socialimg" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0,0,256,256">
<g fill="#23dc73" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(5.12,5.12)"><path d="M16,3c-7.16752,0 -13,5.83248 -13,13v18c0,7.16752 5.83248,13 13,13h18c7.16752,0 13,-5.83248 13,-13v-18c0,-7.16752 -5.83248,-13 -13,-13zM16,5h18c6.08648,0 11,4.91352 11,11v18c0,6.08648 -4.91352,11 -11,11h-18c-6.08648,0 -11,-4.91352 -11,-11v-18c0,-6.08648 4.91352,-11 11,-11zM37,11c-1.10457,0 -2,0.89543 -2,2c0,1.10457 0.89543,2 2,2c1.10457,0 2,-0.89543 2,-2c0,-1.10457 -0.89543,-2 -2,-2zM25,14c-6.06329,0 -11,4.93671 -11,11c0,6.06329 4.93671,11 11,11c6.06329,0 11,-4.93671 11,-11c0,-6.06329 -4.93671,-11 -11,-11zM25,16c4.98241,0 9,4.01759 9,9c0,4.98241 -4.01759,9 -9,9c-4.98241,0 -9,-4.01759 -9,-9c0,-4.98241 4.01759,-9 9,-9z"></path></g></g>
</svg></div>
<div class="social" id="quora"><input type="text" class="socialusername" placeholder="your quora username"><svg class="socialimg" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0,0,256,256">
<g fill="#23dc73" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(8,8)"><path d="M15.49219,4c-5.291,0 -10.49219,4.23045 -10.49219,10.43945c0,7.117 6.96884,11.7593 13.21484,10.0293c1.046,1.783 2.42378,3.53125 5.05078,3.53125c4.341,0 4.73438,-4 4.73438,-5h-1.55469c-0.08,0.716 -0.56772,1.45703 -1.76172,1.45703c-1.088,0 -1.87295,-0.75244 -2.62695,-1.89844c2.346,-1.815 3.89258,-4.64509 3.89258,-8.12109c0.005,-6.235 -5.05503,-10.4375 -10.45703,-10.4375zM15.49219,6c4.044,0 5.76953,2.90945 5.76953,8.43945c0.005,2.218 -0.28867,4.01103 -0.88867,5.33203c-1.035,-1.55 -2.31847,-2.76953 -4.85547,-2.76953c-1.619,0 -2.72486,0.47139 -3.50586,1.15039l0.64648,1.29102c0.329,-0.159 0.53548,-0.1543 0.89649,-0.1543c1.884,0 2.84987,1.63591 3.67187,3.25391c-0.531,0.159 -1.10033,0.22266 -1.73633,0.22266c-3.98,0 -5.70508,-2.81341 -5.70508,-8.31641c0.001,-5.541 1.72703,-8.44922 5.70703,-8.44922z"></path></g></g>
</svg></div>
<div class="social" id="stackoverflow"><input type="text" class="socialusername" placeholder="your StackOverflow UserID only"><svg class="socialimg" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0,0,256,256">
<g fill="#23dc73" fill-rule="evenodd" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(5.12,5.12)"><path d="M40.92578,1.89063l-3.06641,0.52734l3.32813,18.20703l2.84375,-0.37109zM29.96875,6.35156l-2.86719,1.72656l10.19922,14.95703l2.51953,-1.55469zM20.79688,15.03125l-1.68359,2.67188l15.38672,9.29688l1.40234,-2.42187zM16.375,24.40234l-0.74609,3l17.73047,4.49219l0.28125,-2.69141zM9,29v18.98438l29.90234,0.01563v-0.01562c0.03125,0 0.09766,-18.98437 0.09766,-18.98437h-3v16h-24v-16zM15.15234,32.35547l-0.25,2.98438l18.09766,1.66016l0.20313,-2.5zM14.90234,39l0.09766,3l18,-0.07031v-2.92969z"></path></g></g>
</svg></div>
<div class="social" id="twitch"><input type="text" class="socialusername" placeholder="your twitch username"><svg class="socialimg" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0,0,256,256">
<g fill="#23dc73" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(5.12,5.12)"><path d="M5.3125,1l-0.25,0.65625l-3,8l-0.0625,0.15625v33.1875h11v6h7.40625l0.3125,-0.28125l5.71875,-5.71875h8.96875l0.3125,-0.28125l12.28125,-12.28125v-29.4375zM6.6875,3h39.3125v26.59375l-11.40625,11.40625h-9l-6,6h-4.59375v-6h-11v-30.8125zM10,5v30h8v7.40625l1.71875,-1.6875l5.71875,-5.71875h11.96875l0.3125,-0.28125l6,-6l0.28125,-0.3125v-23.40625zM12,7h30v20.5625l-5.4375,5.4375h-11.96875l-0.3125,0.28125l-4.28125,4.28125v-4.5625h-8zM20,13v14h6v-14zM30,13v14h6v-14zM22,15h2v10h-2zM32,15h2v10h-2z"></path></g></g>
</svg></div>
<div class="social" id="youtube"><input type="text" class="socialusername" placeholder="Your youtube channel ID"><svg class="socialimg" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0,0,256,256">
<g transform="translate(-126.72,-126.72) scale(1.99,1.99)"><g fill="#23dc73" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(8,8)"><path d="M5,5v22h22v-22zM7,7h18v18h-18zM16,11.08008c0,0 -4.3907,-0.00094 -5.4707,0.28906c-0.6,0.17 -1.08023,0.64 -1.24023,1.25c-0.29,1.09 -0.28906,3.39062 -0.28906,3.39062c0,0 -0.00094,2.30039 0.28906,3.40039c0.16,0.6 0.64023,1.0607 1.24023,1.2207c1.08,0.29 5.4707,0.28906 5.4707,0.28906c0,0 4.3907,0.00094 5.4707,-0.28906c0.6,-0.17 1.08023,-0.62047 1.24023,-1.23047c0.29,-1.09 0.28906,-3.39062 0.28906,-3.39062c0,0 0.00094,-2.29062 -0.28906,-3.39062c-0.16,-0.61 -0.64023,-1.08 -1.24023,-1.25c-1.08,-0.29 -5.4707,-0.28906 -5.4707,-0.28906zM14,13.15625l5,2.85547l-5,2.8418z"></path></g></g></g>
</svg></div>
<div class="social" id="X"><input type="text" class="socialusername" placeholder="your X username"><svg class="socialimg" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0,0,256,256">
<g fill="#23dc73" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(5.12,5.12)"><path d="M5.91992,6l14.66211,21.375l-14.35156,16.625h3.17969l12.57617,-14.57812l10,14.57813h12.01367l-15.31836,-22.33008l13.51758,-15.66992h-3.16992l-11.75391,13.61719l-9.3418,-13.61719zM9.7168,8h7.16406l23.32227,34h-7.16406z"></path></g></g>
</svg></div>
<div class="social" id="mastodon"><input type="text" class="socialusername" placeholder="your Mastodon username (without @)"><svg class="socialimg" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0,0,256,256">
<g fill="#23dc73" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(5.33333,5.33333)"><path d="M23.94727,4.49805c-0.00391,0.00064 -0.00782,0.00129 -0.01172,0.00195c-4.6999,0.0388 -9.1903,0.46771 -12.2168,1.85547c-0.0098,0.00451 -1.62577,0.74942 -3.09766,2.53125c-1.47635,1.78723 -2.90039,4.69951 -2.90039,8.93164c0,1.76843 -0.0365,3.92534 0.02148,6.23242c0.02103,0.82843 0.70966,1.48295 1.53809,1.46191c0.82843,-0.02103 1.48295,-0.70966 1.46191,-1.53809c-0.05602,-2.22891 -0.02148,-4.34867 -0.02148,-6.15625c0,-3.57687 1.1327,-5.71147 2.21484,-7.02148c1.08215,-1.31002 2.01367,-1.70703 2.01367,-1.70703c0.00457,-0.00193 0.00912,-0.00388 0.01367,-0.00586c2.13148,-0.979 6.48599,-1.54783 10.98437,-1.58594h0.11328c4.49665,0.03826 8.85557,0.60727 10.98633,1.58594c0.0039,0.00197 0.0078,0.00392 0.01172,0.00586c0,0 0.93353,0.39719 2.01563,1.70703c1.08209,1.30984 2.21484,3.44408 2.21484,7.02148c-0.00003,0.00586 -0.00003,0.01172 0,0.01758c0,0 0.03797,5.73912 -0.68555,9.45898c-0.12338,0.53438 0.05468,1.09349 0.46436,1.4581c0.40968,0.36461 0.98568,0.4766 1.50213,0.29205c0.51645,-0.18455 0.89104,-0.63621 0.97687,-1.17789c0.83082,-4.2716 0.74255,-10.02779 0.74219,-10.05078c-0.00047,-4.23146 -1.42618,-7.14478 -2.90234,-8.93164c-1.47194,-1.78174 -3.0859,-2.52478 -3.0957,-2.5293c-3.0269,-1.38794 -7.51983,-1.81667 -12.21875,-1.85547c-0.0039,-0.00067 -0.00781,-0.00132 -0.01172,-0.00195zM18.73828,12.10156c-1.657,0 -2.99272,0.58275 -4.01172,1.71875c-0.988,1.137 -1.48047,2.67247 -1.48047,4.60547v9.45508h3.74609v-9.17773c0,-1.935 0.81536,-2.91797 2.44336,-2.91797c1.801,0 2.70313,1.16575 2.70313,3.46875v5.02344h3.72266v-5.02344c0,-2.303 0.90312,-3.46875 2.70313,-3.46875c1.628,0 2.44336,0.98297 2.44336,2.91797v9.17773h3.74609v-9.45508c0,-1.932 -0.49247,-3.46947 -1.48047,-4.60547c-1.019,-1.137 -2.35472,-1.71875 -4.01172,-1.71875c-1.918,0 -3.36812,0.73694 -4.32812,2.21094l-0.93359,1.56445l-0.93359,-1.56445c-0.96,-1.474 -2.41113,-2.21094 -4.32812,-2.21094zM7.5,27.27344c-0.42373,0.01201 -0.82259,0.20273 -1.09797,0.525c-0.27538,0.32227 -0.40156,0.74599 -0.34735,1.16641c0.34317,3.01006 1.01369,5.89958 2.4375,8.33203c1.42381,2.43245 3.68324,4.36602 6.83008,5.19922c0,0.00065 0,0.0013 0,0.00195c3.41005,0.90201 6.36842,1.09701 8.76758,0.96484c0.00065,0 0.0013,0 0.00195,0c2.99178,-0.16627 5.11107,-0.83977 6.18945,-1.26953c0.98431,-0.39174 1.61482,-1.38944 1.56836,-2.43359c0,-0.00065 0,-0.0013 0,-0.00195l-0.04883,-1.04883v-0.00195c-0.06961,-1.51305 -1.54276,-2.66165 -3.03516,-2.32617c-1.06716,0.23962 -2.83795,0.53674 -4.66016,0.47461c-1.60459,-0.05537 -3.11797,-0.18041 -4.07812,-0.59375c-0.67883,-0.29223 -1.07438,-0.75494 -1.35742,-1.46875c1.35012,0.22525 3.19376,0.47532 5.26758,0.57031c2.61634,0.1208 5.02498,-0.15362 7.38477,-0.43555c1.54721,-0.18451 3.01758,-0.60357 4.34375,-1.17969c0.50993,-0.20121 0.86951,-0.66454 0.93784,-1.20845c0.06833,-0.54392 -0.16546,-1.08179 -0.60978,-1.40288c-0.44432,-0.32109 -1.02839,-0.37425 -1.52338,-0.13866c-1.06783,0.46389 -2.26712,0.80368 -3.50391,0.95117c-2.34422,0.28007 -4.56896,0.52321 -6.89062,0.41602c-3.88275,-0.17784 -6.9375,-0.92187 -6.9375,-0.92187c-0.44751,-0.10974 -0.92063,-0.00773 -1.28317,0.27666c-0.36254,0.28439 -0.57427,0.7196 -0.57426,1.18037c0,0.45207 0.02854,0.89106 0.08789,1.31836c0.31848,2.4055 1.77574,4.0672 3.4707,4.79688c1.69609,0.73016 3.5207,0.78126 5.16211,0.83789c1.96341,0.06727 3.58895,-0.23217 4.82617,-0.48633l0.00781,0.14258c-0.90482,0.33582 -2.51413,0.82361 -4.91016,0.95703c-2.10284,0.11584 -4.73599,-0.04915 -7.83594,-0.86914c-2.42019,-0.64075 -3.91033,-1.93811 -5.00977,-3.81641c-1.09944,-1.8783 -1.72614,-4.37731 -2.04297,-7.15625c-0.07773,-0.78438 -0.74923,-1.37482 -1.53711,-1.35156zM28.85352,39.89063v0.00391l-0.00195,-0.00195z"></path></g></g>
</svg></div>
<div class="social" id="codepen"><input type="text" class="socialusername" placeholder="your codepen username"><svg class="socialimg" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0,0,256,256">
<g fill="#23dc73" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(5.12,5.12)"><path d="M25,4l-21,13.34375v15.30859l21,13.34766l21,-13.34375v-15.3125zM25,29.18359l-5.93359,-4.11328l5.93359,-4.04687l5.93359,4.04688zM27,17.60547v-7.65625l13.42969,8.53516l-6.01953,4.17188zM23,17.60547l-7.41016,5.05078l-6.01953,-4.17187l13.42969,-8.53516zM12.09375,25.04297l-4.09375,2.78906v-5.62891zM15.57031,27.45313l7.42969,5.15234v7.44531l-13.41016,-8.52344zM27,32.60547l7.42969,-5.15234l5.98047,4.07422l-13.41016,8.52344zM37.90625,25.04297l4.09375,-2.83984v5.62891z"></path></g></g>
</svg></div>
<div class="social" id="email"><input type="text" class="socialusername" placeholder="your email address"><svg class="socialimg" xmlns="http://www.w3.org/2000/svg" version="1.0" width="24.000000pt" height="24.000000pt" viewBox="0 0 24.000000 24.000000" preserveAspectRatio="xMidYMid meet">
<g class="socialimg" transform="translate(0.000000,24.000000) scale(0.100000,-0.100000)" fill="#23dc73" stroke="none">
<path class="socialimg" d="M24 187 c-3 -8 -4 -43 -2 -78 l3 -64 95 0 95 0 0 75 0 75 -93 3 c-72 2 -94 0 -98 -11z m176 -12 c0 -3 -18 -16 -40 -30 l-40 -25 -40 25 c-22 14 -40 27 -40 30 0 3 36 5 80 5 44 0 80 -2 80 -5z m-39 -51 l39 26 0 -45 0 -45 -80 0 -80 0 0 45 0 45 41 -26 41 -25 39 25z"/>
</g>
</svg></div>
<p class="cyan"><a class="noshow" onclick="socialmedia()">→</a></p>
<script src="index.js"></script>
</div>
</body>
</html>