[09/08/23] changed theme to windows 95 prototype

This commit is contained in:
Andrew Conlin 2023-08-09 14:22:36 +01:00
parent fbfb45b505
commit dbeee0d11d
22 changed files with 253 additions and 639 deletions

View file

@ -13,96 +13,36 @@
</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:#282828;background-color:#ebdbb2;">ac</span>
</h1>
<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="/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>
</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"></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" style="position: relative;top: 90px;">
<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;">
<div>
<div class="row" style="background-color: #cacaca;color: #282828; text-align: center;">
<h4>
<a href="/" class="text-decoration-none" style="color: #282828;border: solid #282828 thin;">andrewconl.in</a>
<a href="/blog" class="text-decoration-none" style="color: #282828;border: solid #282828 thin;""> blog </a>
<a href="/til" class="text-decoration-none" style="color: #282828;border: solid #282828 thin;""> til </a>
<a href="/projects" class="text-decoration-none" style="color: #282828;border: solid #282828 thin;""> projects </a>
<a href="http://andrewconlinphotography.co.uk" class="text-decoration-none" style="color: #282828;border: solid #282828 thin;""> photos↗ </a>
</h4>
</div>
<br>
<div class="container">
<div class="col-md-6 offset-md-3" style="background-color: white;">
<span>
<p style="font-weight: 500;background-color: #cacaca;text-align: center;">
<span>A measure of how easily thoughts can be translated to action</span><span style="float: right;">x</span>
<p>
</span>
<p>
</p>
<p style="font-family:Fira Code;font-weight:500;">
<i class="fas fa-calendar"></i>&nbsp;10 Mar 2023
|
<i class="fas fa-clock"></i>&nbsp;2 minutes
@ -132,8 +72,9 @@
<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 dont 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>
<br>
<br>
</div>
</div>
</div>