[08/09/23] black and yellow colours scheme, fixed title position
This commit is contained in:
parent
0c9c9c8b16
commit
9fb9839a69
24 changed files with 645 additions and 260 deletions
111
_site/index.html
111
_site/index.html
|
@ -18,36 +18,30 @@
|
|||
<div class="col col-md-3">
|
||||
<div class="row row-cols-1 g-0" id="nav" style="position:sticky;top:0px;">
|
||||
<h1 class="display-3 logo" style="font-weight:700;" id="logo">
|
||||
<span style="color:#282828;background-color:#ebdbb2;">ac</span>
|
||||
<span style="color:black;background-color:gold;">ac</span>
|
||||
</h1>
|
||||
|
||||
<div class="col">
|
||||
<h4>
|
||||
<a href="/" class="text-decoration-none"> about </a>
|
||||
<a href="/" class="text-decoration-none" style="color: white;"> blog </a>
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<h4>
|
||||
<a href="/blog" class="text-decoration-none"> blog </a>
|
||||
<a href="/til" class="text-decoration-none" style="color: white;"> til </a>
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<h4>
|
||||
<a href="/til" class="text-decoration-none"> til </a>
|
||||
<a href="/projects" class="text-decoration-none" style="color: white;"> projects </a>
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<h4>
|
||||
<a href="/projects" class="text-decoration-none"> projects </a>
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<h4>
|
||||
<a href="http://andrewconlinphotography.co.uk" class="text-decoration-none"> photos↗ </a>
|
||||
<a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: white;"> photos↗ </a>
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
|
@ -57,23 +51,23 @@
|
|||
<span>
|
||||
|
||||
|
||||
<a rel="me" href="https://mastodon.scot/@andrwcnln" target="_blank"><i class="fab fa-mastodon"></i></a>
|
||||
<a rel="me" href="https://mastodon.scot/@andrwcnln" target="_blank"><i class="fab fa-mastodon" style="color: white;"></i></a>
|
||||
|
||||
|
||||
|
||||
<a rel="me" href="https://instagram.com/conlinsta" target="_blank"><i class="fab fa-instagram"></i></a>
|
||||
<a rel="me" href="https://instagram.com/conlinsta" target="_blank"><i class="fab fa-instagram" style="color: white;"></i></a>
|
||||
|
||||
|
||||
|
||||
<a rel="me" href="https://github.com/andrwcnln" target="_blank"><i class="fab fa-github"></i></a>
|
||||
<a rel="me" href="https://github.com/andrwcnln" target="_blank"><i class="fab fa-github" style="color: white;"></i></a>
|
||||
|
||||
|
||||
|
||||
<a rel="me" href="https://www.strava.com/athletes/57896512" target="_blank"><i class="fab fa-strava"></i></a>
|
||||
<a rel="me" href="https://www.strava.com/athletes/57896512" target="_blank"><i class="fab fa-strava" style="color: white;"></i></a>
|
||||
|
||||
|
||||
|
||||
<a rel="me" href="https://open.spotify.com/user/1135508731?si=61zWbsqmT92LdT0JA5bAKw" target="_blank"><i class="fab fa-spotify"></i></a>
|
||||
<a rel="me" href="https://open.spotify.com/user/1135508731?si=61zWbsqmT92LdT0JA5bAKw" target="_blank"><i class="fab fa-spotify" style="color: white;"></i></a>
|
||||
|
||||
|
||||
|
||||
|
@ -81,11 +75,11 @@
|
|||
|
||||
|
||||
|
||||
<a rel="me" href="mailto:andrew@andrewconl.in" target="_blank"><i class="fas fa-envelope"></i></a>
|
||||
<a rel="me" href="mailto:andrew@andrewconl.in" target="_blank"><i class="fas fa-envelope" style="color: white;"></i></a>
|
||||
|
||||
|
||||
|
||||
<a rel="me" href="/feed.xml" target="_blank"><i class="fas fa-square-rss"></i></a>
|
||||
<a rel="me" href="/feed.xml" target="_blank"><i class="fas fa-square-rss" style="color: white;"></i></a>
|
||||
|
||||
|
||||
</span>
|
||||
|
@ -95,28 +89,75 @@
|
|||
<hr class="menu">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-9" style="position: relative;top: 90px;">
|
||||
<div class="col col-md-9 content">
|
||||
<h1 style="font-weight: 500;">
|
||||
about me
|
||||
latest posts <span style="font-size:20px;"><a href="/feed.xml"><i class="fas fa-rss-square"></i></a></span>
|
||||
</h1>
|
||||
<p>
|
||||
|
||||
all the posts, in reverse chronological. there is an atom feed above.
|
||||
</p>
|
||||
<hr>
|
||||
<img src="/assets/images/me.jpg">
|
||||
<br>
|
||||
Hi! My name is Andrew Conlin. I am a <a href="https://www.linkedin.com/in/andrew-conlin-61320a257/" target="_blank">software engineer</a> and <a href="http://andrewconlinphotography.co.uk" target="_blank">photographer</a>, currently based in Cambridge, England.
|
||||
<br>
|
||||
<br>
|
||||
My main hobbies are film photography and running. I love <a href="https://letterboxd.com/andrewconlin/">watching movies</a>, especially in the cinema. I love post-punk, dreampop and experimental hip hop. I love drinking good coffee, good beer and good whisky. I am also a passionate self-hoster, and like to think that I'm at least somewhat privacy conscious.
|
||||
<br>
|
||||
<br>
|
||||
I mainly use this site as a space for my blog, where I post interesting things I've found, and some of my (not so interesting) thoughts. Inspired by <a href="https://til.simonwillison.net/">Simon Willison</a>, I also post my TIL series here. Any time I run into a weird error while programming, I post the full error message and the fix that I found, to hopefully help someone down the line.
|
||||
<br>
|
||||
<br>
|
||||
<h1> contact </h1>
|
||||
<hr>
|
||||
You can <a href="mailto:andrew@andrewconl.in">email me</a>, or use any of the socials in the nav menu.
|
||||
<ul style="list-style-type:none;margin:0;padding:0;">
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<h4><a href="/blog/2023/04/29/links-arent-performances/">Links aren't performances</a></h4>
|
||||
<div style="font-style: italic;">
|
||||
<i class="fas fa-calendar"></i> 29 Apr 2023
|
||||
</div>
|
||||
“For starters, it finds that publishing a link can be a “performance” of a copyrighted work, which meant that when Linkletter linked to the world-viewable Youtube files that Proctorio had...
|
||||
<br>
|
||||
<br>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<h4><a href="/blog/2023/03/10/putting-thoughts-into-action/">A measure of how easily thoughts can be translated to action</a></h4>
|
||||
<div style="font-style: italic;">
|
||||
<i class="fas fa-calendar"></i> 10 Mar 2023
|
||||
</div>
|
||||
Recently, I’ve been using multiple different languages and frameworks (both at work and personally) and I’ve been thinking about why I prefer some over others. Ultimately, I think it comes...
|
||||
<br>
|
||||
<br>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<h4><a href="/blog/2023/03/05/yuri-felsen-on-love/">Yuri Felsen on love</a></h4>
|
||||
<div style="font-style: italic;">
|
||||
<i class="fas fa-calendar"></i> 05 Mar 2023
|
||||
</div>
|
||||
“Like everyone, I have my own, maybe obsessive futile, maybe in some way authentic, vision: all of a sudden, I will imagine the entire homogenous world as it is revealed...
|
||||
<br>
|
||||
<br>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<h4><a href="/blog/2023/01/14/musings-on-the-cinema/">Musings on the power of cinema</a></h4>
|
||||
<div style="font-style: italic;">
|
||||
<i class="fas fa-calendar"></i> 14 Jan 2023
|
||||
</div>
|
||||
I’ve realised that going to the cinema makes me sad; a quiet, contemplative melancholy. Ennui. No matter the film, something about the cinema experience is meditative for me. I always...
|
||||
<br>
|
||||
<br>
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
<br>
|
||||
<br>
|
||||
</div>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue