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

fix meta properties and images

Browse source
This commit is contained in:
bas 2024-02-25 16:13:19 +08:00
parent 843fcf2d7f
commit bd0ac15872
No known key found for this signature in database
GPG key ID: 4A3E296AE018EDC6
18 changed files with 46 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

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

@ -0,0 +1,28 @@
---
import * as config from '../config.yaml';
const { title, description, metaTitle, image } = Astro.props;
---
<meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} />
<title>{(metaTitle || title) ? ((metaTitle || title) + ' | ' + config.title) : config.title}</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={(metaTitle || title) ? (metaTitle || title) : config.title} />
<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={(metaTitle || title) ? (metaTitle || title) : config.title} />
<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 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: header:
menu: menu:
- name: Home - name: Home
@ -107,4 +108,4 @@ landing:
text: Community discussion text: Community discussion
ico: forum ico: forum
community: | 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 * as pkg from '../../package.json';
import core from '../core.json'; import core from '../core.json';
import '../styles/base.css'; 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'; import cfonts from 'cfonts';
@ -18,10 +20,12 @@ function genHeading(str) {
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="icon" type="image/x-icon" href="/favicon.ico"> <link rel="icon" type="image/x-icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} /> <MetaTags
<meta name="description" content={description} /> title={metaTitle ? metaTitle : (title ? title : config.name)}
<title>{(metaTitle || title) ? ((metaTitle || title) + ' | ' + config.title) : config.title}</title> description={description ? description : config.description}
image={image}
/>
<link <link
rel="preload" 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="middle-pane-medium mt-10">
<div class="grid grid-cols-1 xl:grid-cols-2 gap-16"> <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) 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"> <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"> <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 BaseLayout from '../layouts/base.astro';
import AboutFooter from '../components/AboutFooter.astro'; import AboutFooter from '../components/AboutFooter.astro';
import * as config from '../config.yaml';
import core from '../core.json'; import core from '../core.json';
import articles from '../articles.json'; import articles from '../articles.json';
import talks from '../talks.json'; import talks from '../talks.json';
import explorer from '../explorer.json'; import explorer from '../explorer.json';
import { isRenderTemplateResult } from 'astro/runtime/server/render/astro/render-template.js';
import { isPast, format } from 'date-fns'; import { isPast, format } from 'date-fns';
const events = core.events; 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"> <div class="middle-pane-medium mt-10 flex items-center justify-center">
<!--code><pre> <!--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"> <div class="middle-pane-medium mt-10">
{core.people.map((person) => ( {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"> <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="middle-pane-medium mt-10">
<div class="mt-16"> <div class="mt-16">