This commit is contained in:
tree🌴 2023-02-12 18:42:12 +01:00
parent 95e9134db0
commit 0aeaec5df6
3 changed files with 22 additions and 9 deletions

View file

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

View file

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 162 KiB