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

add meta tags

Browse source
This commit is contained in:
Ayo 2023-02-13 14:05:56 +01:00
parent 60ae117fcf
commit ceec873bc2
10 changed files with 73 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
public/ayo.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 383 KiB

38
src/components/Head.astro
View file

@ -1,22 +1,44 @@
---
export interface Props {
title: string;
title: string | undefined;
description: string | undefined;
}
const { title } = Astro.props;
const description =
"Ayo Ayco is a software engineer and consultant, expecializing in web development | " +
title;
const defaultDescription =
"Ayo Ayco is a 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";
let { title, description = defaultDescription } = Astro.props;
title = `${
title ? `${title} | ` : ""
}Ayo Ayco | Software Engineer + Web Developer`;
---
<head>
<title>{title}</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} />
<meta name="theme-color" content="#3054bf" />
<!-- SEO -->
<meta name="description" content={description} />
<meta name="author" content="Ayo Ayco" />
<meta name="origin" content={Astro.url} />
<!-- Twitter Card data -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@ayoayco" />
<meta name="twitter:title" content={title} />
<meta name="twitter:description" content={description} />
<meta name="twitter:creator" content="@ayoayco" />
<meta name="twitter:image:src" content="/ayo.png" />
<!-- Open Graph data -->
<meta property="og:title" content={title} />
<meta property="og:type" content="website" />
<meta property="og:url" content={Astro.url} />
<meta property="og:image" content="/ayo.png" />
<meta property="og:image:alt" content={description} />
<meta property="og:description" content={description} />
<meta property="og:site_name" content={title} />
<link rel="shortcut icon" type="image/png" href="/favicon.ico" />
<title>{title}</title>
</head>

7
src/layouts/Layout.astro
View file

@ -1,15 +1,16 @@
---
import Head from "../components/Head.astro";
export interface Props {
title: string;
title?: string;
description?: string;
}
const { title } = Astro.props;
const { title, description } = Astro.props;
---
<!DOCTYPE html>
<html lang="en">
<Head title={title} />
<Head title={title} description={description} />
<body>
<slot />

2
src/pages/index.astro
View file

@ -4,7 +4,7 @@ import Card from "../components/Card.astro";
import Footer from "../components/Footer.astro";
---
<Layout title="Ayo Ayco | Software Engineer + Web Developer">
<Layout>
<section class="highlighted-section">
<div class="highlighted-section__content">
<h1 title="Ayo Ayco | Software Engineer + Web Developer">

7
src/pages/now/and-then/09-20-2022.astro
View file

@ -2,12 +2,15 @@
import Layout from "../../../layouts/Layout.astro";
import Footer from "../../../components/Footer.astro";
import Back from "../../../components/Back.astro";
const title = "Settling in The Netherlands";
const description =
"This year (2022) I have moved to The Netherlands with my family; specifically to the northern area of Amsterdam.";
---
<Layout title="Now | Ayo Ayco | Software Engineer + Web Developer">
<Layout title={title} description={description}>
<main>
<Back url="/now" />
<h1><span class="text-gradient">Settling in The Netherlands</span></h1>
<h1><span class="text-gradient">{title}</span></h1>
<p>
This year (2022) I have moved to The Netherlands with my family;
specifically to the northern area of Amsterdam.

26
src/pages/now/index.astro
View file

@ -7,22 +7,32 @@ import Posts from "../../components/Posts.astro";
const posts = await Astro.glob("./and-then/*.astro");
---
<Layout title="Now | Ayo Ayco | Software Engineer + Web Developer">
<Layout title="Now" description="What is Ayo Ayco currently up to?">
<main>
<Back url="/" />
<h1><span class="text-gradient">Now</span></h1>
<em>What am I currently up to?</em>
<p>
I have been living now in Amsterdam for a little over a year with my wife and
son.
I have been living now in Amsterdam for a little over a year with my wife
and son.
</p>
<p>
I am employed as a frontend web developer by <a href="https://iodigital.com" target="_blank">iO</a>, and am now building for and providing technical consultation to <a href="https://priva.com" target="_blank">Priva</a>, where I work on the tool their partners use to configure IoT smart devices for highly delicate climate control in green houses that produce food for people around the globe.</p>
I am employed as a frontend web developer by <a
href="https://iodigital.com"
target="_blank">iO</a
>, and am now building for and providing technical consultation to <a
href="https://priva.com"
target="_blank">Priva</a
>, where I work on the tool their partners use to configure IoT smart
devices for highly delicate climate control in green houses that produce
food for people around the globe.
</p>
<p>
I have also started being fond of the Fediverse, which is a decentralized network
of social platforms. I now have efforts pushing it forward by contributing
to projects like <a href="https://github.com/elk-zone/" target="_blank"
>Elk Zone</a
I have also started being fond of the Fediverse, which is a decentralized
network of social platforms. I now have efforts pushing it forward by
contributing to projects like <a
href="https://github.com/elk-zone/"
target="_blank">Elk Zone</a
> and my own <a href="https://social.ayco.io">Mastodon instance</a> where I
post what I learn along the way.
</p>

5
src/pages/showcase/astro-github-stats.astro
View file

@ -5,7 +5,10 @@ import Back from "../../components/Back.astro";
import GithubStats from "astro-github-stats";
---
<Layout title="Astro Github Stats | Ayo Ayco | Software Engineer + Web Developer ">
<Layout
title="Astro Github Stats"
description="Embed GitHub stats on your Astro page"
>
<main>
<Back url="/showcase" />
<h1>Astro GitHub Stats</h1>

5
src/pages/showcase/astro-reactive-form.astro
View file

@ -66,13 +66,14 @@ const characteristicsForm: FormGroup = new FormGroup(
---
<Layout
title="Astro Reactive Form | Ayo Ayco | Software Engineer + Web Developer "
title="Astro Reactive Form"
description="Generate a dynamic form based on your data, and modify programatically"
>
<main>
<Back url="/showcase" />
<h1>Astro Reactive Form</h1>
<p>
Generate a dynamic form based on your data, and modify programatically.
Generate a dynamic form based on your data, and modify programatically
</p>
<ul>
<li>

5
src/pages/showcase/index.astro
View file

@ -5,7 +5,10 @@ import Card from "../../components/Card.astro";
import Back from "../../components/Back.astro";
---
<Layout title="Fun Side Projects | Ayo Ayco | Software Engineer + Web Developer">
<Layout
title="Fun Side Projects"
description="See demos of opensource side projects Ayo Ayco created"
>
<main>
<Back url="/" />
<h1>Fun <span class="text-gradient">Side Projects</span></h1>

5
src/pages/social.astro
View file

@ -5,7 +5,10 @@ import Footer from "../components/Footer.astro";
import Back from "../components/Back.astro";
---
<Layout title="Social Links | Ayo Ayco | Software Engineer + Web Developer">
<Layout
title="Social Links"
description="Connect with Ayo Ayco on various social platforms"
>
<main>
<Back url="/" />
<h1>Social <span class="text-gradient">Links</span></h1>