web3privacy/web
1
0
Fork 0
mirror of https://github.com/web3privacy/web synced 2024-10-15 18:26:27 +02:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #7 from agonist/fix/og-meta

Browse source 
Fix meta tags and links preview
This commit is contained in:
tree🌴 2024-02-25 22:24:13 +01:00 committed by GitHub
commit 3ca53d3352
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
18 changed files with 48 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
public/og/og_about.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 84 KiB

BIN
public/og/og_events.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 43 KiB

BIN
public/og/og_index.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 166 KiB

BIN
public/og/og_leaderboard.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 82 KiB

BIN
public/og/og_people.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 84 KiB

BIN
public/og/og_research.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 82 KiB

BIN
public/og/og_talks.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 82 KiB

30
src/components/MetaTags.astro Normal file
View file

@ -0,0 +1,30 @@
---
import * as config from '../config.yaml';
const { title, description, metaTitle, image } = Astro.props;
const titleFull = (metaTitle || title) ? ((metaTitle || title) + ' | ' + config.title) : config.title;
---
<meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} />
<title>{titleFull}</title>
<meta name="description" content={description} />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content={Astro.request.url} />
<meta property="og:title" content={titleFull} />
<meta property="og:description" content={description} />
<meta property="og:image" content={image ? `https://web3privacy.info/og/${image}.png` : 'https://web3privacy.info/og/og_index.png'} />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content={Astro.request.url} />
<meta property="twitter:title" content={titleFull} />
<meta property="twitter:description" content={description} />
<meta property="twitter:image" content={image ? `https://web3privacy.info/og/${image}.png` : 'https://web3privacy.info/og/og_index.png'} />

1
src/config.yaml
View file

@ -1,4 +1,5 @@
title: Web3Privacy Now
description: Privacy advocates worldwide are coming together to discuss how to mainstream privacy within the Web3 industry. So it will become a cultural phenomenon embodying both decentralisation & anti-surveillance capitalism practices.
header:
menu:
- name: Home

14
src/layouts/base.astro
View file

@ -5,7 +5,9 @@ import * as config from '../config.yaml';
import * as pkg from '../../package.json';
import core from '../core.json';
import '../styles/base.css';
const {banner, title, metaTitle, description} = Astro.props;
import MetaTags from '../components/MetaTags.astro';
const {banner, title, metaTitle, description, image} = Astro.props;
import cfonts from 'cfonts';
@ -18,10 +20,12 @@ function genHeading(str) {
<head>
<meta charset="utf-8" />
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} />
<meta name="description" content={description} />
<title>{(metaTitle || title) ? ((metaTitle || title) + ' | ' + config.title) : config.title}</title>
<MetaTags
title={metaTitle ? metaTitle : (title ? title : config.name)}
description={description ? description : config.description}
image={image}
/>
<link
rel="preload"

2
src/pages/about.astro
View file

@ -7,7 +7,7 @@ import AboutFooter from '../components/AboutFooter.astro';
---
<BaseLayout title="About">
<BaseLayout title="About" image="og_about">
<div class="middle-pane-medium mt-10">
<div class="grid grid-cols-1 xl:grid-cols-2 gap-16">

2
src/pages/event/[id].astro
View file

@ -18,7 +18,7 @@ const status = eventStatus(item)
const ext = findExt(EventsExt, item)
---
<BaseLayout title={id} metaTitle={nameRenderer(item, true)}>
<BaseLayout title={id} metaTitle={nameRenderer(item, true)} image="og_events">
<div class="middle-pane-medium mt-10">

2
src/pages/events.astro
View file

@ -31,7 +31,7 @@ for (const year of pastYears.reverse()) {
---
<BaseLayout title="Events">
<BaseLayout title="Events" image="og_events">
<div class="middle-pane-medium mt-10">

2
src/pages/index.astro
View file

@ -2,12 +2,10 @@
import BaseLayout from '../layouts/base.astro';
import AboutFooter from '../components/AboutFooter.astro';
import * as config from '../config.yaml';
import core from '../core.json';
import articles from '../articles.json';
import talks from '../talks.json';
import explorer from '../explorer.json';
import { isRenderTemplateResult } from 'astro/runtime/server/render/astro/render-template.js';
import { isPast, format } from 'date-fns';
const events = core.events;

2
src/pages/leaderboard.astro
View file

@ -23,7 +23,7 @@ function getPoint (num){
---
<BaseLayout title="Leaderboard">
<BaseLayout title="Leaderboard" image="og_leaderboard">
<div class="middle-pane-medium mt-10 flex items-center justify-center">
<!--code><pre>

2
src/pages/people.astro
View file

@ -5,7 +5,7 @@ import core from '../core.json';
---
<BaseLayout title="People">
<BaseLayout title="People" image="og_people">
<div class="middle-pane-medium mt-10">
{core.people.map((person) => (

2
src/pages/research.astro
View file

@ -7,7 +7,7 @@ const research = core.projects.filter(x => x.type && x.type === "research");
---
<BaseLayout title="Research">
<BaseLayout title="Research" image="og_research">
<div class="middle-pane-medium mt-10">

2
src/pages/talks.astro
View file

@ -5,7 +5,7 @@ import talks from '../talks.json';
---
<BaseLayout title="Talks">
<BaseLayout title="Talks" image="og_talks">
<div class="middle-pane-medium mt-10">
<div class="mt-16">