-
-
Notifications
You must be signed in to change notification settings - Fork 3
/
contact.html
114 lines (108 loc) · 15.3 KB
/
contact.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact Riolubruh</title>
<meta property="og:site_name" content="Where am I? Where's Reznov? Who the hell are you!?">
<meta property="og:title" content="Speak up to Riolubruh">
<meta property="og:description" content="What do you want from me!?">
<meta property="og:image" content="https://riolubruh.github.io/img/tele_kittens.gif">
<link rel="stylesheet" type="text/css" href="./style.css">
<script src="submitContactForm.js" defer></script>
</head>
<body>
<header>
<img id="headerimg" src="./img/headerimg.jpg" alt="Header Image">
</header>
<nav class="horizontalNav">
<ul>
<li><a href="./">Home</a></li>
<li><a href="./blogs">Blogs</a></li>
<li><a href="./cute_animals.html">Cute Animals</a></li>
<li><a href="./projects.html">Projects</a></li>
<li><a href="./gaming.html">Gaming</a></li>
<li><a href="./contact.html">Contact</a></li>
</ul>
</nav>
<table class="recentlyUpdated">
<tr>
<th>Recently Updated</th>
</tr>
<tr class="color1">
<td><a href="./">Home page updated!</a></td>
</tr>
<tr class="color2">
<td><a href="./gaming.html">Gaming page created!</a></td>
</tr>
<tr class="color1">
<td><a href="./contact.html">Contact page created!</a></td>
</tr>
<tr class="color2">
<td><a href="./projects.html">Projects page created!</a></td>
</tr>
<tr class="color1">
<td><a href="./cute_animals.html">Cute animals page created!</a></td>
</tr>
<tr class="color2">
<td><a href="./blogs">Blog landing page created!</a></td>
</tr>
<tr class="color1">
<td><a href="./">Home page created!</a></td>
</tr>
</table>
<article>
<div class="darkContainer">
<h1>Contact</h1>
<div style="margin-top: 1em;" class="lightContainer">
<h2>EMAIL CONTACT <a style="font-size:0.7em;" class="link" href="mailto:hi@riolubruh.us.to">hi@riolubruh.us.to</a></h2>
<h2 style="margin-top: 1.2em; margin-left: 2px;">QUICK CONTACT</h2>
<form method="post" id="contactForm" action="https://forwardmessages.riolubruh.workers.dev" enctype="application/x-www-form-urlencoded">
<div class="leftStuff">
<input tabindex="7" type="text" id="name" name="name" placeholder="Your name" required><br>
<input tabindex="8" type="email" id="email" name="email" placeholder="Your email" required><br>
<input tabindex="9" type="text" id="subject" name="subject" placeholder="Subject" required>
</div>
<div class="rightStuff">
<textarea tabindex="10" class="bigInputTextArea" rows="6" cols="33" id="body" name="body" placeholder="What's up?" required></textarea><br>
<input tabindex="11" type="submit" class="contactSubmitButton" id="submit" value="Submit">
</div>
</form>
<h3>Alternatively...</h3>
<footer>
<a href="https://discord.gg/EFmGEWAUns">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="64" height="64" viewBox="0,0,255.99989,256.00015">
<g fill="#ffffff" 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-size="none" style="mix-blend-mode: normal"><g transform="scale(5.12,5.12)"><path d="M41.625,10.76953c-3.98047,-3.20313 -10.27734,-3.74609 -10.54687,-3.76563c-0.41797,-0.03516 -0.81641,0.19922 -0.98828,0.58594c-0.01562,0.02344 -0.15234,0.33984 -0.30469,0.83203c2.63281,0.44531 5.86719,1.33984 8.79297,3.15625c0.46875,0.28906 0.61328,0.90625 0.32422,1.375c-0.19141,0.30859 -0.51562,0.47656 -0.85156,0.47656c-0.17969,0 -0.36328,-0.05078 -0.52734,-0.15234c-5.03125,-3.12109 -11.3125,-3.27734 -12.52344,-3.27734c-1.21094,0 -7.49609,0.15625 -12.52344,3.27734c-0.46875,0.29297 -1.08594,0.14844 -1.375,-0.32031c-0.29297,-0.47266 -0.14844,-1.08594 0.32031,-1.37891c2.92578,-1.8125 6.16016,-2.71094 8.79297,-3.15234c-0.15234,-0.49609 -0.28906,-0.80859 -0.30078,-0.83594c-0.17578,-0.38672 -0.57031,-0.62891 -0.99219,-0.58594c-0.26953,0.01953 -6.56641,0.5625 -10.60156,3.80859c-2.10547,1.94922 -6.32031,13.33984 -6.32031,23.1875c0,0.17578 0.04688,0.34375 0.13281,0.49609c2.90625,5.10938 10.83984,6.44531 12.64844,6.50391c0.00781,0 0.01953,0 0.03125,0c0.32031,0 0.62109,-0.15234 0.80859,-0.41016l1.82813,-2.51562c-4.93359,-1.27344 -7.45312,-3.4375 -7.59766,-3.56641c-0.41406,-0.36328 -0.45312,-0.99609 -0.08594,-1.41016c0.36328,-0.41406 0.99609,-0.45312 1.41016,-0.08984c0.05859,0.05469 4.69922,3.99219 13.82422,3.99219c9.14063,0 13.78125,-3.95312 13.82813,-3.99219c0.41406,-0.35937 1.04297,-0.32422 1.41016,0.09375c0.36328,0.41406 0.32422,1.04297 -0.08984,1.40625c-0.14453,0.12891 -2.66406,2.29297 -7.59766,3.56641l1.82813,2.51563c0.1875,0.25781 0.48828,0.41016 0.80859,0.41016c0.01172,0 0.02344,0 0.03125,0c1.80859,-0.05859 9.74219,-1.39453 12.64844,-6.50391c0.08594,-0.15234 0.13281,-0.32031 0.13281,-0.49609c0,-9.84766 -4.21484,-21.23828 -6.375,-23.23047zM18.5,30c-1.93359,0 -3.5,-1.78906 -3.5,-4c0,-2.21094 1.56641,-4 3.5,-4c1.93359,0 3.5,1.78906 3.5,4c0,2.21094 -1.56641,4 -3.5,4zM31.5,30c-1.93359,0 -3.5,-1.78906 -3.5,-4c0,-2.21094 1.56641,-4 3.5,-4c1.93359,0 3.5,1.78906 3.5,4c0,2.21094 -1.56641,4 -3.5,4z"></path></g></g>
</svg>
<span class="underText">discord</span>
</a>
<a href="https://twitter.com/riolubruh">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="64" height="64" viewBox="0,0,256.00037,256.00024">
<g fill="#ffffff" 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-size="none" style="mix-blend-mode: normal"><g transform="scale(5.12,5.12)"><path d="M50.0625,10.4375c-1.84766,0.82031 -3.82812,1.37109 -5.91016,1.62109c2.125,-1.27344 3.75781,-3.28906 4.52344,-5.6875c-1.98437,1.17578 -4.19141,2.03125 -6.53125,2.49219c-1.875,-2 -4.54687,-3.24609 -7.50391,-3.24609c-5.67969,0 -10.28516,4.60156 -10.28516,10.28125c0,0.80469 0.09375,1.58984 0.26953,2.34375c-8.54687,-0.42969 -16.12109,-4.52344 -21.19531,-10.74609c-0.88672,1.52344 -1.39062,3.28906 -1.39062,5.17187c0,3.56641 1.8125,6.71484 4.57422,8.5625c-1.6875,-0.05469 -3.27344,-0.51953 -4.66016,-1.28906c0,0.04297 0,0.08594 0,0.12891c0,4.98438 3.54688,9.13672 8.24609,10.08594c-0.85937,0.23438 -1.76953,0.35938 -2.70703,0.35938c-0.66406,0 -1.30859,-0.0625 -1.9375,-0.1875c1.3125,4.08203 5.10938,7.0625 9.60547,7.14453c-3.51562,2.75781 -7.94922,4.39844 -12.76953,4.39844c-0.83203,0 -1.64844,-0.04687 -2.44922,-0.14453c4.54687,2.92188 9.95312,4.62109 15.76172,4.62109c18.91406,0 29.25781,-15.66797 29.25781,-29.25391c0,-0.44531 -0.01172,-0.89453 -0.02734,-1.33203c2.00781,-1.44922 3.75,-3.26172 5.12891,-5.32422z"></path></g></g>
</svg>
<span class="underText">twitter</span>
</a>
<a href="https://signal.me/#eu/TAcF2z5E5wKXTk6fn8LkSNkB2594hpvQD/OUBwSF/lPAOXAJi5dMxYMfxoC4gLca">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="64" height="64" viewBox="0,0,255.99966,255.99994">
<g fill="#ffffff" 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-size="none" style="mix-blend-mode: normal"><g transform="scale(5.12,5.12)"><path d="M25,2l-0.21875,0.00195l0.01563,2l0.20313,-0.00195c1.529,0 3.0542,0.16519 4.5332,0.49219l0.43359,-1.95312c-1.621,-0.358 -3.2928,-0.53906 -4.9668,-0.53906zM22.69531,2.11328c-1.74,0.174 -3.45366,0.54738 -5.09766,1.10938l0.64453,1.89258c1.499,-0.513 3.06534,-0.85272 4.65234,-1.01172zM31.98438,3.08594l-0.60742,1.9043c1.517,0.486 2.97212,1.1468 4.32813,1.9668l1.03516,-1.71094c-1.49,-0.901 -3.09086,-1.62716 -4.75586,-2.16016zM15.64844,3.99219c-1.597,0.719 -3.10256,1.62255 -4.47656,2.68555l1.22266,1.58203c1.251,-0.968 2.62117,-1.79031 4.07617,-2.44531zM38.47656,6.41211l-1.19141,1.60742c1.281,0.951 2.44227,2.04867 3.44727,3.26367l1.54102,-1.27344c-1.108,-1.339 -2.38587,-2.55066 -3.79688,-3.59766zM25,7c-9.374,0 -17,7.178 -17,16c0,5.129 2.606,9.9265 7,12.9375v5.0625c0,0.357 0.19,0.68623 0.5,0.86523c0.154,0.089 0.327,0.13477 0.5,0.13477c0.172,0 0.34405,-0.04477 0.49805,-0.13477l5.43164,-3.12695c1.01,0.174 2.04231,0.26172 3.07031,0.26172c9.374,0 17,-7.178 17,-16c0,-8.822 -7.626,-16 -17,-16zM9.57813,8.03711c-1.283,1.205 -2.41061,2.55753 -3.34961,4.01953l1.68359,1.08008c0.851,-1.325 1.87216,-2.55058 3.03516,-3.64258zM25,9c8.271,0 15,6.28 15,14c0,7.72 -6.729,14 -15,14c-1.027,0 -2.0585,-0.09897 -3.0625,-0.29297c-0.235,-0.045 -0.48145,-0.00476 -0.68945,0.11523l-4.24805,2.44727v-3.86914c0,-0.341 -0.17489,-0.6578 -0.46289,-0.8418c-4.094,-2.617 -6.53711,-6.93859 -6.53711,-11.55859c0,-7.72 6.729,-14 15,-14zM43.5293,11.68945l-1.66016,1.11524c0.888,1.321 1.60014,2.74356 2.11914,4.22656l1.89063,-0.66016c-0.576,-1.644 -1.36761,-3.21864 -2.34961,-4.68164zM5.18555,13.87891c-0.798,1.572 -1.38505,3.23436 -1.74805,4.94336l1.95703,0.41602c0.326,-1.54 0.85522,-3.03808 1.57422,-4.45508zM46.4668,18.39258l-1.94727,0.45703c0.319,1.353 0.48047,2.75039 0.48047,4.15039c0,0.184 -0.00377,0.36683 -0.00977,0.54883l2,0.06055c0.006,-0.202 0.00977,-0.40537 0.00977,-0.60937c0,-1.555 -0.1802,-3.10442 -0.5332,-4.60742zM3.10938,20.90039c-0.072,0.695 -0.10937,1.40061 -0.10937,2.09961c0,1.052 0.08209,2.10958 0.24609,3.14258l1.97656,-0.3125c-0.147,-0.931 -0.22266,-1.88208 -0.22266,-2.83008c0,-0.63 0.03366,-1.26658 0.09766,-1.89258zM44.83594,25.4375c-0.211,1.563 -0.62823,3.09564 -1.24023,4.55664l1.8457,0.77344c0.679,-1.623 1.14395,-3.3265 1.37695,-5.0625zM5.61523,27.68359l-1.93164,0.51563c0.45,1.688 1.12114,3.32061 1.99414,4.84961l1.73633,-0.99219c-0.787,-1.38 -1.39183,-2.85105 -1.79883,-4.37305zM42.77539,31.70313c-0.752,1.38 -1.68253,2.6747 -2.76953,3.8457l1.4668,1.35938c1.199,-1.293 2.22659,-2.72305 3.05859,-4.24805zM8.4375,33.65625l-1.62695,1.16211c0.932,1.307 2.02033,2.51194 3.23633,3.58594l0.41016,4.02344l1.99219,-0.20312l-0.45312,-4.41797c-0.027,-0.257 -0.15166,-0.49316 -0.34766,-0.66016c-1.215,-1.033 -2.29494,-2.20723 -3.21094,-3.49023zM38.64648,36.87695c-1.18,1.048 -2.49339,1.96094 -3.90039,2.71094l0.94141,1.76367c1.545,-0.824 2.98811,-1.82747 4.28711,-2.98047zM33.02344,40.40234c-1.461,0.61 -3.00027,1.05245 -4.57227,1.31445l0.32813,1.97266c1.725,-0.287 3.41262,-0.77241 5.01563,-1.44141zM22.84766,41.89063c-0.167,-0.016 -0.34781,0.01008 -0.50781,0.08008l-1.01367,0.44922l0.8125,1.82813l0.77148,-0.34375c1.269,0.115 2.55392,0.1242 3.79492,0.0332l-0.14648,-1.99414c-1.217,0.088 -2.47494,0.07227 -3.71094,-0.05273zM19.5,43.23242l-4.57227,2.02734l0.81055,1.82813l4.57227,-2.02734zM12.65234,44.21289l-1.99024,0.20508l0.34375,3.33594c0.033,0.319 0.21619,0.60072 0.49219,0.76172c0.155,0.09 0.32795,0.13477 0.50195,0.13477c0.138,0 0.2753,-0.02694 0.4043,-0.08594l1.50586,-0.66797l-0.81055,-1.82812l-0.24609,0.10938z"></path></g></g>
</svg>
<span class="underText">signal</span>
</a>
<a href="https://t.me/riolubruh">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="64" height="64" viewBox="0,0,255.99971,256.00009">
<g fill="#ffffff" 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-size="none" style="mix-blend-mode: normal"><g transform="scale(5.12,5.12)"><path d="M25,2c-12.69071,0 -23,10.3093 -23,23c0,12.6907 10.30929,23 23,23c12.69071,0 23,-10.3093 23,-23c0,-12.6907 -10.30929,-23 -23,-23zM25,4c11.60983,0 21,9.39017 21,21c0,11.60983 -9.39017,21 -21,21c-11.60983,0 -21,-9.39017 -21,-21c0,-11.60982 9.39017,-21 21,-21zM34.08789,14.03516c-0.684,0 -1.45256,0.15842 -2.35156,0.48242c-1.396,0.503 -17.81559,7.47458 -19.68359,8.26758c-1.068,0.454 -3.05664,1.2985 -3.05664,3.3125c0,1.335 0.78227,2.28984 2.32227,2.83984c0.828,0.295 2.79455,0.89108 3.93555,1.20508c0.484,0.133 0.99834,0.20117 1.52734,0.20117c1.035,0 2.07658,-0.25789 2.89258,-0.71289c-0.007,0.168 -0.00242,0.33781 0.01758,0.50781c0.123,1.05 0.77047,2.03758 1.73047,2.64258c0.628,0.396 5.75744,3.83291 6.52344,4.37891c1.076,0.769 2.2655,1.17578 3.4375,1.17578c2.24,0 2.99152,-2.31283 3.35352,-3.42383c0.525,-1.613 2.49089,-14.72997 2.71289,-17.04297c0.151,-1.585 -0.50958,-2.89019 -1.76758,-3.49219c-0.471,-0.227 -1.00875,-0.3418 -1.59375,-0.3418zM34.08789,16.03516c0.275,0 0.52052,0.04548 0.72852,0.14648c0.473,0.227 0.71363,0.73305 0.64063,1.49805c-0.242,2.523 -2.20309,15.32928 -2.62109,16.61328c-0.358,1.098 -0.73512,2.04297 -1.45313,2.04297c-0.718,0 -1.50239,-0.25169 -2.27539,-0.80469c-0.773,-0.552 -5.90614,-3.99436 -6.61914,-4.44336c-0.625,-0.394 -1.28647,-1.37617 -0.35547,-2.32617c0.767,-0.782 6.58503,-6.42878 7.08203,-6.92578c0.37,-0.371 0.19698,-0.81836 -0.16602,-0.81836c-0.125,0 -0.27469,0.05269 -0.42969,0.17969c-0.608,0.497 -9.08436,6.169 -9.81836,6.625c-0.486,0.302 -1.23853,0.51953 -2.01953,0.51953c-0.333,0 -0.67014,-0.03991 -0.99414,-0.12891c-1.128,-0.311 -3.03692,-0.89016 -3.79492,-1.16016c-0.729,-0.26 -0.99414,-0.50908 -0.99414,-0.95508c0,-0.634 0.89489,-1.07166 1.83789,-1.47266c0.996,-0.423 18.23012,-7.74156 19.57812,-8.22656c0.624,-0.226 1.19483,-0.36328 1.67383,-0.36328z"></path></g></g>
</svg>
<span class="underText">telegram</span>
</a>
<a href="https://instagram.com/riolubruh">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="64" height="64" viewBox="0,0,256.00037,256.00024">
<g fill="#ffffff" 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-size="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>
<span class="underText">instagram</span>
</a>
</footer>
</div>
</div>
</article>
</body>
</html>