cupcakearmy/nicco.io
1
0
Fork 0
mirror of https://github.com/cupcakearmy/nicco.io.git synced 2024-12-21 23:56:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #18 from cupcakearmy/astro

Browse Source 
check metadata
This commit is contained in:
Nicco 2024-12-03 23:48:21 +01:00 committed by GitHub
commit eea86dfc01
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 20 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
TODO.md
View File

@ -1,3 +1 @@
- Tag count
- title for pages
- check header meta info

BIN
public/monogram.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.1 KiB

17
src/components/BaseHead.astro
View File

@ -6,21 +6,26 @@ import '../styles/preflight.css'
import '../styles/global.scss'
interface Props {
title?: string
image?: string
}
const canonicalURL = new URL(Astro.url.pathname, Astro.site)
const { image = '/blog-placeholder-1.jpg' } = Astro.props
// const { image = '/blog-placeholder-1.jpg' } = Astro.props
const title = 'Astro Blog'
const description = 'Welcome to my website!'
let title = 'Niccolo Borgioli'
const description = 'Personal blog'
if (Astro.props.title) {
title = Astro.props.title + ' － ' + title
}
---
<!-- Global Metadata -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="icon" type="image/png" href="/monogram.png" />
<meta name="generator" content={Astro.generator} />
<!-- Canonical URL -->
@ -36,14 +41,14 @@ const description = 'Welcome to my website!'
<meta property="og:url" content={Astro.url} />
<meta property="og:title" content={title} />
<meta property="og:description" content={description} />
<meta property="og:image" content={new URL(image, Astro.url)} />
<!-- <meta property="og:image" content={new URL(image, Astro.url)} /> -->
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content={Astro.url} />
<meta property="twitter:title" content={title} />
<meta property="twitter:description" content={description} />
<meta property="twitter:image" content={new URL(image, Astro.url)} />
<!-- <meta property="twitter:image" content={new URL(image, Astro.url)} /> -->
<script
is:inline

10
src/layouts/PageWithTitle.astro
View File

@ -5,18 +5,17 @@ import Root from './Root.astro'
export type Props = {
title: string
readable?: boolean
expanded?: boolean
}
const { title, readable = false, expanded = true } = Astro.props
const { title, readable = false } = Astro.props
---
<Root>
<Root {title}>
<div>
<h1>
<SpacedLetters letters={title} {readable} />
</h1>
<section class:list={{ expanded }}>
<section>
<slot />
</section>
</div>
@ -39,9 +38,6 @@ const { title, readable = false, expanded = true } = Astro.props
display: flex;
flex-direction: column;
gap: 1rem;
}
section.expanded {
margin-top: 5em;
}

7
src/layouts/Root.astro
View File

@ -2,12 +2,17 @@
import BaseHead from '../components/BaseHead.astro'
import Nav from '../components/Nav.astro'
import Progress from '../components/Progress.svelte'
interface Props {
title?: string
image?: string
}
---
<!doctype html>
<html lang="en">
<head>
<BaseHead />
<BaseHead {...Astro.props} />
</head>
<body>
<Nav />