index.html (5760B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <title> 6 · Jack Mordaunt 7 </title> 8 <meta charset="utf-8"> 9 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 10 <meta name="color-scheme" content="light dark"> 11 12 13 14 15 <meta name="author" content="Jack Mordaunt"> 16 <meta name="description" content=" 17 Get in touch 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 Submit 36 37 "> 38 <meta name="keywords" content="blog,developer,personal,software,robust,performance,sovereign"> 39 40 41 42 <meta name="twitter:card" content="summary"> 43 <meta name="twitter:title" content="Jack Mordaunt"> 44 <meta name="twitter:description" content="Get in touch Submit"> 45 46 <meta property="og:url" content="http://jackmordaunt.com/contact/"> 47 <meta property="og:site_name" content="Jack Mordaunt"> 48 <meta property="og:title" content="Jack Mordaunt"> 49 <meta property="og:description" content="Get in touch Submit"> 50 <meta property="og:locale" content="en"> 51 <meta property="og:type" content="article"> 52 53 54 55 56 <link rel="canonical" href="http://jackmordaunt.com/contact/"> 57 58 59 <link rel="preload" href="/fonts/fa-brands-400.woff2" as="font" type="font/woff2" crossorigin> 60 <link rel="preload" href="/fonts/fa-regular-400.woff2" as="font" type="font/woff2" crossorigin> 61 <link rel="preload" href="/fonts/fa-solid-900.woff2" as="font" type="font/woff2" crossorigin> 62 63 64 65 66 <link rel="stylesheet" href="/css/coder.min.6445a802b9389c9660e1b07b724dcf5718b1065ed2d71b4eeaf981cc7cc5fc46.css" integrity="sha256-ZEWoArk4nJZg4bB7ck3PVxixBl7S1xtO6vmBzHzF/EY=" crossorigin="anonymous" media="screen" /> 67 68 69 70 71 72 73 74 75 76 <link rel="stylesheet" href="/css/coder-dark.min.a00e6364bacbc8266ad1cc81230774a1397198f8cfb7bcba29b7d6fcb54ce57f.css" integrity="sha256-oA5jZLrLyCZq0cyBIwd0oTlxmPjPt7y6KbfW/LVM5X8=" crossorigin="anonymous" media="screen" /> 77 78 79 80 81 82 83 84 <link rel="stylesheet" href="/css/custom.min.931a9d02d6f7655cd0cd50317fac1204e00c54ffd0232085acc957b2db5e1283.css" integrity="sha256-kxqdAtb3ZVzQzVAxf6wSBOAMVP/QIyCFrMlXstteEoM=" crossorigin="anonymous" media="screen" /> 85 86 87 88 89 90 91 <link rel="icon" type="image/svg+xml" href="/images/self-tiny-white.svg" sizes="any"> 92 <link rel="icon" type="image/png" href="/images/self-tiny-white.png" sizes="32x32"> 93 <link rel="icon" type="image/png" href="/images/self-tiny-white.png" sizes="16x16"> 94 95 <link rel="apple-touch-icon" href="/images/apple-touch-icon.png"> 96 <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png"> 97 98 <link rel="manifest" href="/site.webmanifest"> 99 <link rel="mask-icon" href="/images/safari-pinned-tab.svg" color="#5bbad5"> 100 101 102 103 104 105 106 107 <script defer data-domain="jackmordaunt.com" src="https://plausible.io/js/script.js"></script> 108 109 110 111 112 </head> 113 114 115 116 117 118 119 <body class="preload-transitions colorscheme-auto"> 120 121 <div class="float-container"> 122 <a id="dark-mode-toggle" class="colorscheme-toggle"> 123 <i class="fa-solid fa-adjust fa-fw" aria-hidden="true"></i> 124 </a> 125 </div> 126 127 128 <main class="wrapper"> 129 <nav class="navigation"> 130 <section class="container"> 131 132 <a class="navigation-title" href="http://jackmordaunt.com/"> 133 Jack Mordaunt 134 </a> 135 136 137 <input type="checkbox" id="menu-toggle" /> 138 <label class="menu-button float-right" for="menu-toggle"> 139 <i class="fa-solid fa-bars fa-fw" aria-hidden="true"></i> 140 </label> 141 <ul class="navigation-list"> 142 143 144 <li class="navigation-item"> 145 <a class="navigation-link " href="/posts/">Blog</a> 146 </li> 147 148 <li class="navigation-item"> 149 <a class="navigation-link " href="/about/">About</a> 150 </li> 151 152 <li class="navigation-item"> 153 <a class="navigation-link " href="/projects/">Projects</a> 154 </li> 155 156 <li class="navigation-item"> 157 <a class="navigation-link " href="/contact/">Contact</a> 158 </li> 159 160 <li class="navigation-item"> 161 <a class="navigation-link " href="/pay-with-bitcoin/">Pay</a> 162 </li> 163 164 165 166 </ul> 167 168 </section> 169 </nav> 170 171 172 <div class="content"> 173 174 <section class="container page"> 175 <article> 176 <header> 177 178 </header> 179 180 181 <div class="contact-page"> 182 <h2>Get in touch</h2> 183 184 <form action="https://api.web3forms.com/submit" method="POST" class="contact-form"> 185 186 <!-- Replace with your Access Key --> 187 <input type="hidden" name="access_key" value="1fabf5eb-b95f-48d4-a01e-458e11d53846"> 188 189 <!-- Form Inputs. Each input must have a name="" attribute --> 190 <input type="text" name="name" placeholder="Name" required> 191 <input type="email" name="email" placeholder="info@example.com" required> 192 <textarea name="message" placeholder="Hello!" required></textarea> 193 194 <!-- Honeypot Spam Protection --> 195 <input type="checkbox" name="botcheck" class="hidden" style="display: none;"> 196 197 <!-- Custom Confirmation / Success Page --> 198 <input type="hidden" name="redirect" value="/about"> 199 200 <button type="submit">Submit</button> 201 </form> 202 </div 203 204 </article> 205 </section> 206 207 208 209 </div> 210 211 <footer class="footer"> 212 <section class="container"> 213 © 214 215 2025 216 Jack Mordaunt 217 · 218 219 Powered by <a href="https://gohugo.io/" target="_blank" rel="noopener">Hugo</a> & <a href="https://github.com/luizdepra/hugo-coder/" target="_blank" rel="noopener">Coder</a>. 220 221 </section> 222 </footer> 223 224 </main> 225 226 227 228 229 230 <script src="/js/coder.min.6ae284be93d2d19dad1f02b0039508d9aab3180a12a06dcc71b0b0ef7825a317.js" integrity="sha256-auKEvpPS0Z2tHwKwA5UI2aqzGAoSoG3McbCw73gloxc="></script> 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 </body> 272 </html>