<head>
  <meta name="slug" content="about" />
  <meta name="title" content="About Me" />
</head>
<body>
  <section class="bg-primary">
    <div class="container">
      <div class="row">
        <div class="col-lg-8 col-lg-offset-2 text-center">
          <h1 class="section-heading">About Me</h1>
          <hr class="light">
        </div>
      </div>
    </div>
  </section>
  <section id="me">
    <div class="container">
      <div class="row">
        <div class="col-sm-8">
          <p>
            Hi, I'm Jake, a software engineer currently working for a company in Brighton. I've been working as a developer since mid-2015, and have been studying IT and computer science since 2013.
            I work primarily as a full-stack developer, however more recently I've been working more on mobile apps.
          </p>
        </div>
        <div class="col-sm-4 text-center">
          <div data-theme="medium" data-github="RealOrangeOne" class="github-card"></div>
        </div>
      </div>
    </div>
    <script async defer src="//cdn.jsdelivr.net/github-cards/latest/widget.js"></script>
  </section>
  <section class="bg-primary" id="website">
    <div class="container">
      <h2>About my website</h2>
      <p>
        My website is the culmination of all my knowledge, compiled into 1 place. It not only contains all my projects, but it in itself is a project. Making sure this website works properly is a tall order, especially considering it's self hosted.
      </p>
      <p>
        The site is primarily powered by <a href="">Pelican</a>, a static site generator. This converts markdown and HTML templates into static HTML files. The templates are generated using <a href="">Jinja2</a>, a templating language similar to <a href="">Django</a>'s. This allows me to write nice clean, <i>DRY</i> content, and have it come out as clean HTML.
      </p>
      <p>
        The static content (JS, CSS etc) is built using a custom build pipeline. The Javascript is built and compiled using <a href="">Babel</a> and <a href="">Browserify</a>, and the CSS is written using <a href="">node-SCSS</a> as a pre-processor.
      </p>
    </div>
  </section>
  <section id="server">
    <div class="container">
      <h2>The Server</h2>
      <p>
        The website is hosted on my <a href="">UK VPS</a>. Previous versions have been hosted on <a href="">1&amp;1</a> and <a href="">MyWindowsHosting</a>.
      </p>
      <p>
        The static files are served using a <a href="">custom Express server</a>, which allows me to auto-deploy the site from my <a href="">CI</a>. This is then served using a custom, closed-source reverse proxy, which makes local development and domain switching much easier. This is pointed to by <a href="">NGINX</a>, which actually serves port 80.
      </p>
    </div>
  </section>
</body>