-
Notifications
You must be signed in to change notification settings - Fork 0
/
404.html
216 lines (159 loc) · 18.3 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
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
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>
404 | IT Director eComplete & Naturecan. | Simon Owen
</title>
<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
<meta name="keywords" content="freelance,front-end,web,developer,manchester,s10wen,simon owen,upfrontconf,mcrfred">
<meta name="description" content="Don't Panic! It looks like what you're looking for isn't here, this is probably because I've messed up a link or some code somewhere. If you could please let me know what you were looking for by sendi">
<meta property="og:type" content="website">
<meta property="og:title" content="404">
<meta property="og:url" content="https://s10wen.com/404.html">
<meta property="og:site_name" content="IT Director eComplete & Naturecan.">
<meta property="og:description" content="Don't Panic! It looks like what you're looking for isn't here, this is probably because I've messed up a link or some code somewhere. If you could please let me know what you were looking for by sendi">
<meta property="og:locale" content="en_US">
<meta property="article:published_time" content="2021-08-12T02:07:56.153Z">
<meta property="article:modified_time" content="2021-08-12T02:07:56.153Z">
<meta property="article:author" content="Simon Owen / @s10wen">
<meta property="article:tag" content="freelance,front-end,web,developer,manchester,s10wen,simon owen,upfrontconf,mcrfred">
<meta name="twitter:card" content="summary">
<meta name="twitter:creator" content="@s10wen">
<link rel="icon" href="/favicon.png">
<!-- Critical CSS -->
<style>.article-category-link,.article-time-link{text-decoration:none;text-transform:uppercase;color:#999;margin-bottom:1em;line-height:1em}.outer{width:90%;margin:0 auto}.outer:after,.outer:before{content:"";display:table}.outer:after{clear:both}#container{position:relative}#main{float:left;width:100%}.article{padding-bottom:80px}.article-meta{margin-bottom:20px}.article-meta:after,.article-meta:before{content:"";display:table}.article-meta:after{clear:both}.article-event-title,.article-meta-title{font-size:0.8em;text-transform:none;color:#555}.article-time{float:left;width:100%;padding-bottom:5px}.article-category-link,.article-time-link{color:#222;font-size:0.8em}.article-title{text-decoration:none;font-size:1.4em;font-weight:bold;color:#222;line-height:1.2em;transition:color 0.2s}#header{position:relative;font-weight:bold;margin-bottom:60px;background:#000}#mug{background:linear-gradient(to right, rgba(0,0,0,0.9), rgba(0,0,0,0.5)), url("/img/header.jpg") right 50% no-repeat;background-size:100% 100%;width:200px;height:200px;text-align:center;border-radius:50%;border:10px solid #fff;position:absolute;left:50%;margin-left:-110px;margin-top:10px;margin-bottom:10px;box-shadow:0 0 12px 0 #999;animation:fadein 0.3s}#header-grad{background:url("/img/header.jpg") right 50% no-repeat;width:100%;height:160px}#header-outer{position:relative;padding:14px 4%;max-width:1000px;margin:0 auto}#header-outer:after,#header-outer:before{content:"";display:table}#header-outer:after{clear:both}.header-logo-wrap{text-align:center}.header-link{padding:10px;display:inline-block;text-decoration:none;font-weight:300;color:#0ff;transition:all 0.2s}.header-link:hover{text-decoration:none}.header-title{display:block;margin-bottom:5px}.header-subtitle{font-size:0.8em}#subtitle-wrap{margin-top:5px;margin-bottom:16px}.main-nav-wrap{float:right;width:100%}#main-nav{text-align:center}.main-nav-link{color:#999;transition:all 0.2s;text-decoration:none;display:inline-block;font-weight:300;margin:3px;font-size:1em;padding:10px 4px}.main-nav-link:hover{text-decoration:none}#header-twitter{background-size:100%;background-image:linear-gradient(to top right, #0ff 0%, #8c00ff 100%);border-radius:10px;color:#000;display:inline-block;padding:10px;margin-top:10px;margin-bottom:10px;position:relative;z-index:100;width:100%;text-align:center;text-decoration:none}#header-twitter:before{content:'';border-radius:10px;background-image:linear-gradient(to top right, #8c00ff 0%, #0ff 100%);display:block;height:100%;position:absolute;top:0;left:0;opacity:0;width:100%;z-index:-100;transition:opacity 1s}#header-twitter:hover:before{opacity:1}</style>
<!--
<link rel="stylesheet" href="/css/style.css">
-->
<link href="/css/style.css" rel="stylesheet">
<link href="/css/650.css" rel="stylesheet" media="(min-width: 650px)">
<link href="/css/760.css" rel="stylesheet" media="(min-width: 760px)">
<link href="/css/900.css" rel="stylesheet" media="(min-width: 900px)">
<!-- Global Site Tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-9016310-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-9016310-1');
</script>
<!-- End Google Analytics -->
<!--[if lt IE 10]>
<style>
#header-grad {
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffff', endColorstr='#8c00ff',GradientType=1 ); /* IE6-9 */
}
</style>
<![endif]-->
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"></script>
<style>
.outer {
max-width: 672px;
}
</style>
<![endif]-->
<!-- Google Analytics -->
<meta name="google-site-verification" content="p53V9PXu9GYzN6QxFvWyDUTyNux_7k7G4sKxVk3YEnY">
<!-- PWA -->
<link rel="manifest" href="/manifest.json">
<link rel="icon" href="/img/icon-152x152.png">
<meta name="theme-color" content="#000"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="default"/>
<meta name="apple-mobile-web-app-title" content="Simon Owen Front-End Developer"/>
<link rel="apple-touch-icon" href="/img/icon-152x152.png"/>
<meta name="msapplication-TileImage" content="/img/icon-152x152.png"/>
<meta name="msapplication-TileColor" content="#000"/>
<meta name="generator" content="Hexo 5.4.0"></head>
<body>
<header id="header">
<div id="header-outer">
<div class="header-logo-wrap">
<a class="header-link" href="/">
<span class="header-title">IT Director eComplete & Naturecan.</span>
<span class="header-subtitle"></span>
</a>
</div>
<div class="main-nav-wrap">
<nav id="main-nav">
<a class="main-nav-link" href="/">Blog</a>
<a class="main-nav-link" href="/services/">Services</a>
<a class="main-nav-link" href="/work/">Work</a>
<a class="main-nav-link" href="/about/">About</a>
<a class="main-nav-link" href="/contact/">Contact</a>
</nav>
</div>
</div>
<div id="mug"></div>
<div id="header-grad"></div>
</header>
<div class="outer">
<section id="main"><article id="post-" class="article article-type-post">
<div class="article-inner">
<header class="article-header">
<h1 class="article-title">
404
</h1>
</header>
<p><strong>Don't Panic!</strong></p>
<p>It looks like what you're looking for isn't here, this is probably because I've messed up a link or some code somewhere.</p>
<p>If you could please let me know what you were looking for by sending me a tweet, I'll see if I can point you in the right direction <a href="https://twitter.com/s10wen" target="_blank" rel="noopener">@s10wen</a>.</p>
<p>Or, you could use the menu above to have a look around the site.</p>
<p>Or, this thing:</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">01010100 01101000 01101001 01110011 00100000 01110000 01100001 01100111 01100101 00100000 01101001 01110011 00100000 01101110 01101111 01110100 00100000 01100110 01110101 01101100 01101100 01111001 00100000 01100001 01110010 01101101 01100101 01100100 00100000 01100001 01101110 01100100 00100000 01101111 01110000 01100101 01110010 01100001 01110100 01101001 01101111 01101110 01100001 01101100 00101110 00100000 01000010 01110101 01110100 00100000 01110100 01101000 01101001 01110011 00100000 01101111 01101110 01100101 00100000 01110011 01101000 01101111 01110101 01101100 01100100 00100000 01100010 01100101 00100000 01101000 01110100 01110100 01110000 00111010 00101111 00101111 01100111 01101001 01110100 00101110 01101001 01101111 00101111 01110011 01110100 01100001 01110010 01110111 01100001 01110010 01110011</span><br></pre></td></tr></table></figure>
</div>
<h3>Browse by category:</h3>
<ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/blog/categories/apple/">apple</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/bash/">bash</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/browser/">browser</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/case-study/">case study</a><span class="category-list-count">4</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/chrome/">chrome</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/chrome-dev-tools/">chrome dev tools</a><span class="category-list-count">4</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/clojure-overtone/">clojure overtone</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/conference/">conference</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/css/">css</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/dev-tips/">dev tips</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/digihike/">digihike</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/dotfiles/">dotfiles</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/event/">event</a><span class="category-list-count">4</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/ffconf/">ffconf</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/freelance/">freelance</a><span class="category-list-count">6</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/gaming/">gaming</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/health/">health</a><span class="category-list-count">3</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/hexo/">hexo</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/https/">https</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/jank/">jank</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/javascript/">javascript</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/jobs/">jobs</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/lego/">lego</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/mcrfred/">mcrfred</a><span class="category-list-count">107</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/nux/">nux</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/octopress/">octopress</a><span class="category-list-count">4</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/photography/">photography</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/raspberry-pi/">raspberry pi</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/responsive-web-design/">responsive web design</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/sass/">sass</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/screencast/">screencast</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/speaking/">speaking</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/svg/">svg</a><span class="category-list-count">4</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/unplugged/">unplugged</a><span class="category-list-count">6</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/upfrontconf/">upfrontconf</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/web-development/">web development</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/webgl/">webgl</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/wordpress/">wordpress</a><span class="category-list-count">17</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/work/">work</a><span class="category-list-count">51</span></li><li class="category-list-item"><a class="category-list-link" href="/blog/categories/workflow/">workflow</a><span class="category-list-count">16</span></li></ul>
</article>
</section>
</div>
<div id="footer-grad"></div>
<footer id="footer">
<div class="outer">
<svg id="batman" width="70" height="42" xmlns="http://www.w3.org/2000/svg"><g fill="#333" fill-rule="nonzero"><path d="M0 20.517C0 9.022 15.746 0 35 0c19.254 0 35 9.021 35 20.517 0 11.496-15.746 20.517-35 20.517-19.254 0-35-9.02-35-20.517zm2.081 0c0 9.995 14.662 18.395 32.919 18.395 18.257 0 32.919-8.4 32.919-18.395S53.257 2.122 34.999 2.122c-18.256 0-32.918 8.4-32.918 18.395z"/><path d="M31.966 4.828l-.397 6.5c-.862 2.645-4.445 7.343-9.29 3.422-1.236-1.51-1.89-3.686.075-8.808 0 0-17.526 3.606-17.526 14.877 0 8.523 11.147 13.16 11.147 13.16-.737-1.585-1.667-2.962-1.375-5.636 1.022-2.695 2.83-2.147 4.447-1.796 1.624.399 3.337 2.147 4.768 3.16.568-.797 1.041-1.648 2.019-2.228 2.218-1.779 3.164-.6 4.36 0 3.569 2.319 3.533 5.598 4.768 8.535v.193c.013-.03.02-.061.033-.091.013.03.029.06.043.09v-.192c1.235-2.937 1.2-6.216 4.768-8.536 1.196-.6 2.142-1.778 4.36 0 .977.58 1.451 1.432 2.019 2.228 1.432-1.012 3.144-2.76 4.768-3.16 1.616-.35 3.088-.809 4.447 1.797.292 2.674-.638 4.051-1.375 5.637 0 0 11.147-4.638 11.147-13.161 0-11.27-17.526-14.877-17.526-14.877 1.964 5.122 1.31 7.298.075 8.808-4.845 3.921-8.428-.777-9.29-3.422l-.397-6.5-1.697 3.012h-2.674l-1.697-3.012z"/></g></svg>
<div id="footer-info" class="inner">© 2004-2021 <a target="_blank" rel="noopener" href="https://twitter.com/s10wen">@s10wen</a></div>
<ul class="footer-social">
<li>
<a target="_blank" href="https://twitter.com/s10wen" rel="nofollow noopener">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28" width="28" height="28"><title>Logo: Twitter</title><path fill="#666" d="M24.253 8.756C24.69 17.08 18.297 24.182 9.97 24.62c-3.122.162-6.22-.646-8.86-2.32 2.702.18 5.375-.648 7.507-2.32-2.072-.248-3.818-1.662-4.49-3.64.802.13 1.62.077 2.4-.154-2.482-.466-4.312-2.586-4.412-5.11.688.276 1.426.408 2.168.387-2.135-1.65-2.73-4.62-1.394-6.965C5.574 7.816 9.54 9.84 13.802 10.07c-.842-2.738.694-5.64 3.434-6.48 2.018-.624 4.212.043 5.546 1.682 1.186-.213 2.318-.662 3.33-1.317-.386 1.256-1.248 2.312-2.4 2.942 1.048-.106 2.07-.394 3.02-.85-.458 1.182-1.343 2.15-2.48 2.71z"/></svg>
</a>
</li>
<li>
<a target="_blank" href="https://www.facebook.com/s10wen.developer/" rel="nofollow noopener">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 29 29" width="29" height="29"><title>Logo: Facebook</title><path fill="#666" d="M26.4 0H2.6C1.714 0 0 1.715 0 2.6v23.8c0 .884 1.715 2.6 2.6 2.6h12.393V17.988h-3.996v-3.98h3.997v-3.062c0-3.746 2.835-5.97 6.177-5.97 1.6 0 2.444.173 2.845.226v3.792H21.18c-1.817 0-2.156.9-2.156 2.168v2.847h5.045l-.66 3.978h-4.386V29H26.4c.884 0 2.6-1.716 2.6-2.6V2.6c0-.885-1.716-2.6-2.6-2.6z"/></svg>
</a>
</li>
</ul>
</div>
</footer>
<script>
// Set up the batman stylesheet link
const link = document.createElement('link');
link.href = '/css/batman.css';
link.rel = 'stylesheet';
const batmanHead = () => document.head.appendChild(link);
const batmanHeadRemove = () => document.head.removeChild(link);
const batmanLog = () => console.log(Array(16).join('hero'-1)+'Batman');
// If the theme is true, activate theme
if(localStorage.getItem('theme') === 'true') {
batmanHead();
batmanLog();
}
// Get the batman ID and if clicked,
document.getElementById('batman').addEventListener('click', function () {
// if the theme is true, switch to false and remove the stylesheet link
if(localStorage.getItem('theme') === 'true') {
localStorage.setItem('theme', 'false');
batmanHeadRemove();
} else {
localStorage.setItem('theme', 'true');
batmanHead();
batmanLog();
}
});
</script>
<script src="/js/sw-register.js"></script>
</body>
</html>