mirror of https://github.com/web3privacy/web
updates
This commit is contained in:
parent
f03642658a
commit
6c784c5a49
|
|
@ -2,6 +2,8 @@ title: Web3Privacy Now
|
||||||
links:
|
links:
|
||||||
docs: https://docs.web3privacy.info/
|
docs: https://docs.web3privacy.info/
|
||||||
manifesto: https://docs.web3privacy.info/manifesto
|
manifesto: https://docs.web3privacy.info/manifesto
|
||||||
|
github: https://github.com/web3privacy
|
||||||
|
twitter: https://twitter.com/web3privacy
|
||||||
header:
|
header:
|
||||||
menu:
|
menu:
|
||||||
- name: Home
|
- name: Home
|
||||||
|
|
@ -14,8 +16,8 @@ header:
|
||||||
url: /talks
|
url: /talks
|
||||||
- name: Articles
|
- name: Articles
|
||||||
url: /articles
|
url: /articles
|
||||||
- name: Leaderboard
|
#- name: Leaderboard
|
||||||
url: /leaderboard
|
# url: /leaderboard
|
||||||
- name: Docs
|
- name: Docs
|
||||||
url: https://docs.web3privacy.info
|
url: https://docs.web3privacy.info
|
||||||
#- name: Manifesto
|
#- name: Manifesto
|
||||||
|
|
|
||||||
|
|
@ -37,9 +37,13 @@ import cfonts from 'cfonts';
|
||||||
</head>
|
</head>
|
||||||
<body class="bg-black text-white">
|
<body class="bg-black text-white">
|
||||||
<div class="nav-links">
|
<div class="nav-links">
|
||||||
{config.header.menu.map((menuItem) => (
|
<div class="w-full">
|
||||||
<a href={menuItem.url} class="inline-block hover:underline px-4 py-2" target={menuItem.url.match(/^http/) ? '_blank' : '_self'}>{menuItem.name}</a>
|
{config.header.menu.map((menuItem) => (
|
||||||
))}
|
<div class="uppercase w-full">
|
||||||
|
<a href={menuItem.url} class="inline-block hover:underline px-4 py-2" class:list={[menuItem.url.match(/^http/) ? "external" : "", Astro.url.pathname === menuItem.url ? "text-white" : ""]} target={menuItem.url.match(/^http/) ? '_blank' : '_self'}>{menuItem.name}</a>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-full z-10" class:list={[banner ? "h-[600px]" : "pb-6"]} id={banner ? "intro" : "no-intro"}>
|
<div class="w-full z-10" class:list={[banner ? "h-[600px]" : "pb-6"]} id={banner ? "intro" : "no-intro"}>
|
||||||
<header class="flex pt-6 middle-pane-big">
|
<header class="flex pt-6 middle-pane-big">
|
||||||
|
|
@ -47,8 +51,8 @@ import cfonts from 'cfonts';
|
||||||
<div class="hamburger"></div>
|
<div class="hamburger"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-32 lg:w-40">
|
<div class="w-40">
|
||||||
<img src="/logo.svg" class:list={["w-40", banner ? "hidden" : "block"]} />
|
<img src="/logo.svg" class:list={["w-40", banner ? "hidden" : "block"]} onclick="location.href='/'" />
|
||||||
</div>
|
</div>
|
||||||
<div class="hidden lg:flex gap-2 ml-10">
|
<div class="hidden lg:flex gap-2 ml-10">
|
||||||
{config.header.menu.map((menuItem) => (
|
{config.header.menu.map((menuItem) => (
|
||||||
|
|
@ -57,6 +61,10 @@ import cfonts from 'cfonts';
|
||||||
</div>
|
</div>
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
|
<div class="grow flex gap-6 justify-end lg:pt-2">
|
||||||
|
<a href={config.links.github} class="block icon github small opacity-50 hover:opacity-100" target="_blank"></a>
|
||||||
|
<a href={config.links.twitter} class="block icon twitter small opacity-50 hover:opacity-100" target="_blank"></a>
|
||||||
|
</div>
|
||||||
</header>
|
</header>
|
||||||
{banner &&
|
{banner &&
|
||||||
<div class="w-full h-full flex mt-20 sm:mt-32 middle-pane-medium">
|
<div class="w-full h-full flex mt-20 sm:mt-32 middle-pane-medium">
|
||||||
|
|
@ -72,8 +80,8 @@ import cfonts from 'cfonts';
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
{!banner &&
|
{!banner &&
|
||||||
<div class="middle-pane-medium mt-14">
|
<div class="middle-pane-medium mt-8">
|
||||||
<div class="leading-none text-[8px] text-white"><pre>{cfonts.render(title + ' ', { font: '' }).string}</pre></div>
|
<div class="leading-none text-[4px] sm:text-[8px] text-white"><pre><code>{cfonts.render(title + ' ', { font: '', maxLength: 1000 }).string}</code></pre></div>
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -11,16 +11,16 @@ import contributors from '../contributors.json';
|
||||||
<table class="w3pn-leaderboard-table w-1/2">
|
<table class="w3pn-leaderboard-table w-1/2">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th align="" class="pb-4 uppercase" colspan="2">Contributor</th>
|
<th class="pb-4 uppercase" colspan="2">Contributor</th>
|
||||||
<th align="left" class="pb-4 uppercase"># Contributions</th>
|
<th align="left" class="pb-4 uppercase"># Contribs</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
{contributors.map((contrib) => (
|
{contributors.map((contrib) => (
|
||||||
<tr>
|
<tr>
|
||||||
<td align="right" class="py-2 px-4"><div class="w-16 h-16"><img src={contrib.avatar_url} class="rounded-full" /></div></td>
|
<td align="right" class="py-2 px-4"><div class="w-16 h-16"><img src={contrib.avatar_url} class="rounded-full" /></div></td>
|
||||||
<td class="pl-6 pr-16"><a href={contrib.html_url} target="_blank" class="hover:underline">{contrib.login}</a></td>
|
<td class="px-2"><a href={contrib.html_url} target="_blank" class="hover:underline">{contrib.login}</a></td>
|
||||||
<td class="text-white pl-10 text-lg" align="left">{contrib.contributions}</td>
|
<td class="text-white pl-10 text-lg pr-4" align="left">{contrib.contributions}</td>
|
||||||
</tr>
|
</tr>
|
||||||
))}
|
))}
|
||||||
</tbody>
|
</tbody>
|
||||||
|
|
|
||||||
|
|
@ -58,7 +58,7 @@
|
||||||
|
|
||||||
#intro {
|
#intro {
|
||||||
background-image: url(/hp-bg.webp);
|
background-image: url(/hp-bg.webp);
|
||||||
background-repeat: no-repeat;
|
background-repeat: repeat;
|
||||||
background-color: #0f0f0f;
|
background-color: #0f0f0f;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
}
|
}
|
||||||
|
|
@ -110,9 +110,9 @@
|
||||||
@apply inline-block w-12 h-12;
|
@apply inline-block w-12 h-12;
|
||||||
}
|
}
|
||||||
.icon.small {
|
.icon.small {
|
||||||
@apply w-7 h-7;
|
@apply w-6 h-6;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon.twitter {
|
.icon.twitter {
|
||||||
background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.7895 16.9392L38.6704 0H35.1454L22.2188 14.7051L11.9021 0H0L15.6043 22.2388L0 40H3.52506L17.167 24.4676L28.0646 40H39.9667M4.79734 2.60316H10.2128L35.1427 37.5247H29.7259" fill="%23C0C0C0"/></svg>');
|
background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.7895 16.9392L38.6704 0H35.1454L22.2188 14.7051L11.9021 0H0L15.6043 22.2388L0 40H3.52506L17.167 24.4676L28.0646 40H39.9667M4.79734 2.60316H10.2128L35.1427 37.5247H29.7259" fill="%23C0C0C0"/></svg>');
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
|
|
@ -148,7 +148,6 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
top: 5rem;
|
top: 5rem;
|
||||||
left: 48px;
|
left: 48px;
|
||||||
background-color: #ff9776;
|
|
||||||
display: none;
|
display: none;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
@ -158,12 +157,9 @@
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 10px 0;
|
padding: 10px 0;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
font-size: 1.2rem;
|
|
||||||
font-weight: bold;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-links a:hover, a:focus {
|
.nav-links a:hover, .nav-links a:focus {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
text-color: black;
|
text-color: black;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue