[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
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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue