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 { export interface Props {
title: string | undefined title?: string
description: string | undefined description?: string
ogImage?: string
} }
const defaultDescription = 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' '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 = const defaultTitle =
'Ayo Ayco | Engineering Leader, Software Engineer, Web Developer' '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' 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:url" content={baseURL + Astro.url.pathname} />
<meta property="og:title" content={title} /> <meta property="og:title" content={title} />
<meta property="og:description" content={description} /> <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="sitemap" href="/sitemap-index.xml" />
<link rel="me" href="https://ayos.blog" /> <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 { export interface Props {
title?: string title?: string
description?: string description?: string
ogImage?: string
} }
const { title, description } = Astro.props const { title, description, ogImage } = Astro.props
--- ---
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<Head title={title} description={description} /> <Head title={title} description={description} ogImage={ogImage} />
<body> <body>
<Nav links={links} /> <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!' 'Celebrating bsky folks who bridged their accounts to the fediverse!'
--- ---
<Layout title={title}> <Layout title={title} description={description} ogImage="bskyfedi.png">
<main> <main>
<h1>{title}</h1> <h1>{title}</h1>
@ -82,6 +82,8 @@ const description =
<h2>Accounts ({accountObjects.length})</h2> <h2>Accounts ({accountObjects.length})</h2>
<p><em>Ordered in terms of my time of discovery.</em></p>
<div class="table-container"> <div class="table-container">
<table> <table>
<tr> <tr>