ayo/cozy
ayo/cozy
1
Fork 0
Code Issues 2 Pull requests 1 Projects Releases Packages Wiki Activity Actions

fix: jsx fragment wrap

Browse source
This commit is contained in:
Ayo Ayco 2024-12-26 00:15:31 +01:00
parent 99315e639a
commit 49cafdd6d5
1 changed files with 37 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

62
src/layouts/App.astro
View file

@ -1,18 +1,18 @@
---
import Jumbotron from "../components/Jumbotron.astro";
import { ArticleData } from "@extractus/article-extractor";
import "../styles/reset.css";
import '../styles/variables.css';
import Jumbotron from '../components/Jumbotron.astro'
import { ArticleData } from '@extractus/article-extractor'
import '../styles/reset.css'
import '../styles/variables.css'
export interface Props {
article: ArticleData | null
}
const { article } = Astro.props;
const appTitle = article?.title ? `${article.title} | Cozy` : 'Cozy';
const { article } = Astro.props
const appTitle = article?.title ? `${article.title} | Cozy` : 'Cozy'
---
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
@ -27,22 +27,35 @@ const appTitle = article?.title ? `${article.title} | Cozy` : 'Cozy';
* - add cozy metadata for the app to use
*/
article && article?.url !== '/' ? (
<meta name="robots" content="noindex">
<meta name="googlebot" content="noindex">
<>
<meta name="robots" content="noindex" />
<meta name="googlebot" content="noindex" />
<meta property="cozy:title" content={article.title} />
<meta property="cozy:url" content={article.url} />
<meta property="cozy:description" content={article.description} />
<meta property="cozy:image" content={article.image} />
<meta property="cozy:source" content={article.source} />
<meta property="cozy:author" content={article.author} />
<meta property="cozy:published" content={article.published} />
<meta property="cozy:title" content={article.title} />
<meta property="cozy:url" content={article.url} />
<meta property="cozy:description" content={article.description} />
<meta property="cozy:image" content={article.image} />
<meta property="cozy:source" content={article.source} />
<meta property="cozy:author" content={article.author} />
<meta property="cozy:published" content={article.published} />
</>
) : (
<meta property="og:title" content={appTitle} />
<meta property="og:url" content={Astro.url.href} />
<meta property="og:description" content="Remove distractions. Save your favorites. Get useful insights. Cozy is your modern-day reading companion." />
<meta name="description" content="Remove distractions. Save your favorites. Get useful insights. Cozy is your modern-day reading companion." />
<meta itemprop="description" content="Remove distractions. Save your favorites. Get useful insights. Cozy is your modern-day reading companion." />
<>
<meta property="og:title" content={appTitle} />
<meta property="og:url" content={Astro.url.href} />
<meta
property="og:description"
content="Remove distractions. Save your favorites. Get useful insights. Cozy is your modern-day reading companion."
/>
<meta
name="description"
content="Remove distractions. Save your favorites. Get useful insights. Cozy is your modern-day reading companion."
/>
<meta
itemprop="description"
content="Remove distractions. Save your favorites. Get useful insights. Cozy is your modern-day reading companion."
/>
</>
)
}
<link rel="shortcut icon" type="image/svg+xml" href="/favicon.svg" />
@ -65,7 +78,6 @@ const appTitle = article?.title ? `${article.title} | Cozy` : 'Cozy';
</html>
<style>
body {
display: grid;
place-content: safe center;
@ -84,15 +96,15 @@ const appTitle = article?.title ? `${article.title} | Cozy` : 'Cozy';
&:has(#router-outlet #post) {
#jumbotron {
display: none;
display: none;
}
}
}
</style>
<style is:global>
:root {
--system-ui: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--system-ui: system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}
html * {