-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathcontact.html
More file actions
92 lines (81 loc) · 7.21 KB
/
Copy pathcontact.html
File metadata and controls
92 lines (81 loc) · 7.21 KB
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
<!doctype html>
<html>
<head>
<title>Contact</title> <!-- Title desplayed in browser tab -->
<link rel="icon" type="image/svg" href="/assets/images/svg/icon-blue.svg">
<!-- CSS -->
<link rel="stylesheet" href="/assets/css/core.css">
<link rel="stylesheet" href="/assets/css/header-sidebar.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Quicksand&display=swap">
<link rel="preconnect" href="https://fonts.gstatic.com">
<!-- JS -->
<script src="/assets/javascript/header-sidebar.js"></script>
<!-- META -->
<meta name="pagename" content="contact"> <!-- The name of the page-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Find out how to contact me here."> <!-- Description -->
<meta name="theme-color" content="#00f0f0">
<meta property="og:url" content="https://www.plotzes.ml/contact"> <!-- URL to page -->
<meta property="og:type" content="website">
<meta property="og:title" content="Contact"> <!-- Title of the page-->
<meta property="og:site_name" content="Plotzes">
<meta property="og:description" content="Find out how to contact me here."> <!-- Description -->
<meta property="og:image" content="https://www.plotzes.ml/assets/images/banner.png"> <!-- Image to use -->
<meta property="og:image:type" content="/assets/image/png">
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="plotzes.ml">
<meta property="twitter:url" content="https://www.plotzes.ml/contact"> <!-- URL to page -->
<meta name="twitter:title" content="Contact"> <!-- Title of the page -->
<meta name="twitter:description" content="Find out how to contact me here."> <!-- Description -->
<meta name="twitter:image" content="https://www.plotzes.ml/assets/images/banner.png"> <!-- Image to use -->
</head>
<body>
<div id="root" style="padding-top: 50px;">
<div style="display: flex; justify-content: space-around; flex-wrap: wrap;">
<div style="margin: 50px 20px;">
<svg width="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 450 100">
<title>Plotzes</title>
<g transform="matrix(0 -.1 .1 0 0 100)">
<path d="M44.296 446.293s150.017 135.58 408.206 135.58 408.206-135.58 408.206-135.58 235.57 320.8-35.64 425.43-372.567-289.85-372.567-289.85" fill="none" stroke="var(--main-color)" stroke-width="88.59" stroke-linecap="round" stroke-linejoin="round"/>
<circle cx="200.422" cy="82.397" r="82.397" fill="var(--main-color)"/>
<circle cx="752.323" cy="82.397" r="82.397" fill="var(--main-color)"/>
</g>
<text transform="matrix(12.59846 0 0 12.59846 -1445.293 -307.27)" font-size="10.583" font-family="Quicksand" fill="var(--main-color)">
<tspan x="122.645" y="32.221">lotzes</tspan>
</text>
</svg>
<div style="margin-top: 30px;">
You can contact me via the follow services:
<ul style="margin: 0; list-style-type: none;">
<li>
<svg style="display: inline-block; position: relative; top: 10px;" width="30px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
<title>Discord</title>
<path d="M81.9 83.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1.1-6.1-4.5-11.1-10.2-11.1zm36.5 0c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1s-4.5-11.1-10.2-11.1z" fill="var(--main-color)"/>
<path d="M167 0H33C21.7 0 12.5 9.2 12.5 20.6v135.2c0 11.4 9.2 20.6 20.5 20.6h113.4l-5.3-18.5 12.8 11.9L166 181l21.5 19V20.6C187.5 9.2 178.3 0 167 0zm-38.6 130.6l-6.6-8.1c13.1-3.7 18.1-11.9 18.1-11.9-4.1 2.7-8 4.6-11.5 5.9-5 2.1-9.8 3.5-14.5 4.3-9.6 1.8-18.4 1.3-25.9-.1-5.7-1.1-10.6-2.7-14.7-4.3-2.3-.9-4.8-2-7.3-3.4-.3-.2-.6-.3-.9-.5-.2-.1-.3-.2-.4-.3-1.8-1-2.8-1.7-2.8-1.7s4.8 8 17.5 11.8l-6.7 8.3c-22.1-.7-30.5-15.2-30.5-15.2 0-32.2 14.4-58.3 14.4-58.3C71 46.3 84.7 46.6 84.7 46.6l1 1.2c-18 5.2-26.3 13.1-26.3 13.1s2.2-1.2 5.9-2.9C76 53.3 84.5 52 88 51.7c.6-.1 1.1-.2 1.7-.2 6.1-.8 13-1 20.2-.2 9.5 1.1 19.7 3.9 30.1 9.6 0 0-7.9-7.5-24.9-12.7l1.4-1.6s13.7-.3 28.1 10.5c0 0 14.4 26.1 14.4 58.3 0 0-8.5 14.5-30.6 15.2z" fill="var(--main-color)"/>
</svg>
<a href="/discord" target="_blank">Click here to shoot me a message on Discord!</a>
<span style="color: gray;"><em>Strongly preferred method!</em></span>
</li>
<li>
<svg style="display: inline-block; position: relative; top: 10px;" width="30px" viewBox="0 0 250 250" xmlns="http://www.w3.org/2000/svg">
<title>Twitter</title>
<g>
<path d="m78.62 226.57c94.34 0 145.94-78.16 145.94-145.94 0-2.22 0-4.43-0.15-6.63a104.36 104.36 0 0 0 25.59-26.551 102.38 102.38 0 0 1-29.46 8.07 51.47 51.47 0 0 0 22.55-28.37 102.79 102.79 0 0 1-32.57 12.45c-15.9-16.906-41.163-21.044-61.625-10.093s-31.032 34.266-25.795 56.874a145.62 145.62 0 0 1-105.7-53.591c-13.614 23.436-6.66 53.42 15.88 68.47a50.91 50.91 0 0 1-23.28-6.42v0.65c7e-3 24.416 17.218 45.445 41.15 50.28a51.21 51.21 0 0 1-23.16 0.88c6.72 20.894 25.976 35.208 47.92 35.62a102.92 102.92 0 0 1-63.7 22c-4.08-8e-3 -8.158-0.255-12.2-0.74a145.21 145.21 0 0 0 78.62 23" fill="var(--main-color)"/>
</g>
</svg>
<a href="/twitter" target="_blank">Click here to go to my Twitter profile!</a>
</li>
<li>
<svg style="display: inline-block; position: relative; top: 10px;" width="30px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M20,4H4C2.895,4,2,4.895,2,6v12c0,1.105,0.895,2,2,2h16c1.105,0,2-0.895,2-2V6C22,4.895,21.105,4,20,4z M19.601,8.249 l-7.071,4.42c-0.324,0.203-0.736,0.203-1.06,0l-7.071-4.42C4.151,8.094,4,7.822,4,7.53v0c0-0.666,0.733-1.072,1.297-0.719L12,11 l6.703-4.189C19.267,6.458,20,6.864,20,7.53v0C20,7.822,19.849,8.094,19.601,8.249z" fill="var(--main-color)"/>
</svg>
<a href="mailto:plotzes@email.com">Click here to send an email!</a>
</li>
</ul>
</div>
</div>
<iframe src="https://canary.discord.com/widget?id=838163335689666564&theme=dark" width="400" height="500" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>
</div>
</div>
</body>
</html>