mirror of
https://github.com/web3privacy/web
synced 2024-10-15 18:26:27 +02:00
Merge pull request #47 from web3privacy/pages-redesign
This commit is contained in:
commit
9a216c7de7
9 changed files with 127 additions and 58 deletions
|
@ -13,7 +13,9 @@ import AboutItem from "../components/AboutItem.astro";
|
||||||
Check our annual reports, infographics, privacy awards, newsletter, and
|
Check our annual reports, infographics, privacy awards, newsletter, and
|
||||||
guidelines.
|
guidelines.
|
||||||
</p>
|
</p>
|
||||||
<a class="button inverted"><button>web3privacy Research</button></a>
|
<a class="button inverted" href="/research"
|
||||||
|
><button>web3privacy Research</button></a
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</AboutItem>
|
</AboutItem>
|
||||||
|
@ -31,18 +33,17 @@ import AboutItem from "../components/AboutItem.astro";
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div class="flex items-center flex-nowrap space-x-5">
|
<div class="flex items-center flex-nowrap space-x-5">
|
||||||
<a href="">
|
<a href="https://explorer.web3privacy.info/" target="_blank">
|
||||||
PRIVACY EXPLORER
|
|
||||||
|
|
||||||
<span
|
<span
|
||||||
class="font-bold text-white underline"
|
class="font-bold text-white underline"
|
||||||
style="text-underline-offset: 4px;"
|
style="text-underline-offset: 4px;"
|
||||||
>
|
>
|
||||||
|
PRIVACY EXPLORER
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<span class="text-[0.8rem] md:text-[1rem] mt-0 w-full"
|
<span class="text-[0.8rem] md:text-[1rem] mt-0 w-full"
|
||||||
>For Projects, Use-case list, Market & Funding info
|
>Helps individuals in discerning the privacy levels, security, and reliability of Web3 projects
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -55,12 +56,14 @@ import AboutItem from "../components/AboutItem.astro";
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div class="flex items-center flex-nowrap space-x-5">
|
<div class="flex items-center flex-nowrap space-x-5">
|
||||||
<span
|
<a href="https://ideas.web3privacy.info/" target="_blank">
|
||||||
class="font-bold text-white underline"
|
<span
|
||||||
style="text-underline-offset: 4px;"
|
class="font-bold text-white underline"
|
||||||
>
|
style="text-underline-offset: 4px;"
|
||||||
HACKATHON IDEA GENERATOR
|
>
|
||||||
</span>
|
HACKATHON IDEA GENERATOR
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<span class="text-[0.8rem] md:text-[1rem] mt-0 w-full"
|
<span class="text-[0.8rem] md:text-[1rem] mt-0 w-full"
|
||||||
>Helps developers build applications that address real-world
|
>Helps developers build applications that address real-world
|
||||||
|
@ -76,12 +79,14 @@ import AboutItem from "../components/AboutItem.astro";
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div class="flex items-center flex-nowrap space-x-5">
|
<div class="flex items-center flex-nowrap space-x-5">
|
||||||
<span
|
<a href="https://news.web3privacy.info/" target="_blank">
|
||||||
class="font-bold text-white underline"
|
<span
|
||||||
style="text-underline-offset: 4px;"
|
class="font-bold text-white underline"
|
||||||
>
|
style="text-underline-offset: 4px;"
|
||||||
WEEK IN PRIVACY
|
>
|
||||||
</span>
|
WEEK IN PRIVACY
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<span class="text-[1rem] mt-0 w-full"
|
<span class="text-[1rem] mt-0 w-full"
|
||||||
>Weekly newsletter with round-up of the most important news
|
>Weekly newsletter with round-up of the most important news
|
||||||
|
@ -100,12 +105,17 @@ import AboutItem from "../components/AboutItem.astro";
|
||||||
We make privacy accessible for everyone, empowering people to learn and
|
We make privacy accessible for everyone, empowering people to learn and
|
||||||
implement best practices effectively.
|
implement best practices effectively.
|
||||||
</p>
|
</p>
|
||||||
|
<br>
|
||||||
<p>
|
<p>
|
||||||
From mentoring at hackathons, guidelines for developers, and the
|
From mentoring at hackathons, guidelines for developers, and the
|
||||||
Cypherpunk Academy - we offer training, incubation, and acceleration
|
Cypherpunk Academy - we offer training, incubation, and acceleration
|
||||||
programs.
|
programs.
|
||||||
</p>
|
</p>
|
||||||
<a class="button inverted"><button>Privacy Academy</button></a>
|
<a
|
||||||
|
class="button inverted"
|
||||||
|
href="https://docs.web3privacy.info/projects/privacy-academy/"
|
||||||
|
target="_blank"><button>Privacy Academy</button></a
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</AboutItem>
|
</AboutItem>
|
|
@ -111,7 +111,7 @@ const { variant = "about" } = Astro.props;
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<a href={core.links.donate} target="_blank">
|
<a href="https://docs.web3privacy.info/get-involved/donate/" target="_blank">
|
||||||
<span
|
<span
|
||||||
class="text-white md:text-center text-left w-full flex md:items-center justify-center mt-[24px]"
|
class="text-white md:text-center text-left w-full flex md:items-center justify-center mt-[24px]"
|
||||||
>
|
>
|
||||||
|
|
|
@ -105,7 +105,11 @@
|
||||||
>
|
>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<a class="button inverted"><button>BECOME A SPONSOR</button></a>
|
<a
|
||||||
|
class="button inverted"
|
||||||
|
href="mailto:pg@web3privacy.info"
|
||||||
|
target="_blank"><button>BECOME A SPONSOR</button></a
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -132,7 +136,11 @@
|
||||||
>
|
>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<a class="button inverted"><button>DONATE</button></a>
|
<a
|
||||||
|
class="button inverted"
|
||||||
|
href="https://docs.web3privacy.info/get-involved/donate/"
|
||||||
|
target="_blank"><button>DONATE</button></a
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -157,7 +165,11 @@
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<a class="button inverted"><button>Become a speaker</button></a>
|
<a
|
||||||
|
class="button inverted"
|
||||||
|
href="https://tally.so/r/nrOzXl"
|
||||||
|
target="_blank"><button>Become a speaker</button></a
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -43,7 +43,9 @@ import core from "../core.json";
|
||||||
>
|
>
|
||||||
€100 / Year
|
€100 / Year
|
||||||
</span>
|
</span>
|
||||||
<a class="button inverted" href={core.links.individual}
|
<a
|
||||||
|
class="button inverted"
|
||||||
|
href="https://docs.web3privacy.info/get-involved/personal-benefits/"
|
||||||
><button>BECOME A MEMBER</button></a
|
><button>BECOME A MEMBER</button></a
|
||||||
>
|
>
|
||||||
<p class="max-w-72 text-sm">
|
<p class="max-w-72 text-sm">
|
||||||
|
@ -145,8 +147,10 @@ import core from "../core.json";
|
||||||
3,000 € / year
|
3,000 € / year
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<a class="button inverted" href={core.links.individual}
|
<a
|
||||||
><button>Request Tier Breakdown</button></a
|
class="button inverted"
|
||||||
|
href="mailto:pg@web3privacy.info"
|
||||||
|
target="_blank"><button>Request Tier Breakdown</button></a
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
<img
|
<img
|
||||||
|
|
|
@ -3,13 +3,27 @@ import { parseAndWrapCaptions } from "../../utils/captionParser";
|
||||||
|
|
||||||
const { people, team, core, contributors } = Astro.props;
|
const { people, team, core, contributors } = Astro.props;
|
||||||
|
|
||||||
// Filter based on the `core` parameter
|
const coreContributorsOrder = [
|
||||||
const members = core ? people.filter((p) => {
|
'mykola-siusko',
|
||||||
return team.includes(p.id)
|
'pg',
|
||||||
}).filter((p) => p.imageUrl) : team;
|
'michael-parenti',
|
||||||
|
'coinmandeer',
|
||||||
|
'robert',
|
||||||
|
'cat',
|
||||||
|
'odd',
|
||||||
|
'mf'
|
||||||
|
];
|
||||||
|
|
||||||
|
// Filter based on the `core` parameter
|
||||||
|
const members = core
|
||||||
|
? people.filter((p) => team.includes(p.id)).filter((p) => p.imageUrl)
|
||||||
|
: team;
|
||||||
|
|
||||||
|
// Filter and sort `filteredPeople` based on `coreContributorsOrder`
|
||||||
|
const filteredPeople = members.filter((p) => p.imageUrl).sort((a, b) => {
|
||||||
|
return coreContributorsOrder.indexOf(a.id) - coreContributorsOrder.indexOf(b.id);
|
||||||
|
});
|
||||||
|
|
||||||
// const filteredPeople = members.filter((p) => p.imageUrl).slice(0, 12);
|
|
||||||
const filteredPeople = members.filter((p) => p.imageUrl);
|
|
||||||
|
|
||||||
function personLink(person) {
|
function personLink(person) {
|
||||||
if (person.refs?.twitter) {
|
if (person.refs?.twitter) {
|
||||||
|
@ -32,6 +46,7 @@ function personLink(person) {
|
||||||
}
|
}
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|
||||||
<div
|
<div
|
||||||
class="grid grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 place-items-start"
|
class="grid grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 place-items-start"
|
||||||
>
|
>
|
||||||
|
|
|
@ -63,9 +63,11 @@ landing:
|
||||||
research: |
|
research: |
|
||||||
We cultivate a culture of privacy in web3 making data free and public.
Enjoy our researches, infographics, annual reports, tools, newsletter, guidelines & more.
|
We cultivate a culture of privacy in web3 making data free and public.
Enjoy our researches, infographics, annual reports, tools, newsletter, guidelines & more.
|
||||||
mission: |
|
mission: |
|
||||||
Empower individuals to take control of their digital privacy.
|
We aim to manifest profound political and social change by advocating
Privacy in the Web3 Era.
|
||||||
<br><br>
|
<br><br>
|
||||||
We envision a world where privacy is a conscious, actively chosen lifestyle, accessible to everyone, everywhere. To turn this into reality, we need to unite our efforts and carve out a path toward a more equitable, decentralized and privacy-respecting digital space.
|
With unified efforts, we carve out a path toward a more equitable, decentralized and freedom-respecting digital commons.
|
||||||
|
<br><br>
|
||||||
|
<i>'Our task is to secure self-determination where we can, to hold back the coming dystopia where we cannot, and if all else fails, to accelerate its
self-destruction' - Julian Assange, Cypherpunks (2012).</i>
|
||||||
event: |
|
event: |
|
||||||
Our aim with gatherings is to build understanding and solidarity between different groups of interests, cultures, states, chains, ecosystems and backgrounds.
|
Our aim with gatherings is to build understanding and solidarity between different groups of interests, cultures, states, chains, ecosystems and backgrounds.
|
||||||
<br><br>
|
<br><br>
|
||||||
|
|
|
@ -211,32 +211,40 @@ function genHeading(str) {
|
||||||
<div class="grid-1 grid gap-8 md:grid-cols-2 lg:grid-cols-3">
|
<div class="grid-1 grid gap-8 md:grid-cols-2 lg:grid-cols-3">
|
||||||
<div class="">
|
<div class="">
|
||||||
<p class="mb-4">
|
<p class="mb-4">
|
||||||
<a href="#!">Manifesto</a>
|
<a href="https://docs.web3privacy.info/about-us/manifesto/" target="_blank">Manifesto</a>
|
||||||
</p>
|
</p>
|
||||||
<p class="mb-4">
|
<p class="mb-4">
|
||||||
<a href="#!">How to get involved?</a>
|
<a href="/membership" target="_blank">How to get involved?</a>
|
||||||
</p>
|
</p>
|
||||||
<p class="mb-4">
|
<p class="mb-4">
|
||||||
<a href="#!">Grants / Support Us</a>
|
<a href="https://docs.web3privacy.info/get-involved/index" target="_blank">Grants / Support Us</a>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<p class="mb-4">
|
<p class="mb-4">
|
||||||
<a href="#!">Events</a>
|
<a href="/events">Events</a>
|
||||||
</p>
|
</p>
|
||||||
<p class="mb-4">
|
<p class="mb-4">
|
||||||
<a href="#!">Articles</a>
|
<a
|
||||||
|
href="https://mirror.xyz/0x0f1F3DAf416B74DB3DE55Eb4D7513a80F4841073"
|
||||||
|
>Articles</a
|
||||||
|
>
|
||||||
</p>
|
</p>
|
||||||
<p class="mb-4">
|
<p class="mb-4">
|
||||||
<a href="#!">Talks</a>
|
<a href="https://www.youtube.com/@Web3PrivacyNow">Talks</a>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<p class="mb-4">
|
<p class="mb-4">
|
||||||
<a href="/#">Privacy Explorer</a>
|
<a href="https://explorer.web3privacy.info/" target="_blank">
|
||||||
|
Privacy Explorer</a
|
||||||
|
>
|
||||||
</p>
|
</p>
|
||||||
<p class="mb-4">
|
<p class="mb-4">
|
||||||
<a href="/#">Privacy use-cases database</a>
|
<a
|
||||||
|
href="https://github.com/web3privacy/web3privacy"
|
||||||
|
target="_blank">Privacy use-cases database</a
|
||||||
|
>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -54,11 +54,8 @@ for (const e of upcomingEvents) {
|
||||||
featuredEvents.push(e);
|
featuredEvents.push(e);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|
||||||
<BaseLayout
|
<BaseLayout
|
||||||
title="About web3privacy"
|
title="About web3privacy"
|
||||||
image="og_about"
|
image="og_about"
|
||||||
|
@ -70,7 +67,19 @@ for (const e of upcomingEvents) {
|
||||||
<div class="flex flex-col gap-[36px] md:order-2">
|
<div class="flex flex-col gap-[36px] md:order-2">
|
||||||
<div class="md:hidden block mb-[12px]">
|
<div class="md:hidden block mb-[12px]">
|
||||||
<h1>activism. care. solidarity.</h1>
|
<h1>activism. care. solidarity.</h1>
|
||||||
<div set:html={config.landing.mission} />
|
<!-- <div set:html={config.landing.mission} /> -->
|
||||||
|
<div>
|
||||||
|
We are a think-and-Do tank of hundreds of people, projects, and
|
||||||
|
organizations committed to protecting and advancing civil liberties,
|
||||||
|
decentralization, and open-source software.
|
||||||
|
|
||||||
|
<br />
|
||||||
|
|
||||||
|
Ecosystem is a catalyst for change: we facilitate cross-stack and
|
||||||
|
cross-community collaboration with a poly-disciplinary approach to
|
||||||
|
drive meaningful impact.
|
||||||
|
<br />
|
||||||
|
</div>
|
||||||
<div class="mt-8 flex gap-6 items-center w-full">
|
<div class="mt-8 flex gap-6 items-center w-full">
|
||||||
<a class="button inverted" href={core.links.manifesto}
|
<a class="button inverted" href={core.links.manifesto}
|
||||||
><button>Read manifesto</button></a
|
><button>Read manifesto</button></a
|
||||||
|
@ -87,7 +96,19 @@ for (const e of upcomingEvents) {
|
||||||
<div class="md:order-1 order-2">
|
<div class="md:order-1 order-2">
|
||||||
<div class="md:block hidden">
|
<div class="md:block hidden">
|
||||||
<h1 class="glitch-text">activism. care. solidarity.</h1>
|
<h1 class="glitch-text">activism. care. solidarity.</h1>
|
||||||
<div set:html={config.landing.mission} />
|
<div>
|
||||||
|
We are a think-and-Do tank of hundreds of people, projects, and
|
||||||
|
organizations committed to protecting and advancing civil liberties,
|
||||||
|
decentralization, and open-source software.
|
||||||
|
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
|
||||||
|
Ecosystem is a catalyst for change: we facilitate cross-stack and
|
||||||
|
cross-community collaboration with a poly-disciplinary approach to
|
||||||
|
drive meaningful impact.
|
||||||
|
<br />
|
||||||
|
</div>
|
||||||
<div class="mt-8 flex gap-6 items-center w-full">
|
<div class="mt-8 flex gap-6 items-center w-full">
|
||||||
<a class="button inverted" href={core.links.manifesto}
|
<a class="button inverted" href={core.links.manifesto}
|
||||||
><button>Read manifesto</button></a
|
><button>Read manifesto</button></a
|
||||||
|
|
|
@ -65,7 +65,11 @@ const sectionsConfig = [
|
||||||
}
|
}
|
||||||
</div>
|
</div>
|
||||||
<div class="flex gap-4 p-4 lg:gap-6 pt-4 flex-wrap">
|
<div class="flex gap-4 p-4 lg:gap-6 pt-4 flex-wrap">
|
||||||
<a href={core.links.telegram} class="button inverted">
|
<a
|
||||||
|
target="_blank"
|
||||||
|
href="https://docs.web3privacy.info/contributors/index"
|
||||||
|
class="button inverted"
|
||||||
|
>
|
||||||
<button>Become a Contributor</button>
|
<button>Become a Contributor</button>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
@ -84,11 +88,7 @@ const sectionsConfig = [
|
||||||
<div class="mx-4 mt-16">
|
<div class="mx-4 mt-16">
|
||||||
<h1 class="my-6 middle-pane-medium">Members</h1>
|
<h1 class="my-6 middle-pane-medium">Members</h1>
|
||||||
<div class="middle-pane-big">
|
<div class="middle-pane-big">
|
||||||
<MembersGrid
|
<MembersGrid people={core.people} team={core.members} core={false} />
|
||||||
people={core.people}
|
|
||||||
team={core.members}
|
|
||||||
core={false}
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -145,10 +145,7 @@ const sectionsConfig = [
|
||||||
<div class="mt-16 mx-4">
|
<div class="mt-16 mx-4">
|
||||||
<h1 class="my-6 middle-pane-medium">Community Partners</h1>
|
<h1 class="my-6 middle-pane-medium">Community Partners</h1>
|
||||||
<div class="middle-pane-big">
|
<div class="middle-pane-big">
|
||||||
<MembersGrid
|
<MembersGrid people={core.people} team={core["community-partners"]} />
|
||||||
people={core.people}
|
|
||||||
team={core["community-partners"]}
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue