mirror of
https://github.com/web3privacy/w3ps1.git
synced 2024-10-15 16:26:26 +02:00
Update
This commit is contained in:
parent
95e9134db0
commit
0aeaec5df6
3 changed files with 22 additions and 9 deletions
|
@ -25,7 +25,7 @@
|
||||||
@apply max-w-7xl mx-auto px-4 xl:px-0;
|
@apply max-w-7xl mx-auto px-4 xl:px-0;
|
||||||
}
|
}
|
||||||
.middle-pane-big {
|
.middle-pane-big {
|
||||||
@apply max-w-screen-2xl mx-auto px-4 2xl:px-0;
|
@apply max-w-screen-2xl mx-auto px-6 2xl:px-0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.button {
|
.button {
|
||||||
|
|
|
@ -2,6 +2,8 @@
|
||||||
import '../app.css';
|
import '../app.css';
|
||||||
export let data;
|
export let data;
|
||||||
|
|
||||||
|
let navbar = false;
|
||||||
|
|
||||||
const menu = [
|
const menu = [
|
||||||
{ title: 'About', url: '#about' },
|
{ title: 'About', url: '#about' },
|
||||||
{ title: 'Speakers', url: '#speakers' },
|
{ title: 'Speakers', url: '#speakers' },
|
||||||
|
@ -12,23 +14,34 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="relative w-full min-h-screen text-white">
|
<div class="relative w-full min-h-screen text-white">
|
||||||
<div class="fixed w-full h-18 bg-black pt-6 md:pt-2 pb-2 z-40">
|
<div class="fixed w-full h-18 bg-black pt-2 pb-2 z-40">
|
||||||
<div class="middle-pane-big bg-black">
|
<div class="middle-pane-big bg-black">
|
||||||
<div class="flex">
|
<div class="flex">
|
||||||
<div class="flex items-center gap-4 grow">
|
<div class="flex items-center gap-4 grow">
|
||||||
<div class="w-20">
|
<div class="w-16 py-2">
|
||||||
<a href="https://web3privacy.info"><img src="/web3privacy.png" /></a>
|
<a href="https://web3privacy.info"><img src="/web3privacy-cropped.jpg" /></a>
|
||||||
</div>
|
</div>
|
||||||
<!--h1 class="text-2xl uppercase">{data.config.title}</h1-->
|
<!--h1 class="text-2xl uppercase">{data.config.title}</h1-->
|
||||||
</div>
|
</div>
|
||||||
<div class="flex items-center gap-6 uppercase text-xl">
|
<div class="flex items-center gap-6 uppercase text-xl">
|
||||||
|
<button class="md:hidden text-3xl" on:click={() => navbar = !navbar}>☰</button>
|
||||||
{#each menu as mi}
|
{#each menu as mi}
|
||||||
<div class={mi.class}><a href={mi.url}>{mi.title}</a></div>
|
<div class="{mi.class} hidden md:block"><a href={mi.url}>{mi.title}</a></div>
|
||||||
{/each}
|
{/each}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
{#if navbar}
|
||||||
|
<div class="w-full md:hidden p-4">
|
||||||
|
{#each menu as mi}
|
||||||
|
<div class="my-3 mx-4">
|
||||||
|
<a href={mi.url} on:click={() => navbar = false}><button class="{mi.class} uppercase text-xl">{mi.title}</button></a>
|
||||||
</div>
|
</div>
|
||||||
|
{/each}
|
||||||
|
</div>
|
||||||
|
{/if}
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="w-full h-screen">
|
<div class="w-full h-screen">
|
||||||
<div class="w-full h-full flex items-center text-center">
|
<div class="w-full h-full flex items-center text-center">
|
||||||
<div class="mx-auto">
|
<div class="mx-auto">
|
||||||
|
@ -55,11 +68,11 @@
|
||||||
<slot />
|
<slot />
|
||||||
|
|
||||||
<footer class="pb-16 bg-black">
|
<footer class="pb-16 bg-black">
|
||||||
<div class="middle-pane-big pt-6 mx-auto">
|
<div class="middle-pane-big pt-10 mx-auto">
|
||||||
<div class="flex items-center">
|
<div class="flex gap-4">
|
||||||
<div class="grow">
|
<div class="grow">
|
||||||
<div class="w-48">
|
<div class="w-32 sm:w-42">
|
||||||
<a href="https://web3privacy.info"><img src="/web3privacy.png" /></a>
|
<a href="https://web3privacy.info"><img src="/web3privacy-cropped.jpg" /></a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="text-right">
|
<div class="text-right">
|
||||||
|
|
BIN
static/web3privacy-cropped.jpg
Normal file
BIN
static/web3privacy-cropped.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 162 KiB |
Loading…
Reference in a new issue