[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

@ -8,41 +8,39 @@
<meta property="og:image" content="https://andrewconl.in/assets/images/og-image-template.jpg">
<meta property="og:url" content="/blog/2023/03/10/putting-thoughts-into-action/">
<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: #4d8;
}
code {
color: #4d8;
}
pre {
color: #4d8
}
pre {
color: #4d8
}
::selection {
background-color: #4d8;
color: black
}
</style>
::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;">
<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">
<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>
@ -117,27 +115,27 @@
&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<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/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/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/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/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>
<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>