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'} />

3
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
@ -107,4 +108,4 @@ landing:
text: Community discussion
ico: forum
community: |
Our aim with gatherings is to bring together key players, different perspectives, skills and visions. We aggregate tech and non tech people, key players and contributors, builders, researchers, philosophers, lawyers, policymakers, activists, local communities and general public.
Our aim with gatherings is to bring together key players, different perspectives, skills and visions. We aggregate tech and non tech people, key players and contributors, builders, researchers, philosophers, lawyers, policymakers, activists, local communities and general public.

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">