About Charlie Harvey -- Charlie Harvey

<!DOCTYPE html> <html lang="en-GB"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1" />  <meta name="description" content="About Charlie Harvey and about charlieharvey.org.uk. Blah, blah, blah." /> <meta name="keywords" content="charlie harvey, charlie, harvey, perl, html, punk, punk rock, cider, ciderpunx, direct action, boozeulator, daily mail generator, code, floss, gnu/linux, hacker, geekery" /> <meta name="news_keywords" content="charlie harvey, ciderpunx" /> <meta name="author" content="Charlie Harvey" /> <meta name="generator" content="Dancer 1.3500: Minimalist perl web framework. Vim: text editor." /> <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic,700%7CCabin:400,700%7CInconsolata:400" type="text/css" /> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css" media="screen"/> <link rel="stylesheet" href="//static.charlieharvey.org.uk/css/style.css" media="screen" /> <link rel="alternate" type="application/rss+xml" title="RSS: Blog Posts" href="/page/feed/rss" /> <link rel="alternate" type="application/rss+xml" title="RSS: Comments" href="/comment/feed/rss" /> <link rel="alternate" type="application/rss+xml" title="RSS: Files" href="/file/feed/rss" /> <link rel="alternate" type="application/rss+xml" title="RSS: Flickr images" href="http://flickr.com/services/feeds/photos_public.gne?id=8361414@N05&lang=en-us&format=rss_200"> <link rel="license copyright" href="http://creativecommons.org/licenses/by-nc-sa/3.0/" /> <link rel="shortcut icon" href="//static.charlieharvey.org.uk/favicon.ico" /> <link rel="canonical" href="/about " />  <meta property="og:title" content="About Charlie Harvey" /> <meta property="og:locale" content="en_GB" /> <meta property="og:type" content="article" /> <meta property="og:url" content="/about" /> <meta property="og:site_name" content="charlieharvey.org.uk" /> <meta property="og:description" content="About Charlie Harvey and about charlieharvey.org.uk. Blah, blah, blah." /> <meta property="twitter:card" content="summary_large_image" /> <meta property="twitter:title" content="About Charlie Harvey" /> <meta property="twitter:domain" content="charlieharvey.org.uk" /> <meta property="twitter:description" content="About Charlie Harvey and about charlieharvey.org.uk. Blah, blah, blah." /> <meta property="twitter:creator" content="@ciderpunx" /> <meta property="twitter:site" content="@ciderpunx" /> <meta property="dc.title" content="About Charlie Harvey" /> <meta property="dc.creator" content="Charlie Harvey" /> <meta property="dc.subject" content="About Charlie Harvey" /> <meta property="dc.description" content="About Charlie Harvey and about charlieharvey.org.uk. Blah, blah, blah." /> <meta property="dc.publisher" content="charlieharvey.org.uk" /> <meta property="dc.contributor" content="Charlie Harvey" /> <meta property="dc.language" content="en-GB" />  <script src="//static.charlieharvey.org.uk/js/zepto.min.js"></script> <title>About Charlie Harvey -- Charlie Harvey</title> </head> <body>  <p class="hidden"><a id="top" href="#content">Skip navigation</a></p> <header class="titlebar"> <h1><a rel="me home" class="fn url no_under" href="/">Charlie Harvey</a></h1> </header> <nav class="navbar navbar-inverse navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">Menu</button> </div> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li ><a class="tag me" href="/" >Home</a></li> <li class="dropdown "> <a class="dropdown-toggle" href="#" data-toggle="dropdown">Blog<strong class="caret"></strong></a> <ul class="dropdown-menu" role="menu"> <li><a class="nav tag me" href="/page/index" accesskey="B">Blog home</a></li> <li class="divider"></li> <li><a class="nav tag me" href="/page/geekery">Geekery</a></li> <li><a class="nav tag me" href="/page/cider">Cider reviews</a></li> <li><a class="nav tag me" href="/page/projects">Projects</a></li> <li><a class="nav tag me" href="/page/activism">Activism</a></li> <li><a class="nav tag me" href="/page/reading_lists">Reading</a></li> <li><a class="nav tag me" href="/page/design">Design & photography</a></li> <li><a class="nav tag me" href="/page/musings_rants_oped">Musings</a></li> <li><a class="nav tag me" href="/page/vegan_recipes">Vegan recipes</a></li> <li><a class="nav tag me" href="/page/fun_and_games">Fun and games</a></li> </ul> </li> <li ><a class="nav tag me" href="/file/archive/1" accesskey="W">Files</a></li> <li ><a class="nav tag me" href="/flick/list/1" accesskey="I">Images</a></li> <li class="dropdown active"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">About<strong class="caret"></strong></a> <ul class="dropdown-menu" role="menu"> <li><a class="nav tag" href="/about" accesskey="?">About</a></li> <li><a class="nav tag me" href="/cv.pl" accesskey="R">CV</a></li> <li><a class="nav tag" href="/popular/week">Popular this week</a></li> <li><a class="nav tag" href="/about/feeds">RSS and Atom feeds</a></li> <li><a class="nav tag" href="/about/api">Content API</a></li> <li><a class="nav tag" href="/page/privacy">Privacy statement</a></li> <li><a class="nav tag me" href="/contact_charlie" accesskey="@">Contact</a></li> </ul> </li> </ul> <div class="searchbox right nav navbar-right pull-right"> <form method="get" id="search" class="navbar-form" role="search" action="/ddg"> <div class="input-group" id="search-input-group"> <label class="search-label hidden" for="st-search-input">Search:</label> <input type="text" name="q" maxlength="255" tabindex="1" placeholder="Search" id="st-search-input" /> <div class="input-group-btn"> <button type="submit" tabindex="2" name="go" value="" id="go" class="btn btn-default"> <span class="glyphicon glyphicon-search"></span> </button> </div> <label for="go" class="hidden">Go</label> </div> </form> </div> </div> </div> </nav>  <div id="page" class="container">  <div class="hidden-md hidden-sm hidden-xs">  <div class="social-block-div"> <ul class="no-decoration" id="social-block"> <li><a href="https://twitter.com/intent/tweet?via=ciderpunx&related=ciderpunx&url=http://charlieharvey.org.uk/about&text=I’m%20reading%20About%20Charlie%20Harvey%20—%20" class="sprite twitter">Share on Twitter</a></li> <li><a href="http://www.facebook.com/share.php?u=http://charlieharvey.org.uk/about&t=I’m%20reading%20About%20Charlie%20Harvey" class="sprite facebook">Share on Facebook</a></li> <li><a href="https://plus.google.com/share?url=http://charlieharvey.org.uk/about" class="sprite gplus">Share on Google+</a></li> <li><a href="http://news.ycombinator.com/submitlink?u=http://charlieharvey.org.uk/about&t=About%20Charlie%20Harvey" class="sprite hackernews">Share on Hacker News</a></li> </ul> <a href="javascript:void(0)" id="social-block-toggle" class="visible-lg">↗</a> </div>  </div> <article class="entry-content drop-cap"> <h1>About</h1> <div id="about-carousel" class="carousel slide no-side-margin-bordered" data-interval="6000" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#about-carousel" data-slide-to="0" class="active"></li> <li data-target="#about-carousel" data-slide-to="1"></li> <li data-target="#about-carousel" data-slide-to="2"></li> </ol> <div class="carousel-inner"> <div class="item active"> <a href="/about/charlie-harvey"> <img src="/img/navel-gazer.png" alt="Navel gazing baby" /> </a> <div class="carousel-caption"> <p>Navel gazing: <a href="/about/charlie-harvey">About Charlie Harvey</a></p> </div> </div> <div class="item"> <a href="/cv"> <img src="/img/cv-persp.png" alt="Picture of my cv" /> </a> <div class="carousel-caption"> <p>Gissa job: <a href="/cv">my CV</a></p> </div> </div> <div class="item"> <a href="/about/this-site"> <img src="/img/through-the-ages.png" alt="Screengrabs of this site through the ages" /> </a> <div class="carousel-caption"> <p>Colophon: <a href="/about/this-site">About this site</a></p> </div> </div>  </div> <a class="carousel-control left" href="#about-carousel" data-slide="prev"><span class="icon-prev"></span><a> <a class="carousel-control right" href="#about-carousel" data-slide="next"><span class="icon-next"></span></a> </div> <div class="row"> <div class="col-lg-6"> <h3>About me</h3> <p>There is a big long load of navel gazing on the <a href="/about/charlie-harvey">About Charlie Harvey</a> page.</p> <p>If that doesn’t float your boat you can always look at <a href="/cv">my CV</a></p> </div> <div class="col-lg-6"> <h3>About this site</h3> <p>There is a writeup of my objectives with this website at <a href="/about/this-site">About charlieharvey.org.uk</a>. You can also check out the <a href="/page/redesigning_charlieharvey_org_uk_dancer_bootstrap/">site redesign blog series</a>, which is mostly videos.</p> </div> </div> </article> <script> //$(document).ready(function(){ //$('.carousel').carousel({ interval: 6000 }); //}); // native carousel, prolly lose the jqueryish version at some point var slider = document.getElementById('about-carousel'); slider.addEventListener('slid.bs.carousel', function(e) { var active = slider.querySelector('.item.active .carousel-caption'); if (active.classList) { active.classList.remove('slide') } else { active.className = active.className.replace(' slide','') } }); slider.addEventListener('slide.bs.carousel', function(e) { var active = slider.querySelector('.item.active .carousel-caption'); if (active.classList) { active.classList.add('slide') } else { active.className += ' slide'; } }); </script>  </div>  <footer id="footer" class="footer"> <div id="footwrap" class="container"> <ul class="row"> <li class="col-sm-3"> <section> <h3>Onsite links</h3>  <ul class="xoxo"> <li><a href="/daily_mail.pl">Daily Mail story generator</a></li> <li><a href="/newsfeed">Newsfeeds</a></li> <li><a href="/page/space_invaders">Space Invaders</a></li> <li><a href="/mills_boon.pl">Statistically probable Mills and Boon stories</a></li> <li><a href="/html_static/real_ultimate_perlgeeks.html">Real Ultimate Perl Geeks</a></li> <li><a href="/rot13">ROT13 Tool</a></li> <li><a href="/about/api">Content API</a></li> <li><a href="/contact_charlie">Contact</a></li> </ul>  </section> </li> <li class="col-sm-3"> <section> <h3>External links</h3>  <ul class="xoxo"> <li><a href="http://charlie.ox4.org" rel="me">Charlie's Drupal Life Aggregator</a></li> <li><a href="http://perlmonks.org/?node_id=373188" rel="me">Perlmonks page</a></li> <li><a href="http://slashdot.org/~ciderpunk" rel="me">Slashdot page</a></li> <li><a href="https://github.com/ciderpunx">Charlie’s repositories on github</a></li> </ul>  </section> </li> <li class="col-sm-3"> <section> <h3>Friends</h3>  <ul class="xoxo"> <li><a href="http://ox4.org/" rel="friend co-worker met">OX4: Webhosting for Oxford Activism</a></li> <li><a href="http://newint.org" rel="friend co-worker met">New Internationalist</a></li> <li><a href="http://hacktivista.net/" rel="friend co-worker met">Hacktionlab</a></li> <li><a href="http://eleanorg.org" rel="friend sweetheart date met muse">Nor’s Page</a></li> <li><a href="http://artfulrobot.com/" rel="friend met">Rich’s page</a></li> <li><a href="http://oxguin.net" rel="friend met">Graham’s page</a></li> <li><a href="http://theoarc.org.uk/" rel="friend co-worker met">Oxford Action Resource Centre</a></li> </ul>  </section> </li> <li class="col-sm-3"> <section> <h3>Follow me</h3>  <ul class="xoxo"> <li><a href="http://twitter.com/ciderpunx" rel="me"><div class="sprite32 twitter pull-left"> </div><div class="pull-left">   @ciderpunx</div></a><div class="clear"></div></li> <li><a href="http://flickr.com/photos/charlie_harvey" rel="me"><div class="sprite32 flickr pull-left"></div><div class="pull-left">   flickr</div></a><div class="clear"></div></li> <li><a href="http://uk.linkedin.com/in/charlieharvey"><div class="sprite32 linkedin pull-left"></div><div class="pull-left">   LinkedIn</div></a><div class="clear"></div></li> <li><a href="http://last.fm/user/ciderpunx" rel="me"><div class="sprite32 lastfm pull-left"></div><div class="pull-left">   last.fm</div></a><div class="clear"></div></li> <li><a href="/page/feed/rss" rel="me"><div class="sprite32 rss pull-left"></div><div class="pull-left">   RSS</div></a><div class="clear"></div></li> </ul>  </section> </li> </ul> <p id="copyright" class="centre">© Charlie Harvey 2003-2024. You can use the content under the <a href="http://creativecommons.org/licenses/by-nc-sa/3.0/">BY-NC-SA</a>. The code is under the <a href="https://www.gnu.org/licenses/agpl-3.0.html">GNU Affero licence</a> and is on <a href="https://github.com/ciderpunx/charlieharvey.org.uk">Github</a>.</p> </div> </footer> <script src="//static.charlieharvey.org.uk/js/min-new.js"></script> <script>// <![CDATA[ $(document).ready(function() { $('code').each(function(i, e) {hljs.highlightBlock(e)}); }); $( "#social-block-toggle" ).click(function() { $( "#social-block" ).slideToggle( "slow", function() { if ($('#social-block-toggle').html()==$('<div/>').html('&#8599').html()) { $('#social-block-toggle').html("↙"); } else{ $('#social-block-toggle').html("↗"); } }); }); $( "#sidebar-toggle" ).click(function() { $( "#sidebar" ).slideToggle( "slow", function() { if ($('#sidebar-toggle').html()==$('<div/>').html('&#8599').html()) { $('#sidebar-toggle').html("↙"); } else{ $('#sidebar-toggle').html("↗"); } }); }); // ]]></script> <script>// <![CDATA[ var _paq = _paq || []; _paq.push(["setCookieDomain", "*.charlieharvey.org.uk"]); _paq.push(["trackPageView"]); _paq.push(["enableLinkTracking"]); (function() { var u=(("https:" == document.location.protocol) ? "https" : "http") + "://piwik.charlieharvey.org.uk/"; _paq.push(["setTrackerUrl", u+"piwik.php"]); _paq.push(["setSiteId", "1"]); var d=document, g=d.createElement("script"), s=d.getElementsByTagName("script")[0]; g.type="text/javascript"; g.defer=true; g.async=true; g.src=u+"piwik.js"; s.parentNode.insertBefore(g,s); })(); // ]]> </script>  </body> </html>

CINXE.COM

About Charlie Harvey -- Charlie Harvey