ayo/ayco.io-astro
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: update meta of tech-bsky-fedi page

Browse source
This commit is contained in:
Ayo Ayco 2025-01-04 16:00:44 +01:00
parent 772d3251fc
commit 2f240a427b
4 changed files with 16 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
public/bskyfedi.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 131 KiB

14
src/components/Head.astro
View file

@ -1,15 +1,21 @@
---
export interface Props {
title: string | undefined
description: string | undefined
title?: string
description?: string
ogImage?: string
}
const defaultDescription =
'Professional software engineer specializing in web development with a decade of experience building web applications for both private businesses and government-funded high-impact projects utilizing web technologies, IoT, data viz/insights, remote sensing, and GIS'
const defaultTitle =
'Ayo Ayco | Engineering Leader, Software Engineer, Web Developer'
const defaultOgImage = 'ayo.png'
let { title, description = defaultDescription } = Astro.props
let {
title,
description = defaultDescription,
ogImage = defaultOgImage,
} = Astro.props
const baseURL = 'https://ayo.ayco.io'
---
@ -30,7 +36,7 @@ const baseURL = 'https://ayo.ayco.io'
<meta property="og:url" content={baseURL + Astro.url.pathname} />
<meta property="og:title" content={title} />
<meta property="og:description" content={description} />
<meta property="og:image" content="/ayo.png" />
<meta property="og:image" content={`/${ogImage}`} />
<link rel="sitemap" href="/sitemap-index.xml" />
<link rel="me" href="https://ayos.blog" />

5
src/layouts/Layout.astro
View file

@ -8,14 +8,15 @@ import links from '../constants/links'
export interface Props {
title?: string
description?: string
ogImage?: string
}
const { title, description } = Astro.props
const { title, description, ogImage } = Astro.props
---
<!doctype html>
<html lang="en">
<Head title={title} description={description} />
<Head title={title} description={description} ogImage={ogImage} />
<body>
<Nav links={links} />

4
src/pages/tech-bsky-fedi.astro
View file

@ -39,7 +39,7 @@ const description =
'Celebrating bsky folks who bridged their accounts to the fediverse!'
---
<Layout title={title}>
<Layout title={title} description={description} ogImage="bskyfedi.png">
<main>
<h1>{title}</h1>
@ -82,6 +82,8 @@ const description =
<h2>Accounts ({accountObjects.length})</h2>
<p><em>Ordered in terms of my time of discovery.</em></p>
<div class="table-container">
<table>
<tr>