design fixes
This commit is contained in:
rodič
a85a0c7bc7
revize
7644afe007
|
@ -7,14 +7,15 @@
|
|||
import { page, session } from '$app/stores';
|
||||
</script>
|
||||
|
||||
<nav class="flex flex-wrap items-center justify-between px-4 bg-white mx-auto sticky top-0 z-50">
|
||||
<nav class="flex flex-wrap items-center justify-between p-6 bg-white mx-auto sticky top-0 z-50">
|
||||
<div class="container mx-auto flex flex-wrap items-center justify-between">
|
||||
<div class="w-full relative flex justify-between lg:w-auto lg:static lg:block lg:justify-start">
|
||||
<a
|
||||
class="text-sm leading-relaxed inline-block mr-4 p-4 whitespace-nowrap uppercase underline"
|
||||
class="text-sm leading-relaxed flex items-center justify-center"
|
||||
href="/"
|
||||
>
|
||||
<img src={logo} alt="logo" class="w-[145px] h-[54px] p-2 -ml-3" />
|
||||
<img src={logo} alt="logo" class="w-[145px] h-[54px] md:mr-14" />
|
||||
<span class="hidden md:block pt-2 underline">November 11.-13.</span>
|
||||
</a>
|
||||
<button
|
||||
class="text-black cursor-pointer text-xl leading-none px-3 py-1 border border-solid border-transparent rounded bg-transparent block lg:hidden outline-none focus:outline-none"
|
||||
|
@ -32,14 +33,14 @@
|
|||
<li>
|
||||
<a
|
||||
href="/"
|
||||
class="p-5 flex items-center uppercase font-bold leading-snug text-black hover:opacity-75 hover:underline" class:active={$page.url.pathname === '/'}
|
||||
class="px-5 py-2 flex items-center leading-snug text-black hover:opacity-75" class:active={$page.url.pathname === '/'}
|
||||
>Home</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="/venues"
|
||||
class="p-5 flex items-center uppercase font-bold leading-snug text-black hover:opacity-75 hover:underline"
|
||||
class="px-5 py-2 flex items-center leading-snug text-black hover:opacity-75"
|
||||
class:active={$page.url.pathname === '/venues'}
|
||||
>Venues</a
|
||||
>
|
||||
|
@ -47,7 +48,7 @@
|
|||
<li>
|
||||
<a
|
||||
href="/contributors"
|
||||
class="p-5 flex items-center uppercase font-bold leading-snug text-black hover:opacity-75 hover:underline"
|
||||
class="px-5 py-2 flex items-center leading-snug text-black hover:opacity-75"
|
||||
class:active={$page.url.pathname === '/contributors' || $page.url.pathname === '/team'}
|
||||
>Contributors</a
|
||||
>
|
||||
|
@ -56,7 +57,7 @@
|
|||
<a
|
||||
href="https://matrix.to/#/#ethbrno:gwei.cz"
|
||||
rel="noopener noreferrer"
|
||||
class="p-5 flex items-center uppercase font-bold leading-snug text-black hover:opacity-75 hover:underline"
|
||||
class="px-5 py-2 flex items-center leading-snug text-black hover:opacity-75"
|
||||
>Chat</a
|
||||
>
|
||||
</li>
|
||||
|
@ -65,7 +66,7 @@
|
|||
href="https://join.ethbrno.cz"
|
||||
rel="noopener noreferrer"
|
||||
target="_blank"
|
||||
class="p-5 flex items-center bg-black text-white uppercase font-bold leading-snug hover:opacity-75 hover:underline"
|
||||
class="px-5 py-2 flex items-center bg-black text-white leading-snug hover:opacity-75"
|
||||
>Join</a
|
||||
>
|
||||
</li>
|
||||
|
|
|
@ -1,12 +1,10 @@
|
|||
/** @type {import('./$types').PageLoad} */
|
||||
export const prerender = true;
|
||||
//export const prerender = true;
|
||||
|
||||
export async function load({ fetch }) {
|
||||
//const { spec } = await fetch('https://spec.utxo.cz/22/bundle.json').then((r) => r.json());
|
||||
const { contributors, sponsors } = await fetch(`data.json`).then((r) => r.json());
|
||||
|
||||
//console.log(contributors);
|
||||
//const { contributors, sponsors } = await fetch(`data.json`).then((r) => r.json());
|
||||
const { contributors, sponsors } = await fetch(`https://raw.githubusercontent.com/ethbrno/data/main/data.json`).then((r) => r.json());
|
||||
return {
|
||||
data: {contributors, sponsors}
|
||||
data: { contributors, sponsors }
|
||||
};
|
||||
}
|
|
@ -1,35 +1,15 @@
|
|||
<svelte:head>
|
||||
<title>ETHBrno²</title>
|
||||
</svelte:head>
|
||||
<section class="text-gray-400 bg-black">
|
||||
<section class="text-gray-400 bg-black border-b">
|
||||
<div class="w-full mx-auto flex md:flex-row md:h-5/6 flex-col items-center">
|
||||
<div
|
||||
class="lg:max-w-lg lg:w-full md:w-1/2 md:mb-0 mb-10 md:flex hidden justify-center h-[700px]"
|
||||
>
|
||||
<svg class="block w-full">
|
||||
<filter id="pixelate" x="0" y="0">
|
||||
<feFlood x="4" y="4" height="2" width="2" />
|
||||
|
||||
<feComposite width="2" height="2" />
|
||||
|
||||
<feTile result="a" />
|
||||
|
||||
<feComposite in="SourceGraphic" in2="a" operator="in" />
|
||||
|
||||
<feMorphology operator="erode" id="morph" radius="5" />
|
||||
</filter>
|
||||
<animate
|
||||
xlink:href="#morph"
|
||||
id="anim-dialiate"
|
||||
attributeName="radius"
|
||||
values="0;10;0"
|
||||
dur="100s"
|
||||
fill="freeze"
|
||||
repeatCount="indefinite"
|
||||
/>
|
||||
|
||||
<image
|
||||
filter="url(#pixelate)"
|
||||
xlink:href="cam2.png"
|
||||
width="100%"
|
||||
height="100%"
|
||||
|
@ -53,12 +33,12 @@
|
|||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="text-gray-600 bg-white body-font">
|
||||
<section class="text-white bg-black body-font border-b">
|
||||
<div class="container mx-auto flex px-5 py-24 md:flex-row flex-col items-center">
|
||||
<div
|
||||
class="lg:flex-grow md:w-1/2 lg:pl-32 md:pl-16 lg:pr-32 md:pr-16 flex flex-col md:items-start md:text-left mb-16 md:mb-0 items-center text-center"
|
||||
>
|
||||
<h1 class="md:text-5xl text-3xl font-bold mb-4 text-black">About</h1>
|
||||
<h1 class="md:text-5xl text-3xl font-bold mb-4">About</h1>
|
||||
|
||||
<p class="mb-8 leading-relaxed">
|
||||
ETHBrno² is an annual independent {`&`} open community hackathon (former conference) for supporters
|
||||
|
@ -75,20 +55,20 @@
|
|||
<div class="flex justify-center">
|
||||
<a
|
||||
href="https://join.ethbrno.cz/"
|
||||
class="inline-flex text-white bg-black border-0 py-2 px-6 focus:outline-none hover:bg-black text-lg"
|
||||
class="inline-flex text-black bg-white border-0 py-2 px-6 focus:outline-none hover:bg-gray-50 text-lg"
|
||||
>Apply To Hack</a
|
||||
>
|
||||
<a
|
||||
href="https://ethbrno.cz/sponsor-deck.pdf"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
class="ml-4 inline-flex text-black bg-white border-0 py-2 px-6 focus:outline-none hover:bg-gray-200 text-lg underline"
|
||||
class="ml-4 inline-flex bg-black border-0 py-2 px-6 focus:outline-none hover:bg-gray-900 text-lg underline"
|
||||
>Sponsor</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lg:max-w-lg lg:w-full md:w-1/2 w-5/6">
|
||||
<img class="object-cover object-center" alt="hero" src="key.png" />
|
||||
<img class="object-cover object-center" alt="hero" src="key_black.png" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
@ -54,7 +54,7 @@
|
|||
class="object-cover object-center grayscale hover:grayscale-0"
|
||||
decoding="async"
|
||||
loading="lazy"
|
||||
src="/venues/cc2.png"
|
||||
src="/venues/cc1.png"
|
||||
alt="venue"
|
||||
/>
|
||||
</div>
|
||||
|
|
Binární soubor nebyl zobrazen.
Za Šířka: | Výška: | Velikost: 14 KiB |
binární
static/venues/cc1.png
binární
static/venues/cc1.png
Binární soubor nebyl zobrazen.
Před Šířka: | Výška: | Velikost: 28 KiB Za Šířka: | Výška: | Velikost: 46 KiB |
Načítá se…
Odkázat v novém úkolu