<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Home — Paul Stone</title>
        <meta name="description" content="Home">
        <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicons/apple-touch-icon.png">
        <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicons/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicons/favicon-16x16.png">
        <link rel="manifest" href="/assets/favicons/site.webmanifest">
        <meta name="msapplication-TileColor" content="#00908F">
        <meta name="theme-color" content="#00908F">
        <link rel="stylesheet" href="/css/tailwind.css?id=341ac83747924b200c1e92237c1cb23b">
        <script defer src="/js/site.js?id=cf0492eb11b04bb5766cea6cbe635883"></script>
    </head>
    <body class="bg-white font-sans leading-normal text-grey-800 px-4 sm:px-10" x-data="{ showMobileNav: false }">
    <a class="transition left-0 bg-primary text-primary-content absolute p-3 m-3 -translate-y-16 focus:translate-y-0" href="#mainContent">Skip to main content</a>
        <header role="banner"><div class="flex items-center justify-between lg:justify-start flex-wrap py-10 max-w-5xl mx-auto">
    <div class="text-md antialiased font-medium">
        <a href="/" class="block text-xl lg:inline-block mr-12 font-black">Paul Stone</a>
    </div>
    <div class="block lg:hidden">
        <button class="flex items-center px-3 text-gray-800" x-bind:class="{'hidden': showMobileNav}" @click="showMobileNav = true">
            <svg class="fill-current h-5 w-" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                <title>Open Menu</title>
                <path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" />
            </svg>
        </button>
        <button class="items-center px-3 text-gray-800" x-bind:class="{'flex': showMobileNav, 'hidden': ! showMobileNav}" @click="showMobileNav = false" x-cloak>
            <svg class="fill-current h-5 w-5" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                <title>Close Menu</title>
                <path
                    d="M10 8.586L2.929 1.515 1.515 2.929 8.586 10l-7.071 7.071 1.414 1.414L10 11.414l7.071 7.071 1.414-1.414L11.414 10l7.071-7.071-1.414-1.414L10 8.586z" />
            </svg>
        </button>
    </div>
    <div class="w-full lg:flex-1 lg:flex items-center justify-end" @click.away="showMobileNav = false" x-bind:class="{ 'hidden': ! showMobileNav }">
        <nav aria-labelledby="mainmenulabel">
        <h2 id="mainmenulabel" class="sr-only">Main Menu</h2>
        <ul class="list-none">
                      <li class="block lg:inline-block">
              <a href="/" aria-current="page" class="text-teal underline pointer-events-none mt-4 text-gray-600 hover:text-teal lg:mt-0 py-6 px-6 lg:mx-3">
                Home
              </a>
            </li>
                      <li class="block lg:inline-block">
              <a href="/about"  class=" mt-4 text-gray-600 hover:text-teal lg:mt-0 py-6 px-6 lg:mx-3">
                About
              </a>
            </li>
                      <li class="block lg:inline-block">
              <a href="/articles"  class=" mt-4 text-gray-600 hover:text-teal lg:mt-0 py-6 px-6 lg:mx-3">
                Articles
              </a>
            </li>
                      <li class="block lg:inline-block">
              <a href="/work"  class=" mt-4 text-gray-600 hover:text-teal lg:mt-0 py-6 px-6 lg:mx-3">
                Work
              </a>
            </li>
                      <li class="block lg:inline-block">
              <a href="/contact"  class=" mt-4 text-gray-600 hover:text-teal lg:mt-0 py-6 px-6 lg:mx-3">
                Contact
              </a>
            </li>
          
        </ul></nav>
    </div>
   </div>
</header>
        <main id="mainContent" role="main"><div class="max-w-5xl mx-auto relative py-16 lg:pt-40 lg:pb-32">
  <article class="content py-8 border-y border-teal">
    <p class="font-medium text-lg text-teal">Senior full-stack web developer</p>
    <h1 class="max-w-4xl">
      <p>I am a web developer with 23&nbsp;years of commercial experience who lives and works in London, UK.</p>

    </h1>
  </article>
</div>

