index.html

---
---

<div class="banner yellow">
  <div class="container">
    <div class="row">
      <div class="column two-thirds intro">
        <p>Hi! I'm Tom and I'm a</p>
        <p class="headline">FREELANCE WEB DEVELOPER</p>
        <p>based in York, UK</p>
        <p><a href="mailto:hello@tomds.uk?subject=Web development enquiry" class="button button-primary"><strong>Hire me!</strong></a></p>
      </div>
      <div class="column one-third profile-holder">
        <img
          class="profile-image"
          srcset="/assets/img/small/tom_profile_pic.jpg 194w, /assets/img/large/tom_profile_pic.jpg 323w"
          sizes="(max-width: 550px) 194px, 323px"
          src="/assets/img/small/tom_profile_pic.jpg"
          alt="Profile pic of freelance web developer Tom de Simone">
      </div>
    </div>
  </div>
</div>

<div class="banner">
  <div class="container">
    <div class="row">
      <h4>About me</h4>
      <p>I have been a professional full-stack web developer since 2007. I make high quality, feature-rich websites and webapps using technologies like React, Django and Node.js, among others. I am equally comfortable doing front-end and back-end development. The more complex the functionality, the better!</p>
      <p>I have been involved in all stages of the project life cycle from design through to deployment and ongoing support. I have experience of hosting websites on both cloud infrastructure and self-hosted VMs.</p>

      <p><strong>Programming languages: </strong>Python, Javascript</p>
      <p><strong>Technologies: </strong>React, TypeScript, jQuery, Django, Node.js, Flask, Postgres, MySQL, Docker, Heroku, AWS</p>
    </div>
  </div>
</div>

<div class="banner gray">
  <div class="container">
    <div class="row">
      <blockquote>
        "I highly recommend working with Tom and I hope to work with him again on further projects."
      </blockquote>
      <p>
        Dr Anne Owen, University of Leeds<br>
        <a href="/my-work/laca.html">Local Footprint</a>
      </p>
    </div>
  </div>
</div>

<div class="banner">
  <div class="container">
    <h4>My work</h4>
    <div class="row">
      <div class="column one-third showcase">
        <a href="/my-work/laca.html"><img
          class="showcase-image"
          src="/assets/img/small/laca.png">
          Local Footprint</a>
      </div>
      <div class="column one-third showcase">
        <a href="/my-work/shadowserver.html"><img
          class="showcase-image"
          src="/assets/img/small/shadowserver.png">
          Shadowserver</a>
      </div>
      <div class="column one-third showcase">
        <a href="/my-work/speak-carbon.html"><img
          class="showcase-image"
          src="/assets/img/small/scc.png">
          Speak Carbon Collective</a>
      </div>
    </div>
  </div>
</div>

<div class="banner gray">
  <div class="container">
    <div class="row">
      <h4>Sustainability</h4>
      <p>As well as being a web developer, I am highly passionate about taking action to tackle climate change. I am a Director and part-time employee of <a href="https://yorkcommunityenergy.org.uk/">York Community Energy</a> and also a qualified Carbon Literacy Trainer working with <a href="https://speakcarbon.earth/">Speak Carbon Collective</a>.</p>

      <p>Naturally, I care about the climate impacts of everything I do, including web development. I take a minimalistic design approach and optimise my code as much as possible to reduce the amount of computing power required to run my websites. This translates into reduced energy usage and thus lower emissions. So if you want a website with great green credentials, I'm your dev!</p>
    </div>
  </div>
</div>