mirror of
https://github.com/web3privacy/web
synced 2024-10-15 18:26:27 +02:00
updates
This commit is contained in:
parent
f03642658a
commit
6c784c5a49
4 changed files with 27 additions and 21 deletions
|
|
@ -2,6 +2,8 @@ title: Web3Privacy Now
|
|||
links:
|
||||
docs: https://docs.web3privacy.info/
|
||||
manifesto: https://docs.web3privacy.info/manifesto
|
||||
github: https://github.com/web3privacy
|
||||
twitter: https://twitter.com/web3privacy
|
||||
header:
|
||||
menu:
|
||||
- name: Home
|
||||
|
|
@ -14,8 +16,8 @@ header:
|
|||
url: /talks
|
||||
- name: Articles
|
||||
url: /articles
|
||||
- name: Leaderboard
|
||||
url: /leaderboard
|
||||
#- name: Leaderboard
|
||||
# url: /leaderboard
|
||||
- name: Docs
|
||||
url: https://docs.web3privacy.info
|
||||
#- name: Manifesto
|
||||
|
|
|
|||
|
|
@ -37,9 +37,13 @@ import cfonts from 'cfonts';
|
|||
</head>
|
||||
<body class="bg-black text-white">
|
||||
<div class="nav-links">
|
||||
{config.header.menu.map((menuItem) => (
|
||||
<a href={menuItem.url} class="inline-block hover:underline px-4 py-2" target={menuItem.url.match(/^http/) ? '_blank' : '_self'}>{menuItem.name}</a>
|
||||
))}
|
||||
<div class="w-full">
|
||||
{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 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">
|
||||
|
|
@ -47,8 +51,8 @@ import cfonts from 'cfonts';
|
|||
<div class="hamburger"></div>
|
||||
</div>
|
||||
|
||||
<div class="w-32 lg:w-40">
|
||||
<img src="/logo.svg" class:list={["w-40", banner ? "hidden" : "block"]} />
|
||||
<div class="w-40">
|
||||
<img src="/logo.svg" class:list={["w-40", banner ? "hidden" : "block"]} onclick="location.href='/'" />
|
||||
</div>
|
||||
<div class="hidden lg:flex gap-2 ml-10">
|
||||
{config.header.menu.map((menuItem) => (
|
||||
|
|
@ -57,6 +61,10 @@ import cfonts from 'cfonts';
|
|||
</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>
|
||||
{banner &&
|
||||
<div class="w-full h-full flex mt-20 sm:mt-32 middle-pane-medium">
|
||||
|
|
@ -72,8 +80,8 @@ import cfonts from 'cfonts';
|
|||
</div>
|
||||
}
|
||||
{!banner &&
|
||||
<div class="middle-pane-medium mt-14">
|
||||
<div class="leading-none text-[8px] text-white"><pre>{cfonts.render(title + ' ', { font: '' }).string}</pre></div>
|
||||
<div class="middle-pane-medium mt-8">
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -11,16 +11,16 @@ import contributors from '../contributors.json';
|
|||
<table class="w3pn-leaderboard-table w-1/2">
|
||||
<thead>
|
||||
<tr>
|
||||
<th align="" class="pb-4 uppercase" colspan="2">Contributor</th>
|
||||
<th align="left" class="pb-4 uppercase"># Contributions</th>
|
||||
<th class="pb-4 uppercase" colspan="2">Contributor</th>
|
||||
<th align="left" class="pb-4 uppercase"># Contribs</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{contributors.map((contrib) => (
|
||||
<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 class="pl-6 pr-16"><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="px-2"><a href={contrib.html_url} target="_blank" class="hover:underline">{contrib.login}</a></td>
|
||||
<td class="text-white pl-10 text-lg pr-4" align="left">{contrib.contributions}</td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
|
|
|
|||
|
|
@ -58,7 +58,7 @@
|
|||
|
||||
#intro {
|
||||
background-image: url(/hp-bg.webp);
|
||||
background-repeat: no-repeat;
|
||||
background-repeat: repeat;
|
||||
background-color: #0f0f0f;
|
||||
background-position: center;
|
||||
}
|
||||
|
|
@ -110,9 +110,9 @@
|
|||
@apply inline-block w-12 h-12;
|
||||
}
|
||||
.icon.small {
|
||||
@apply w-7 h-7;
|
||||
@apply w-6 h-6;
|
||||
}
|
||||
|
||||
|
||||
.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-size: 100% 100%;
|
||||
|
|
@ -148,7 +148,6 @@
|
|||
width: 100%;
|
||||
top: 5rem;
|
||||
left: 48px;
|
||||
background-color: #ff9776;
|
||||
display: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
|
@ -158,12 +157,9 @@
|
|||
text-align: center;
|
||||
padding: 10px 0;
|
||||
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;
|
||||
text-color: black;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue