This commit is contained in:
tree🌴 2023-11-13 04:44:38 +01:00
parent f03642658a
commit 6c784c5a49
4 changed files with 27 additions and 21 deletions

View file

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

View file

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

View file

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

View file

@ -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,7 +110,7 @@
@apply inline-block w-12 h-12;
}
.icon.small {
@apply w-7 h-7;
@apply w-6 h-6;
}
.icon.twitter {
@ -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;
}