[30/04/23] sorted category styling and added mastodon link

This commit is contained in:
Andrew Conlin 2023-04-30 13:41:06 +01:00
parent f8e1f5c38d
commit 547dfe4eb3
56 changed files with 594 additions and 4035 deletions

View file

@ -4,45 +4,43 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="latest posts">
<meta property="og:title" content="latest tils">
<meta property="og:image" content="https://andrewconl.in/assets/images/og-image-template.jpg">
<meta property="og:url" content="/til/">
<title>andrew conlin</title>
<link href="https://use.fontawesome.com/releases/v5.0.2/css/all.css" rel="stylesheet">
<link href="https://use.fontawesome.com/releases/v6.0.0/css/all.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="/assets/css/default.css" rel="stylesheet">
<style>
code {
color: #ed0;
}
code {
color: ;
}
pre {
color: #ed0
}
pre {
color:
}
::selection {
background-color: ;
color:
}
</style>
::selection {
background-color: #ed0;
color: black
}
</style>
</head>
<body>
<div class="container text-start">
<h1 class="display-3" style="font-weight:700;position:sticky;top:0;backdrop-filter:blur(10px);z-index:1000;">
<h1 class="display-3" style="font-weight:700;position:sticky;top:0;backdrop-filter:blur(10px);z-index:1000;" id="logo">
<span style="color:black;background-color:white;">ac</span>
<span style="color:black;background-color:#ed0;">ac</span>
</h1>
<div class="row row-cols-1 row-cols-md-2">
<div class="col col-md-3">
<div class="row row-cols-1 g-0">
<div class="row row-cols-1 g-0" id="nav">
<div class="col">
<h4>
@ -68,23 +66,23 @@
<span>
<a href="https://twitter.com/andrwcnln" target="_blank"><i class="fab fa-twitter"></i></a>
<a rel="me" href="https://mastodon.scot/@andrwcnln" target="_blank"><i class="fab fa-mastodon"></i></a>
<a 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"></i></a>
<a 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"></i></a>
<a 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"></i></a>
<a 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"></i></a>
@ -92,7 +90,7 @@
<a 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"></i></a>
</span>
@ -104,23 +102,15 @@
</div>
<div class="col col-md-9">
<h1 style="font-weight: 500;">
latest posts
latest tils
</h1>
<hr>
<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-family:Rubik;font-weight:500;">
<i class="fas fa-calendar"></i>&nbsp;29 Apr 2023&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<span style="background-color:#36b;color:white;">&nbsp;<i class="fas fa-folder"></i>&nbsp;links&nbsp;</span>
</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>
@ -137,29 +127,13 @@
<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-family:Rubik;font-weight:500;">
<i class="fas fa-calendar"></i>&nbsp;10 Mar 2023&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<span style="background-color:#4d8;color:black;">&nbsp;<i class="fas fa-folder"></i>&nbsp;thoughts&nbsp;</span>
</div>
Recently, Ive been using multiple different languages and frameworks (both at work and personally) and Ive 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-family:Rubik;font-weight:500;">
<i class="fas fa-calendar"></i>&nbsp;05 Mar 2023&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<span style="background-color:#c66;color:black;">&nbsp;<i class="fas fa-folder"></i>&nbsp;quotes&nbsp;</span>
</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>
@ -176,16 +150,8 @@
<li>
<h4><a href="/blog/2023/01/14/musings-on-the-cinema/">Musings on the power of cinema</a></h4>
<div style="font-family:Rubik;font-weight:500;">
<i class="fas fa-calendar"></i>&nbsp;14 Jan 2023&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<span style="background-color:#4d8;color:black;">&nbsp;<i class="fas fa-folder"></i>&nbsp;thoughts&nbsp;</span>
</div>
Ive 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>