<div class="max-w-2xl mx-auto mb-32">
      <div class="mb-16">
    <h2 class="mb-4">
      <a
        href="/articles/remember-to-timesheet-your-fixing-dependencies-time"
        class="text-2xl hover:text-teal tracking-tight leading-tight font-bold"
      >
        Remember to timesheet your "fixing dependencies"&nbsp;time
      </a>
    </h2>
    <p class="text-gray-600">
      <span class="text-gray-800 text-sm uppercase tracking-widest font-medium"
        >11th March 2022</span
      >
      &mdash; Developers spend lots of time trying to update packages or get someone else's code running on their machine. Make sure you and your team are tracking this&nbsp;time.
    </p>
  </div>
    <div class="mb-16">
    <h2 class="mb-4">
      <a
        href="/articles/integrating-wordpress-with-highrise"
        class="text-2xl hover:text-teal tracking-tight leading-tight font-bold"
      >
        Integrating a WordPress contact form with the Highrise&nbsp;CRM
      </a>
    </h2>
    <p class="text-gray-600">
      <span class="text-gray-800 text-sm uppercase tracking-widest font-medium"
        >18th February 2020</span
      >
      &mdash; A look at several options for integrating a contact form on a WordPress site with Highrise&nbsp;CRM.
    </p>
  </div>
    <div class="mb-16">
    <h2 class="mb-4">
      <a
        href="/articles/use-mac-osx-speech-to-catch-errors"
        class="text-2xl hover:text-teal tracking-tight leading-tight font-bold"
      >
        Use text to speech on Mac OS X to highlight errors in your&nbsp;writing
      </a>
    </h2>
    <p class="text-gray-600">
      <span class="text-gray-800 text-sm uppercase tracking-widest font-medium"
        >2nd December 2013</span
      >
      &mdash; Have your computer read your (soon to be) masterpiece back to&nbsp;you.
    </p>
  </div>
    <div class="mb-16">
    <h2 class="mb-4">
      <a
        href="/articles/facebook-has-killed-my-email-archive"
        class="text-2xl hover:text-teal tracking-tight leading-tight font-bold"
      >
        Facebook has killed my friend email&nbsp;archive
      </a>
    </h2>
    <p class="text-gray-600">
      <span class="text-gray-800 text-sm uppercase tracking-widest font-medium"
        >26th February 2013</span
      >
      &mdash; Social media has the ability to prevent your social history being&nbsp;recorded.
    </p>
  </div>
    <div class="mb-16">
    <h2 class="mb-4">
      <a
        href="/articles/omnifocus-date-maths-tip"
        class="text-2xl hover:text-teal tracking-tight leading-tight font-bold"
      >
        OmniFocus: date maths&nbsp;tip
      </a>
    </h2>
    <p class="text-gray-600">
      <span class="text-gray-800 text-sm uppercase tracking-widest font-medium"
        >22nd February 2013</span
      >
      &mdash; Some time-saving tips for saving the&nbsp;time.
    </p>
  </div>
  
  <!-- <div><a href="/articles" class="text-teal">View all articles...</a></div> -->
  
