cupcakearmy/nicco.io
1
0
Fork 0
mirror of https://github.com/cupcakearmy/nicco.io.git synced 2024-12-22 08:06:29 +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 - 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' import '../styles/global.scss'
interface Props { interface Props {
title?: string
image?: string image?: string
} }
const canonicalURL = new URL(Astro.url.pathname, Astro.site) 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' let title = 'Niccolo Borgioli'
const description = 'Welcome to my website!' const description = 'Personal blog'
if (Astro.props.title) {
title = Astro.props.title + ' － ' + title
}
--- ---
<!-- Global Metadata --> <!-- Global Metadata -->
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" /> <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} /> <meta name="generator" content={Astro.generator} />
<!-- Canonical URL --> <!-- Canonical URL -->
@ -36,14 +41,14 @@ const description = 'Welcome to my website!'
<meta property="og:url" content={Astro.url} /> <meta property="og:url" content={Astro.url} />
<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={new URL(image, Astro.url)} /> <!-- <meta property="og:image" content={new URL(image, Astro.url)} /> -->
<!-- Twitter --> <!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" /> <meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content={Astro.url} /> <meta property="twitter:url" content={Astro.url} />
<meta property="twitter:title" content={title} /> <meta property="twitter:title" content={title} />
<meta property="twitter:description" content={description} /> <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 <script
is:inline is:inline

10
src/layouts/PageWithTitle.astro
View File

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

7
src/layouts/Root.astro
View File

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