[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
116
_site/blog/2023/01/14/musings-on-the-cinema/index.html
Normal file
116
_site/blog/2023/01/14/musings-on-the-cinema/index.html
Normal file
|
|
@ -0,0 +1,116 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta property="og:image" content="https://andrewconl.in/assets/images/og-image-template.jpg">
|
||||
<link type="application/atom+xml" rel="alternate" href="http://localhost:4000/feed.xml" />
|
||||
<title>andrew conlin</title>
|
||||
<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">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container text-start">
|
||||
<div class="row row-cols-1 row-cols-md-2">
|
||||
<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:black;background-color:gold;">ac</span>
|
||||
</h1>
|
||||
|
||||
<div class="col">
|
||||
<h4>
|
||||
<a href="/" class="text-decoration-none" style="color: white;"> blog </a>
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<h4>
|
||||
<a href="/til" class="text-decoration-none" style="color: white;"> til </a>
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<h4>
|
||||
<a href="/projects" class="text-decoration-none" style="color: white;"> projects </a>
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<h4>
|
||||
<a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: white;"> photos↗ </a>
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
|
||||
<h4>
|
||||
<div>
|
||||
<span>
|
||||
|
||||
|
||||
<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" style="color: white;"></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" style="color: white;"></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>
|
||||
|
||||
|
||||
|
||||
<a href="https://letterboxd.com/andrewconlin/" target="_blank"><img class="letterboxd" src="/assets/images/letterboxd.png"></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" style="color: white;"></i></a>
|
||||
|
||||
|
||||
</span>
|
||||
</div>
|
||||
</h4>
|
||||
</div>
|
||||
<hr class="menu">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-9 content">
|
||||
<h1 style="font-weight: 500;">
|
||||
Musings on the power of cinema
|
||||
</h1>
|
||||
<p>
|
||||
|
||||
</p>
|
||||
<p style="font-family:Rubik;font-style:italic;">
|
||||
<i class="fas fa-calendar"></i> 14 Jan 2023
|
||||
|
||||
<i class="fas fa-clock"></i> 1 minute
|
||||
</p>
|
||||
<hr>
|
||||
|
||||
<p>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 look at things differently in the aftermath; like my perception is temporarily knocked off balance. No, more like a fog is lifted for a while. I especially enjoy that time immediately after, the cycle home. I notice so many little details, scenes of beauty and of strange nostalgia. Like I’m finally seeing the world how it is, or rather, I begin to see rather than look, listen rather than hear. I feel as though these moments, however brief, are when I am truly in touch with myself. My soul, my inner essence. This is why I love the cinema. These moments of private melancholy, of temporary clarity. It is a feeling I cannot replicate anywhere else in my life.</p>
|
||||
|
||||
|
||||
<br>
|
||||
<br>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
120
_site/blog/2023/03/05/yuri-felsen-on-love/index.html
Normal file
120
_site/blog/2023/03/05/yuri-felsen-on-love/index.html
Normal file
|
|
@ -0,0 +1,120 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta property="og:image" content="https://andrewconl.in/assets/images/og-image-template.jpg">
|
||||
<link type="application/atom+xml" rel="alternate" href="http://localhost:4000/feed.xml" />
|
||||
<title>andrew conlin</title>
|
||||
<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">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container text-start">
|
||||
<div class="row row-cols-1 row-cols-md-2">
|
||||
<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:black;background-color:gold;">ac</span>
|
||||
</h1>
|
||||
|
||||
<div class="col">
|
||||
<h4>
|
||||
<a href="/" class="text-decoration-none" style="color: white;"> blog </a>
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<h4>
|
||||
<a href="/til" class="text-decoration-none" style="color: white;"> til </a>
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<h4>
|
||||
<a href="/projects" class="text-decoration-none" style="color: white;"> projects </a>
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<h4>
|
||||
<a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: white;"> photos↗ </a>
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="col gy-2" style="font-family: Arial, Helvetica, sans-serif;">
|
||||
<h4>
|
||||
<div>
|
||||
<span>
|
||||
|
||||
|
||||
<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" style="color: white;"></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" style="color: white;"></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>
|
||||
|
||||
|
||||
|
||||
<a href="https://letterboxd.com/andrewconlin/" target="_blank"><img class="letterboxd" src="/assets/images/letterboxd.png"></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" style="color: white;"></i></a>
|
||||
|
||||
|
||||
</span>
|
||||
</div>
|
||||
</h4>
|
||||
</div>
|
||||
<hr class="menu">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-9 content">
|
||||
<h1 style="font-weight: 500;">
|
||||
Yuri Felsen on love
|
||||
</h1>
|
||||
<p>
|
||||
|
||||
</p>
|
||||
<p style="font-family:Rubik;font-style:italic;">
|
||||
<i class="fas fa-calendar"></i> 05 Mar 2023
|
||||
|
||||
<i class="fas fa-clock"></i> 1 minute
|
||||
</p>
|
||||
<hr>
|
||||
|
||||
<p><em>“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 to us-the streets, the cities, the rooms, those intelligent beasts of a sad and predatory nature, who have learn to stand on their hind legs, who have built all this but are fated to disappear, who, despite this, still try to cling to something solid and lasting, still try to ward off the inevitability of death, who dreamt up fairy tales and, now that these stories have been disproved, are disconsolate - and for me the only means of defending myself from our terrible fate is love, my love - Lyolya. Without love we fall into a stupor or despair, it covers our naked animal essence; with the fear of death, with deliberate attempts to grab hold of some kind of eternity, one that is at once a mystery to us and yet devised by us, even the remains of love, even its very echo in music, imbues us with a semblance of fearlessness, dignity and the spiritual range to disregard death. Only by loving, by knowing about love, hoping for love, are we inspired and meaningfully engaged in life, able to banish the sovereignty of petty day-to-day cares, to stop waiting for the end to come”</em></p>
|
||||
|
||||
<p><strong>- Yuri Felsen (<em>trans. Bryan Karetnyk</em>)</strong></p>
|
||||
|
||||
<p>From ‘Deceit’, first published in 1930 and translated to English in 2022.</p>
|
||||
|
||||
|
||||
<br>
|
||||
<br>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</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,16 +89,16 @@
|
|||
<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;">
|
||||
A measure of how easily thoughts can be translated to action
|
||||
</h1>
|
||||
<p>
|
||||
|
||||
</p>
|
||||
<p style="font-family:Fira Code;font-weight:500;">
|
||||
<p style="font-family:Rubik;font-style:italic;">
|
||||
<i class="fas fa-calendar"></i> 10 Mar 2023
|
||||
|
|
||||
|
||||
<i class="fas fa-clock"></i> 2 minutes
|
||||
</p>
|
||||
<hr>
|
||||
|
|
|
|||
|
|
@ -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,36 +89,27 @@
|
|||
<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;">
|
||||
latest posts <span style="font-size:20px;"><a href="/feed.xml"><i class="fas fa-rss-square"></i></a></span>
|
||||
Links aren't performances
|
||||
</h1>
|
||||
<p>
|
||||
all the posts, in reverse chronological. there is an atom feed above.
|
||||
|
||||
</p>
|
||||
<hr>
|
||||
<ul style="list-style-type:none;margin:0;padding:0;">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<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:Fira Code;font-weight:500;">
|
||||
<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>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
<p style="font-family:Rubik;font-style:italic;">
|
||||
<i class="fas fa-calendar"></i> 29 Apr 2023
|
||||
|
||||
<i class="fas fa-clock"></i> 1 minute
|
||||
</p>
|
||||
<hr>
|
||||
|
||||
<p><em>“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 posted, he infringed on copyright.</em></p>
|
||||
|
||||
<p><em>This is a perverse, even surreal take on copyright. The court rejects Linkletter’s argument that even Youtube’s terms of service warned Proctorio that publishing world-viewable material on its site constituted permission for people to link to and watch that material.”</em></p>
|
||||
|
||||
<p>Via: <a href="https://pluralistic.net/2023/04/20/links-arent-performances/#free-ian-linkletter">Pluralistic</a></p>
|
||||
|
||||
|
||||
<br>
|
||||
<br>
|
||||
</div>
|
||||
Loading…
Add table
Add a link
Reference in a new issue