</div>
</main>
        <footer role="contentinfo"><div class="flex items-center justify-between flex-wrap py-12 lg:py-24 max-w-5xl mx-auto">
    <div class="text-sm pb-8 md:pb-0">&copy; 2024 Paul Stone</div>
    <div class="flex items-center">
                    <a href="https://twitter.com/paulstone" class="ml-4" aria-label="Twitter" rel="noopener">
                <svg class="h-6 w-6 hover:text-teal" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" viewBox="0 0 16 16" width="16" height="16"><g transform="matrix(0.6666666666666666,0,0,0.6666666666666666,0,0)"><path d="M23.32,6.44c0.212-0.177,0.241-0.492,0.065-0.704c-0.068-0.082-0.161-0.14-0.265-0.166l-0.79-0.2 c-0.268-0.067-0.431-0.339-0.364-0.606C21.974,4.731,21.986,4.7,22,4.67l0.44-0.89c0.12-0.249,0.015-0.548-0.233-0.668 C22.099,3.06,21.976,3.049,21.86,3.08l-2,0.56c-0.151,0.044-0.314,0.014-0.44-0.08c-0.865-0.649-1.918-1-3-1c-2.761,0-5,2.239-5,5 l0,0v0.36c0.001,0.127-0.094,0.235-0.22,0.25C8.39,8.5,5.7,7.07,2.8,3.73c-0.128-0.142-0.325-0.2-0.51-0.15 C2.124,3.656,2.013,3.817,2,4C1.599,5.645,1.761,7.377,2.46,8.92c0.062,0.123,0.013,0.274-0.11,0.336 C2.303,9.279,2.251,9.288,2.2,9.28L1.08,9.06C0.807,9.016,0.551,9.202,0.507,9.474C0.498,9.533,0.499,9.592,0.51,9.65 c0.175,1.555,1.047,2.945,2.37,3.78c0.124,0.06,0.176,0.21,0.116,0.334c-0.025,0.051-0.065,0.092-0.116,0.116l-0.53,0.21 c-0.256,0.103-0.381,0.394-0.278,0.65c0.005,0.014,0.011,0.027,0.018,0.04c0.595,1.302,1.791,2.229,3.2,2.48 c0.13,0.047,0.197,0.191,0.15,0.32c-0.025,0.07-0.08,0.124-0.15,0.15C3.93,18.292,2.471,18.575,1,18.56 c-0.276-0.055-0.545,0.124-0.6,0.4s0.124,0.545,0.4,0.6l0,0c2.548,1.208,5.321,1.866,8.14,1.93c2.479,0.038,4.915-0.658,7-2 c3.484-2.326,5.571-6.241,5.56-10.43V8.19c0.001-0.147,0.067-0.286,0.18-0.38L23.32,6.44z" stroke="none" fill="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round"></path></g></svg>
            </a>
                    <a href="https://github.com/paulstone" class="ml-4" aria-label="Github" rel="noopener">
                <svg class="h-6 w-6 hover:text-teal" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" viewBox="0 0 16 16" width="16" height="16"><g transform="matrix(0.6666666666666666,0,0,0.6666666666666666,0,0)"><path d="M12,0.28C5.373,0.278-0.002,5.649-0.004,12.276c-0.002,5.197,3.342,9.804,8.284,11.414h0.29 c0.551,0.034,1.026-0.385,1.06-0.936c0.003-0.041,0.003-0.083,0-0.124v-0.21c0-0.17,0-0.4,0-1.09c-0.02-0.132-0.092-0.251-0.2-0.33 c-0.118-0.095-0.272-0.132-0.42-0.1c-2.68,0.58-3.25-1.1-3.29-1.21C5.384,18.801,4.784,18.037,4,17.5 c-0.047-0.041-0.097-0.077-0.15-0.11c0.116-0.063,0.249-0.087,0.38-0.07c0.511,0.071,0.948,0.405,1.15,0.88 c0.804,1.4,2.572,1.913,4,1.16c0.15-0.065,0.258-0.2,0.29-0.36c0.038-0.463,0.236-0.897,0.56-1.23 c0.206-0.183,0.225-0.499,0.042-0.706c-0.081-0.091-0.191-0.149-0.312-0.164c-2.37-0.27-4.79-1.1-4.79-5.19 c-0.02-1.027,0.356-2.023,1.05-2.78C6.351,8.786,6.386,8.579,6.31,8.4C6.032,7.624,6.036,6.774,6.32,6 c0.924,0.164,1.791,0.559,2.52,1.15c0.122,0.086,0.277,0.112,0.42,0.07c0.893-0.242,1.814-0.367,2.74-0.37 c0.929,0.001,1.854,0.125,2.75,0.37c0.14,0.039,0.291,0.013,0.41-0.07c0.73-0.589,1.597-0.984,2.52-1.15 c0.272,0.77,0.272,1.61,0,2.38c-0.076,0.179-0.041,0.386,0.09,0.53c0.687,0.75,1.062,1.733,1.05,2.75c0,4.09-2.43,4.91-4.81,5.18 c-0.275,0.029-0.474,0.274-0.446,0.549c0.013,0.129,0.076,0.248,0.176,0.331c0.448,0.463,0.671,1.099,0.61,1.74v3.18 c-0.01,0.317,0.122,0.621,0.36,0.83c0.303,0.227,0.696,0.298,1.06,0.19c6.285-2.103,9.676-8.902,7.573-15.187 C21.71,3.592,17.147,0.296,12,0.28z" stroke="none" fill="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round"></path></g></svg>
            </a>
        
    </div>
</div>
</footer>
        <script defer data-domain="paulstone.net" src="https://stats.paulstone.net/js/script.js"></script>
<script defer data-domain="paulstone.net" src="https://plausible.io/js/script.js"></script>
<script src="https://cdn.usefathom.com/script.js" data-site="HPMQKBIZ" defer></script>

    </body>
</html>
