-
Notifications
You must be signed in to change notification settings - Fork 3
/
contact.html
97 lines (92 loc) · 4.61 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Cookie Engineer's Portfolio (🍪🔧)</title>
<!-- Meta -->
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=0.5, maximum-scale=2, user-scalable=yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="creator" content="Cookie Engineer">
<meta name="description" content="Portfolio of Cookie Engineer and their Open Source projects">
<meta name="keywords" content="Artificial Intelligence, Machine Learning, Automation Engineer, Software Engineer, Mad Scientist">
<meta name="generator" content="Cookie Engineer with some beer and nightly VIM sessions">
<meta name="robots" content="index, follow">
<link rel="alternate" type="application/rss+xml" href="weblog/feed.xml">
<!-- Social Meta -->
<meta property="og:title" content="Cookie Engineer's Portfolio">
<meta property="og:site_name" content="Cookie Engineer's Portfolio">
<meta property="og:description" content="Portfolio of Cookie Engineer and their Open Source projects.">
<meta property="og:image" itemprop="image" content="https://cookie.engineer/design/about/avatar/cookiengineer.png">
<meta property="og:url" content="https://cookie.engineer/index.html">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
<meta name="twitter:domain" content="cookie.engineer">
<meta name="twitter:title" itemprop="name" content="Cookie Engineer's Portfolio">
<meta name="twitter:description" itemprop="description" content="Portfolio of Cookie Engineer and their Open Source projects.">
<!-- Website Design -->
<link rel="stylesheet" href="/design/layout/index.css">
<link rel="stylesheet" href="/design/about/index.css">
<!-- Website Functionality -->
<link rel="stylesheet" href="/design/menu/index.css">
<script src="/design/menu/index.js" defer></script>
<link rel="stylesheet" href="/design/contact/index.css">
<script src="/design/contact/index.js" defer></script>
<!-- Magic: Copy/Paste -->
<link rel="stylesheet" href="/design/magic/index.css">
<script src="/design/magic/index.js" defer></script>
</head>
<body>
<header>
<aside id="menu" class="visible">
<a id="menu-button" href="#menu">Menu</a>
<a class="icon-section" href="/index.html">About Me</a>
<a class="icon-section" href="/projects.html">Projects</a>
<a class="icon-section" href="/talks.html">Talks</a>
<a href="#contact">Contact</a>
<a class="icon-section" href="/weblog/index.html">Web Log</a>
</aside>
</header>
<section id="contact">
<h1>Contact.</h1>
<article>
If you want a chit-chat you can contact me on most of the Social Networks via
the pseudonym <q>@cookiengineer</q>. Accounts owned by me are all linked at the
top on the <a class="icon-section" href="/index.html#/about">About Me</a> page.
<br><br>
If you want to work together with me in a professional manner and have
challenging problems to solve, you are invited to contact me via this
form here. Note that this will open up an issue on GitHub with the given
contact details.
<br><br>
If you want to stay anonymous, use a <a href="https://t.me/cookiengineer">Telegram Secret Chat</a>
or a <a href="briar://acvwbffcpuuweyymdpjxbyxw6zwwjsujzylmw65y75kco5whshyck">Briar Chat</a> instead.
</article>
<article>
<fieldset id="contact-form">
<select name="subject">
<option value="">I just wanna chat a bit.</option>
<option value="">Let's work on something amazing together.</option>
<option value="">Heeelp! Everything is broken!</option>
<option value="">I hereby challenge your Cyber Defense AI!</option>
</select>
<input type="text" name="author" placeholder="Enter your handle or email address here.">
<textarea name="message" placeholder="Type your message here."></textarea>
<div id="contact-captcha">
<div id="contact-captcha-avatar"></div>
<div id="contact-captcha-question">Please activate ECMAScript.</div>
</div>
<input type="text" name="captcha" placeholder="I am not a bot, I promize">
<div id="contact-form-message">Sending message ...</div>
<div id="contact-form-submit">
<button class="icon-submit">Submit</button>
</div>
</fieldset>
</article>
</section>
<footer>
<p>Made with 💔 in Heidelberg, Germany. All rights (and jokes) reserved under European Law.</p>
</footer>
</body>
</html>