---
title: "Hello!"
description: "Hi! I'm Abi, a UK-based Computer Science student, photographer and programmer."
---
{% extends "_layouts/base.html" %}

{% block head %}
<link rel="me" href="https://tech.lgbt/@abichrome" />
<style>
    #contact:target {
        background-color: yellow;
    }
</style>
{% endblock %}

{% block aside %}
{% include "_includes/aside.html" %}
<br>
<div style="padding-top: 20px"></div>
<a href="/blog/the-modern-web-sucks"><img src="/assets/img/graphics/stamp-yrownwebsite.png" alt="maybe you should make your own website" title="Maybe you should make your own website"></a>

<div class="webring" style="padding-top: 20px">
    <a href="https://anna-maths.xyz">« Anna Williams</a> | webring | <a href="https://charliew.net/">Charlie Wilson »</a>
</div>
{% endblock %}

{% block main %}
<h1>Hi there!</h1>

<p>I'm Abi, a UK-based Computer Science student, <a href="/photography/">photographer</a> and programmer who's currently studying at the University of Birmingham.</p>
<p>You've come across my personal website, something that's existed on the internet <a href="/timeline/">in various forms and on various domains since about 2018</a>. Here, you can find some of my writing about technology and my other interests - some of which include music, photography, railways, making things and crafts - though you might not find details about everything.</p>
<p>While you're here, you might want to take a look at <a href="/projects/">some of the projects I've been working on</a>,
    <a href="/now/">what I'm up to now</a> or <a href="/blog/">a bit of my writing</a> (mostly about tech).
    There's also various other things that are discoverable through the <a href="/sitemap/">sitemap</a>.</p>
<div>
    <p class="small-margin">I exist in a few other places on the internet too - notably, as:</p>
    <ul>
        <li><a href="https://github.com/codemicro">codemicro on GitHub</a> though most of my code goes on <a href="https://git.tdpain.net">my self-hosted forge</a> primarily</li>
        <li><a href="https://news.ycombinator.com/user?id=akpa1">akpa1 on Hacker News</a></li>
        <li><a href="https://app.thestorygraph.com/profile/akpa1">akpa1 on The StoryGraph</a></li>
        <li><a href="https://open.spotify.com/user/cvdg0916q83dtttypdo80r64z">AKP on Spotify</a>
            <ul><li>The last track I listened to on Spotify was <span data-nowplaying="TrackLink">...</span> by <span data-nowplaying="ArtistsLink">...</span>, <span data-nowplaying="TimeSince">...</span>.</li></ul>
        </li>
    </ul>
</div>

<script src="https://now-playing.akpain.net/script/cvdg0916q83dtttypdo80r64z"></script>

<h2 id="contact">Get in touch</h2>

<p>If you'd like to send me an email, feel free to drop me a message at <code><noscript>hello at this domain</noscript><span id="scrambled"></span></code>.</p>

<script>
    const animatedUnscramble = (elem) => {
        const tofn = (i) => {
            elem.innerText = unscramble(elem.innerText, [keyForEmailAddr[i]])
            if (i != keyForEmailAddr.length) {
                setTimeout(tofn, (0.02 * Math.pow(keyForEmailAddr.length - i, 2)) + 20, i+1);
            }
        };
        tofn(0);
    }
    const elem = document.getElementById("scrambled");
    elem.innerText = scrambledEmailAddr;
    animatedUnscramble(elem);
</script>

{% endblock %}
