[06/08/23] removed colour formatting and moved posts to drafts
This commit is contained in:
andrew
parent
e36220307a
commit
ac0ca49f97
44 changed files with 282 additions and 3429 deletions
|
|
@ -1,160 +0,0 @@
|
|||
<!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">
|
||||
|
||||
|
||||
<style>
|
||||
code {
|
||||
color: #c66;
|
||||
}
|
||||
|
||||
pre {
|
||||
color: #c66
|
||||
}
|
||||
|
||||
::selection {
|
||||
background-color: #c66;
|
||||
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;" id="logo">
|
||||
|
||||
<span style="color:black;background-color:#c66;">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" id="nav">
|
||||
|
||||
<div class="col">
|
||||
<h4>
|
||||
<a href="/" class="text-decoration-none"> about </a>
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<h4>
|
||||
<a href="/blog" class="text-decoration-none"> blog </a>
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<h4>
|
||||
<a href="/til" class="text-decoration-none"> til </a>
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<h4>
|
||||
<a href="http://andrewconlinphotography.co.uk" class="text-decoration-none"> photos↗ </a>
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="col gy-2">
|
||||
<h4>
|
||||
<div>
|
||||
<span>
|
||||
|
||||
|
||||
<a rel="me" href="https://mastodon.scot/@andrwcnln" target="_blank"><i class="fab fa-mastodon"></i></a>
|
||||
|
||||
|
||||
|
||||
<a rel="me" href="https://instagram.com/conlinsta" target="_blank"><i class="fab fa-instagram"></i></a>
|
||||
|
||||
|
||||
|
||||
<a rel="me" href="https://github.com/andrwcnln" target="_blank"><i class="fab fa-github"></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://open.spotify.com/user/1135508731?si=61zWbsqmT92LdT0JA5bAKw" target="_blank"><i class="fab fa-spotify"></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"></i></a>
|
||||
|
||||
|
||||
|
||||
<a rel="me" href="/feed.xml" target="_blank"><i class="fas fa-square-rss"></i></a>
|
||||
|
||||
|
||||
</span>
|
||||
</div>
|
||||
</h4>
|
||||
</div>
|
||||
<hr class="menu">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-9">
|
||||
<h1 style="font-weight: 500;">
|
||||
Yuri Felsen on love
|
||||
</h1>
|
||||
<p>
|
||||
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<p style="font-family:Rubik;font-weight:500;">
|
||||
<i class="fas fa-calendar"></i> 05 Mar 2023
|
||||
|
|
||||
<i class="fas fa-clock"></i> 1 minute
|
||||
|
|
||||
<span style="background-color:#c66;color:black;"> <a class="text-decoration-none" style="color:black" href="/blog/category/quotes"><i class="fas fa-folder"></i> quotes</a> </span>
|
||||
|
|
||||
<i class="fas fa-tag"></i>
|
||||
|
||||
<span style="background-color:#171717;color:white;font-family:Rubik;padding:3px;border-radius:10px;"><a class="text-decoration-none" href="/blog/tag/yuri felsen">yuri felsen</a></span>
|
||||
|
||||
,
|
||||
|
||||
|
||||
<span style="background-color:#171717;color:white;font-family:Rubik;padding:3px;border-radius:10px;"><a class="text-decoration-none" href="/blog/tag/love">love</a></span>
|
||||
|
||||
|
||||
</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>
|
||||
|
|
@ -1,191 +0,0 @@
|
|||
<!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">
|
||||
|
||||
|
||||
<style>
|
||||
code {
|
||||
color: #4d8;
|
||||
}
|
||||
|
||||
pre {
|
||||
color: #4d8
|
||||
}
|
||||
|
||||
::selection {
|
||||
background-color: #4d8;
|
||||
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;" id="logo">
|
||||
|
||||
<span style="color:black;background-color:#4d8;">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" id="nav">
|
||||
|
||||
<div class="col">
|
||||
<h4>
|
||||
<a href="/" class="text-decoration-none"> about </a>
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<h4>
|
||||
<a href="/blog" class="text-decoration-none"> blog </a>
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<h4>
|
||||
<a href="/til" class="text-decoration-none"> til </a>
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<h4>
|
||||
<a href="http://andrewconlinphotography.co.uk" class="text-decoration-none"> photos↗ </a>
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="col gy-2">
|
||||
<h4>
|
||||
<div>
|
||||
<span>
|
||||
|
||||
|
||||
<a rel="me" href="https://mastodon.scot/@andrwcnln" target="_blank"><i class="fab fa-mastodon"></i></a>
|
||||
|
||||
|
||||
|
||||
<a rel="me" href="https://instagram.com/conlinsta" target="_blank"><i class="fab fa-instagram"></i></a>
|
||||
|
||||
|
||||
|
||||
<a rel="me" href="https://github.com/andrwcnln" target="_blank"><i class="fab fa-github"></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://open.spotify.com/user/1135508731?si=61zWbsqmT92LdT0JA5bAKw" target="_blank"><i class="fab fa-spotify"></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"></i></a>
|
||||
|
||||
|
||||
|
||||
<a rel="me" href="/feed.xml" target="_blank"><i class="fas fa-square-rss"></i></a>
|
||||
|
||||
|
||||
</span>
|
||||
</div>
|
||||
</h4>
|
||||
</div>
|
||||
<hr class="menu">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-md-9">
|
||||
<h1 style="font-weight: 500;">
|
||||
A measure of how easily thoughts can be translated to action
|
||||
</h1>
|
||||
<p>
|
||||
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<p style="font-family:Rubik;font-weight:500;">
|
||||
<i class="fas fa-calendar"></i> 10 Mar 2023
|
||||
|
|
||||
<i class="fas fa-clock"></i> 2 minutes
|
||||
|
|
||||
<span style="background-color:#4d8;color:black;"> <a class="text-decoration-none" style="color:black" href="/blog/category/thoughts"><i class="fas fa-folder"></i> thoughts</a> </span>
|
||||
|
|
||||
<i class="fas fa-tag"></i>
|
||||
|
||||
<span style="background-color:#171717;color:white;font-family:Rubik;padding:3px;border-radius:10px;"><a class="text-decoration-none" href="/blog/tag/html">html</a></span>
|
||||
|
||||
,
|
||||
|
||||
|
||||
<span style="background-color:#171717;color:white;font-family:Rubik;padding:3px;border-radius:10px;"><a class="text-decoration-none" href="/blog/tag/css">css</a></span>
|
||||
|
||||
,
|
||||
|
||||
|
||||
<span style="background-color:#171717;color:white;font-family:Rubik;padding:3px;border-radius:10px;"><a class="text-decoration-none" href="/blog/tag/bootstrap">bootstrap</a></span>
|
||||
|
||||
,
|
||||
|
||||
|
||||
<span style="background-color:#171717;color:white;font-family:Rubik;padding:3px;border-radius:10px;"><a class="text-decoration-none" href="/blog/tag/jekyll">jekyll</a></span>
|
||||
|
||||
,
|
||||
|
||||
|
||||
<span style="background-color:#171717;color:white;font-family:Rubik;padding:3px;border-radius:10px;"><a class="text-decoration-none" href="/blog/tag/webdev">webdev</a></span>
|
||||
|
||||
|
||||
</p>
|
||||
<hr>
|
||||
|
||||
<p>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 down to this:</p>
|
||||
|
||||
<p><em>How easily can I translate what I am thinking about into a working setup?</em></p>
|
||||
|
||||
<p>That is, how much effort needs to go into converting my idea into a solution? (If there is not already a word for this, then there should be. Don’t worry, I am willing to take the hit and have it named after me.)</p>
|
||||
|
||||
<p>For example, I’ve been building this website over the past month or so. Generally, for static websites, I think that HTML + CSS are very good at allowing me to get what I see in my head running on <code class="language-plaintext highlighter-rouge">localhost</code>. At this point CSS has so many different options that you just need to find the right search terms in order to get what you want.</p>
|
||||
|
||||
<p>However, they are both lacking somewhat in <em>intuitiveness</em>. Especially when starting out, it can get very confusing to know the right tags and the right syntax and the right placement (and so on) to realise your vision.</p>
|
||||
|
||||
<p>This is where services like Squarespace et al. come into play. They give you that intuitive UI, dragging and dropping of features, resizing and changing colours. They make it super duper easy to do the actual building, at the cost of the range of bricks you can use.</p>
|
||||
|
||||
<p>So, we have two measures:</p>
|
||||
<ol>
|
||||
<li>Can I do everything I want to?</li>
|
||||
<li>How easy is it?</li>
|
||||
</ol>
|
||||
|
||||
<p>These are usually a direct tradeoff, with ease typically preferred over options. This tends to frustrate me, as I want full control of all those little configurations.</p>
|
||||
|
||||
<p>The solution to this, at least for me, are frameworks such as Bootstrap and Jekyll. They put a layer between the user and the options; essentially translating and simplying all the little configurations into something much easier to work with. Columns in Bootstrap make page layouts simple; markdown-to-html parsing in Jekyll makes text formatting a breeze. But, most importantly of all, these frameworks don’t sacrifice on the possibilities. They make it easier to apply complex setups, but if you want to go in and tweak absolutely everything to your liking, go right ahead. By providing the user with simpler ways of doing the same things as before, they manage to bridge the gap between <em>Can I do everything I want to?</em> and <em>How easy is it?</em>. And I think that is beautiful.</p>
|
||||
|
||||
|
||||
<br>
|
||||
<br>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue