Personal site
staging.colinozanne.co.uk
finxol.io
portfolio
astro
1---
2import Layout from "@/layouts/Layout.astro";
3import "@/assets/styles/projects/karr.css";
4import { Icon } from "astro-icon/components";
5
6import blogJpg from "@/assets/img/finxol_blog_home.jpg";
7import blogWebp from "@/assets/img/finxol_blog_home.webp";
8---
9
10<Layout>
11 <article>
12 <a href="/">
13 <Icon name="pixel:arrow-alt-circle-left" />
14 </a>
15
16 <h2>Blog</h2>
17
18 <p class="subtitle">Personal technical blog</p>
19
20 <div class="boxes">
21 <picture style="view-transition-name: project-img">
22 <source srcset={blogWebp.src} type="image/webp" />
23 <img src={blogJpg.src} alt="Blog" />
24 </picture>
25
26 <div class="container">
27 <Icon name="tabler:calendar-smile" />
28 <span>
29 Since {
30 new Date("24 April 2022").toLocaleDateString("en-GB")
31 }
32 </span>
33 </div>
34
35 <div class="container">
36 <Icon name="tabler:brand-deno" />
37 <span> Deno </span>
38 </div>
39
40 <div class="container">
41 <Icon name="tabler:brand-git" />
42 <a
43 href="https://tangled.org/finxol.io/blog"
44 class="cover"
45 target="_blank"
46 rel="noopener noreferrer"
47 >
48 Tangled repo
49 <Icon name="pixel:external-link" class="external-link" />
50 </a>
51 </div>
52 </div>
53
54 <p class="description">
55 On this blog, I write about various topics, including web
56 development and technology.
57 </p>
58 </article>
59</Layout>