1<!DOCTYPE html> 2<html lang="en"> 3<head> 4<meta charset="utf-8" /> 5<title>Codelamp v4 - Web Development</title> 6<meta name="description" content="Core Website for Woking-based Full-stack Web developer, Phil Glanville."/> 7<meta name="viewport" content="width=device-width, initial-scale=1"> 8<link rel="alternate" href="https://v4.codelamp.co.uk" hreflang="en-GB" /> 9<link rel="canonical" href="https://v4.codelamp.co.uk" /> 10<!-- OG //--> 11<meta property="og:title" content="Codelamp v4 : Surrey-based Web Developer" /> 12<meta property="og:description" content="Core Website of Codelamp (a.k.a Phil Glanville) a hard working Surrey-based Web Dev." /> 13<meta property="og:url" content="https://v4.codelamp.co.uk" /> 14<meta property="og:image" content="https://v4.codelamp.co.uk/images/share.jpg" /> 15<!-- core css //--> 16<link rel="icon" type="image/png" href="images/favicon.png" /> 17<link rel="stylesheet" type="text/css" href="css/core.css?BUILDTOKEN" /> 18<link rel="stylesheet" type="text/css" href="css/font-awesome.css?BUILDTOKEN" /> 19<!-- breakpoint overrides //--> 20<link rel="stylesheet" type="text/css" href="css/mini.css?BUILDTOKEN" media="screen and (max-width: 700px)" /> 21<link rel="stylesheet" type="text/css" href="css/medium.css?BUILDTOKEN" media="screen and (min-width: 701px) and (max-width: 1000px)" />
22<script type="application/ld+json"> 23{ 24 "@context": "https://schema.org", 25 "@type": "WebSite", 26 "name": "Codelamp v4", 27 "alternateName": "Codelamp", 28 "url": "https://v4.codelamp.co.uk" 29} 30</script>
vendor: 1 bytes, line 30
30
31<script type="application/ld+json"> 32{ 33 "@context": "https://schema.org", 34 "@type": "Organization", 35 "url": "https://v4.codelamp.co.uk", 36 "logo": "https://v4.codelamp.co.uk/subsites/components/graphics/images/codelamp-disc.png", 37 "contactPoint": [{ 38 "@type": "ContactPoint", 39 "telephone": "+44-07480062869", 40 "areaServed": "GB", 41 "contactType": "customer service" 42 }] 43} 44</script>
44 45</head> 46<body class="power-3"> 47 <input type="checkbox" id="display-radio-menu" class="hidden-input" /><input type="checkbox" id="display-controls" class="hidden-input" /> 48 <div id="loader"></div> 49 <div id="pagemarks"> 50 <nav id="menu" class="hud"> 51 <ul> 52 <li class="hud-item item-menu"><a href="#pm000" title="Get an introduction to this site"><i class="fa fa-bars"></i><span>Site Menu</span></a></li> 53 </ul> 54 <span id="mediaq"></span> 55 </nav> 56 <nav id="hud" class="hud"> 57 <ul> 58 <li class="hud-item item-description">Full-stack Web developer, specialising in JavaScript, Node, PHP, Python.</li> 59 <li class="hud-item item-introduction with-js"><a href="javascript:void(0);" title="Get an introduction to this site"><i class="fa fa-question-circle"></i><span>Introduction</span></a></li 60 ><li class="hud-item item-fullscreen with-js"><a href="javascript:void(0);" title="Toggle fullscreen mode"><i class="fa fa-television"></i><span>Fullscreen</span></a></li 61 ><li class="hud-item item-power with-js"><a href="javascript:void(0);" title="Toggle power level"><i class="fa fa-battery-3"></i><span>Power</span></a></li 62 ><li class="hud-item item-touchmode with-js without-touch"><a href="javascript:void(0);" title="Toggle touch mode"><i class="fa fa-hand-paper-o"></i><span>Touch Mode</span></a></li 63 ><!--<li class="hud-item item-readmode with-readmode"><label for="state-initial" title="Toggle read mode"><i class="fa fa-book"></i><span>Read Mode</span></label></li 64 ><li class="hud-item item-readmode without-readmode"><label for="state-off" title="Toggle read mode"><i class="fa fa-book"></i><span>Read Mode</span></label></li 65 >//--><li class="hud-item item-controls with-js"><label for="display-controls" title="Site controls"><i class="fa fa-keyboard-o"></i><span>Site controls</span></label></li 66 ><li class="hud-item item-music with-js with-audio"><a href="javascript:void(0);" title="Play music"><i class="fa fa-music"></i><span>Play music</span></a></li 67 ><li class="hud-item item-stackoverflow"><a href="javascript:void(0);" title="Stackoverflow user"><i class="fa fa-stack-overflow"></i><span>Stackoverflow</span></a></li 68 ><!--<li class="hud-item item-menu"><label for="display-radio-menu" title="Radio Menu"><i class="fa fa-circle-o"></i><span>Radio Menu</span></label></li>//--> 69 </ul> 70 </nav> 71 </div> 72 <div id="controls-obscure"></div> 73 <main> 74 75 </main> 76 <aside id="controls-popover" class="popover"> 77 <div class="popover-inner"> 78 <h2>Site Controls</h2> 79 <div class="blocktext cell-left"> 80 <p>Because I like experimenting with interfaces and control systems — trying to find a good balance between accessibility, functionality and fun — there are a myriad ways you can control this site:</p> 81 <ol style="margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0;"> 82 <!--<li>Use W,A,S,D keys to first load, then control Annabelle.</li>//--> 83 <li>Use ARROW keys to navigate between screens.</li> 84 <li>Use TAB Key to hop between focusable elements.</li> 85 <li>Use TOUCH interaction, swipe left or right.</li> 86 <li>You can even use the long lost and forgotten MOUSE.</li> 87 </ol> 88 <p><em>PS. This is the main reason for the site still being in BETA, some of these are a bit clunky still.</em></p> 89 </div> 90 <div class="cell-right"> 91 <div style="margin-bottom: 20px;" class="controls"> 92 <div class="key-row"> 93 <div class="key-empty"> </div> 94 <div class="key"><span class="key-text">W</span></div> 95 <div class="key-empty"> </div> 96 </div> 97 <div class="key-row"> 98 <div class="key"><span class="key-text">A</span></div> 99 <div class="key"><span class="key-text">S</span></div> 100 <div class="key"><span class="key-text">D</span></div> 101 </div> 102 </div> 103 <div class="controls"> 104 <div class="key-row"> 105 <div class="key-empty"> </div> 106 <div class="key"><i class="fa fa-arrow-up" style="color: #000;"></i></div> 107 <div class="key-empty"> </div> 108 </div> 109 <div class="key-row"> 110 <div class="key"><i class="fa fa-arrow-left" style="color: #000;"></i></div> 111 <div class="key"><i class="fa fa-arrow-down" style="color: #000;"></i></div> 112 <div class="key"><i class="fa fa-arrow-right" style="color: #000;"></i></div> 113 </div> 114 </div> 115 </div>
116 <span class="item-controls"> 117 <label for="display-controls" class="more-info">OK, Thanks!</label> 118 </span> 119 </div> 120 </aside> 121 <div id="styles"> 122 <!-- other elements //--> 123 <link rel="stylesheet" type="text/css" href="css/solar-display.css?build=BUILDTOKEN" media="screen" /> 124 <link rel="stylesheet" type="text/css" href="css/introjs.min.css?build=BUILDTOKEN" media="screen" /> 125 <link rel="stylesheet" type="text/css" href="css/introjs-codelamp.css?build=BUILDTOKEN" media="screen" /> 126 <link rel="stylesheet" type="text/css" href="css/making.css?build=BUILDTOKEN" /> 127 </div> 128 <div id="scripts"> 129
129<script>var ga;</script>
129 130
130<script src="js/gtrack.js?build=BUILDTOKEN"></script>
130 131
131<script src="js/keypress.min.js?build=BUILDTOKEN"></script>
131 132
132<script src="js/pixi.min.js?build=BUILDTOKEN"></script>
132 133
133<script src="js/promise.js?build=BUILDTOKEN"></script>
133 134
134<script src="js/jquery.js?build=BUILDTOKEN"></script>
134 135
135<script src="js/d3.js?build=BUILDTOKEN"></script>
135 136
136<script src="js/tween.js?build=BUILDTOKEN"></script>
136 137
137<script src="js/progress-circle.js?build=BUILDTOKEN"></script>
137 138
138<script src="js/progress.js?build=BUILDTOKEN"></script>
138 139
139<script src="js/makeshift.js?build=BUILDTOKEN"></script>
139 140
140<script src="js/makeshift.parallax.js?build=BUILDTOKEN"></script>
140 141
141<script src="js/makeshift.pockets.js?build=BUILDTOKEN"></script>
141 142
142<script src="js/intro.min.js?build=BUILDTOKEN"></script>
142 143
143<script src="js/tab-visibility-change.js?build=BUILDTOKEN"></script>
143 144
144<script src="js/audio-landscape.js?build=BUILDTOKEN"></script>
144 145
145<script src="js/solar-display.js?build=BUILDTOKEN"></script>
145 146
146<script src="js/steps.js?build=BUILDTOKEN"></script>
146 147
147<script src="js/hammer.js?build=BUILDTOKEN"></script>
147 148
148<script src="js/site.js?build=BUILDTOKEN"></script>
148 149
149<script>jQuery('body').addClass('with-js');</script>
149 150
150<script type="disabled"> 151 WebFontConfig = { google: { families: ['Monda'] } }; 152 (function(d){ 153 var wf = d.createElement('script'), s = d.scripts[0]; 154 wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js'; 155 s.parentNode.insertBefore(wf, s); 156 })(document); 157 </script>
157 158 </div> 159
159<script>
vendor: 354 bytes, lines 159-164
159 160 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 161 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 162 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 163 })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 164 ga('create', '
164UA-98104377-1
vendor: 42 bytes, lines 164-166
164', 'auto'); 165 ga('send', 'pageview'); 166
166</script>
166 167 <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 167-168
167 168 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
168GTM-WVHRJ36
vendor: 87 bytes, lines 168-170
168" 169 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 170
170<!-- End Google Tag Manager (noscript) --> 171</body> 172</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.