-
Notifications
You must be signed in to change notification settings - Fork 0
/
404.html
64 lines (64 loc) · 7.42 KB
/
404.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
<!DOCTYPE html>
<html lang="en-ca">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>404 • Ben Groulx • Designer</title>
<meta name="description" content="Ben is a freelance designer and strategist in Vancouver, Canada, helping teams plan and build digital products and improve processes.">
<meta name="keywords" content="design, ui, ux, mobile, front-end, html, css, interface, vancouver, canada">
<meta name="author" content="Ben Groulx">
<meta name="google-site-verification" content="bVHHrIWMu0lZ7L9JGskFBa9x2Z5Ei5FgxZU4V1AsWg0">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Ben Groulx • Designer">
<meta name="twitter:site" content="@bengroulx">
<meta name="twitter:image" content="assets/images/ben-groulx.jpg">
<meta name="twitter:image:alt" content="A headshot of Ben Groulx.">
<meta name="twitter:creator" content="@bengroulx">
<meta name="twitter:description" content="Ben is a freelance designer and strategist in Vancouver, Canada, helping teams plan and build digital products and improve processes.">
<meta name="og:url" content="https://bengroulx.com">
<meta name="og:type" content="website">
<meta name="og:title" content="Ben Groulx ➤ Digital Design | Design Strategy | Front-End Systems | UI + UX">
<meta name="og:image" content="assets/images/ben-groulx.jpg">
<meta name="og:site_name" content="bengroulx.com">
<meta name="og:description" content="Ben is a freelance designer and strategist in Vancouver, Canada, helping teams plan and build digital products and improve processes.">
<meta name="theme-color" content="#fff">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="Ben Groulx">
<meta name="msapplication-TileImage" content="assets/startup/apple-icon-144.png">
<link href="assets/startup/android-icon-512.png" rel="icon" sizes="512x512" type="image/png">
<link href="assets/startup/android-icon-384.png" rel="icon" sizes="384x384" type="image/png">
<link href="assets/startup/android-icon-256.png" rel="icon" sizes="256x256" type="image/png">
<link href="assets/startup/android-icon-192.png" rel="icon" sizes="192x192" type="image/png">
<link href="assets/startup/apple-icon-114.png" rel="apple-touch-icon" sizes="114x114">
<link href="assets/startup/apple-icon-144.png" rel="apple-touch-icon" sizes="144x144">
<link href="assets/startup/apple-icon-152.png" rel="apple-touch-icon" sizes="152x152">
<link href="assets/startup/apple-icon-180.png" rel="apple-touch-icon" sizes="180x180">
<link href="assets/startup/favicon-96.png" rel="icon" sizes="96x96" type="image/png">
<link href="assets/startup/favicon-32.png" rel="icon" sizes="32x32" type="image/png">
<link href="assets/startup/favicon-16.png" rel="icon" sizes="16x16" type="image/png">
<link rel="manifest" href="manifest.json">
<meta name="robots" content="noindex">
<!-- <link rel="stylesheet" href="assets/css/main.css" type="text/css" rel="preload"> -->
<!-- <link rel="stylesheet" href="https://use.typekit.net/nxg7whm.css" rel="preload"> -->
<style media="screen">:root{--color-black:#17181a;--color-white:#c0cbce;--color-grey:#2b2d31;--color-blue:#679bf0;--font-weight-normal:400;--space-xs:0.2em;--space-sm:0.5em;--space-md:1em}@font-face{font-family:"Arno Pro";font-display:swap;font-style:normal;font-weight:var(--font-weight-normal);src:url("https://use.typekit.net/af/b9acbc/000000000000000000017424/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/b9acbc/000000000000000000017424/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/b9acbc/000000000000000000017424/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype")}@font-face{font-family:"Arno Pro";font-display:swap;font-style:italic;font-weight:var(--font-weight-normal);src:url("https://use.typekit.net/af/598d94/000000000000000000017425/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/598d94/000000000000000000017425/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/598d94/000000000000000000017425/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype")}*,*::after,*::before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:"Arno Pro", "Hoefler Text", serif, "Apple Color Emoji";font-weight:var(--font-weight-normal);font-style:normal;font-size:1.4em;line-height:1.4;font-variant-ligatures:common-ligatures;font-variant-numeric:oldstyle-nums;-webkit-font-feature-settings:"onum";-moz-font-feature-settings:"onum";font-feature-settings:"onum";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ol,ul{list-style:none}li{display:inline-block}a{border-radius:0.25em;color:inherit;text-decoration:underline;text-decoration-color:transparent}.smcp{letter-spacing:0.025em;font-variant-caps:all-small-caps;-webkit-font-feature-settings:"c2sc", "smcp";-moz-font-feature-settings:"c2sc", "smcp";font-feature-settings:"c2sc", "smcp"}.fn{letter-spacing:0.025em;font-style:italic;cursor:help}.global-content,.global-footer{padding-left:var(--space-md);padding-right:var(--space-md);padding-bottom:10vh}.global-content{padding-top:10vh}.global-footer a{margin:0 var(--space-xs)}.page-content > *{margin-bottom:var(--space-md)}@media screen and (min-width: 35em){.global-content,.global-footer{padding-left:10vw;padding-right:10vw}.page-content{max-width:30em;padding-right:5vw}}@media screen and (prefers-color-scheme: dark){body{background-color:var(--color-black);color:var(--color-white)}a:active,a:hover{background-color:var(--color-grey);color:var(--color-blue)}}@media screen and (prefers-color-scheme: light){body{background-color:var(--color-white);color:var(--color-grey)}a:active,a:hover{background-color:var(--color-blue);color:var(--color-black)}}
</style>
</head>
<body>
<main class="global-content">
<article class="page-content">
<h1 class="m-b-md">Oops!</h1>
<p>This is a 404 error, meaning this page doesn’t seem to exist. Maybe try going to the <a href="https://bengroulx.com">bengroulx.com homepage</a>? If you are still having difficulty, please connect with me via one of the channels below.</p>
</article>
</main>
<footer class="global-footer">
<ul>
<li><a class="smcp" href="mailto:[email protected]">Email</a></li>
<li><a class="smcp" href="https://linkedin.com/in/bengroulx">LinkedIn</a></li>
<li><a class="smcp" href="https://goodreads.com/bengroulx">Goodreads</a></li>
<li><a class="smcp" href="https://vsco.co/bengroulx" class="smcp">VSCO</a></li>
<li><a class="smcp" href="https://open.spotify.com/user/bengroulx">Spotify</a></li>
</ul>
</footer>
</body>
</html>