ethbrno/eb2-website
ethbrno
/
eb2-website
3
1
Rozštěpit 0
Zdrojový kód Úkoly 5 Požadavky na natažení Balíčky Projekty 1 Vydání 1 Aktivita

responsivity fixes
ci/woodpecker/push/woodpecker Pipeline was successful Podrobnosti

This commit is contained in:
Adam Sobotka 2022-10-14 15:27:52 +02:00
rodič c8babb93fe
revize 9c7a005994
4 změnil soubory, kde provedl 16 přidání a 16 odebrání
Zobrazit statistiky Stáhněte soubor záplaty Stáhněte rozdílový soubor Rozbalit všechny soubory Sbalit všechny soubory

10
src/lib/Navigation.svelte
Zobrazit soubor

@ -8,8 +8,8 @@
</script>
<nav class="flex flex-wrap items-center justify-center py-6 bg-white mx-auto sticky top-0 z-50">
<div class="container flex flex-wrap items-center justify-between lg:max-w-screen-xl px-3">
<div class="w-full relative flex justify-between lg:w-auto lg:static lg:block lg:justify-start">
<div class="container flex flex-wrap items-center justify-between xl:max-w-screen-xl px-3">
<div class="w-full relative flex justify-between xl:w-auto xl:static xl:block xl:justify-start">
<a
class="text-sm leading-relaxed flex items-center justify-center"
href="/"
@ -18,7 +18,7 @@
<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"
class="text-black cursor-pointer text-xl leading-none px-3 py-1 border border-solid border-transparent rounded bg-transparent block xl:hidden outline-none focus:outline-none"
type="button"
on:click={() => open = !open}
>
@ -26,9 +26,9 @@
</button>
</div>
<div class="{open ? 'lg:flex flex-grow items-center flex' : 'lg:flex flex-grow items-center hidden'}" id="navbar">
<div class="{open ? 'xl:flex flex-grow items-center flex' : 'xl:flex flex-grow items-center hidden'}" id="navbar">
<ul
class="flex flex-col lg:flex-row lg:flex-grow-0 lg:mt-0 list-none lg:ml-auto text-base flex-grow my-8 lg:my-0"
class="flex flex-col xl:flex-row xl:flex-grow-0 xl:mt-0 list-none xl:ml-auto text-base flex-grow my-8 xl:my-0"
>
<li>
<a

12
src/routes/+page.svelte
Zobrazit soubor

@ -7,7 +7,7 @@
<img src="cam2.png" class="object-cover object-center" alt="cam" />
</div>
<div
class="md:w-5/12 lg:py-32 md:py-16 pt-4 flex flex-col md:items-start md:text-left mx-auto items-center text-center text-white transition-transform"
class="md:w-5/12 xl:py-32 md:py-16 pt-4 flex flex-col md:items-start md:text-left mx-auto items-center text-center text-white transition-transform"
>
<img src="logo.svg" class="md:-ml-4 p-2 md:p-0 w-[343px] h-[127px]" alt="logo" />
<p class="text-3xl my-2">privacy {`&`} security edition</p>
@ -25,7 +25,7 @@
<section class="text-black bg-white 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"
class="xl:flex-grow md:w-1/2 xl:pl-32 md:pl-16 xl: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">About</h1>
@ -56,18 +56,18 @@
>
</div>
</div>
<div class="lg:max-w-lg lg:w-full md:w-1/2 w-full">
<div class="xl:max-w-lg xl:w-full md:w-1/2 w-full">
<img class="object-cover object-center" alt="hero" src="key.png" />
</div>
</div>
</section>
<section class="text-white bg-black body-font">
<div class="container mx-auto flex px-5 py-24 md:flex-row flex-col items-center">
<div class="lg:max-w-lg lg:w-full md:w-1/2 w-full md:mb-0 mb-10 flex justify-center">
<div class="xl:max-w-lg xl:w-full md:w-1/2 w-full md:mb-0 mb-10 flex justify-center">
<img class="object-cover object-center" alt="hero" src="lock.png" />
</div>
<div
class="lg:flex-grow md:w-1/2 lg:pl-32 md:pl-2 lg:pr-32 md:pr-8 flex flex-col md:items-start md:text-left items-center text-center"
class="xl:flex-grow md:w-1/2 xl:pl-32 md:pl-2 xl:pr-32 md:pr-8 flex flex-col md:items-start md:text-left items-center text-center"
>
<h1 class="md:text-5xl text-3xl mb-4 font-bold text-white">Manifesto</h1>
<p class="mb-4 leading-relaxed">
@ -95,7 +95,7 @@
<section class="text-white bg-black body-font">
<div class="container mx-auto flex px-5 py-24 md:flex-row flex-col items-center">
<div
class="lg:flex-grow lg:pl-32 md:pl-16 lg:pr-32 md:pr-16 flex flex-col md:items-start md:text-left items-center text-center"
class="flex-grow xl:pl-32 md:pl-16 xl:pr-32 md:pr-16 flex flex-col md:items-start md:text-left items-center text-center"
>
<h1 class="md:text-5xl text-3xl mb-8 font-bold text-white">Sponsors</h1>
<div class="mb-4 flex flex-row w-full items-center">

2
src/routes/contributors/+page.svelte
Zobrazit soubor

@ -12,7 +12,7 @@
<div class=" px-5 py-24 mx-auto">
<div class="flex flex-col text-center w-full mb-20">
<h1 class="sm:text-4xl text-3xl font-medium title-font mb-2 text-white">Speakers</h1>
<p class="lg:w-2/3 mx-auto leading-relaxed text-base">
<p class="xl:w-2/3 mx-auto leading-relaxed text-base">
We are here to inspire and help your project succeed.
</p>
<div class="flex mx-auto border-2 border-black overflow-hidden mt-6 bg-black">

8
src/routes/venues/+page.svelte
Zobrazit soubor

@ -4,7 +4,7 @@
<section class="text-gray-400 bg-black body-font">
<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:pr-24 md:pr-16 flex flex-col md:items-start md:text-left mb-16 md:mb-0 items-center text-center"
class="xl:flex-grow md:w-1/2 xl:pr-24 md:pr-16 flex flex-col md:items-start md:text-left mb-16 md:mb-0 items-center text-center"
>
<h1 class="title-font sm:text-4xl text-3xl mb-4 font-medium text-white">
<a href="https://www.hubbrno.cz/en/" class="hover:underline"> Impact Hub Brno </a>
@ -36,7 +36,7 @@
</a>
</div>
</div>
<div class="lg:max-w-lg lg:w-full md:w-1/2 w-5/6">
<div class="xl:max-w-lg xl:w-full md:w-1/2 w-5/6">
<img
class="object-cover object-center "
decoding="async"
@ -49,7 +49,7 @@
</section>
<section class="text-gray-400 bg-black body-font">
<div class="container mx-auto flex px-5 py-24 md:flex-row flex-col items-center">
<div class="lg:max-w-lg lg:w-full md:w-1/2 w-5/6 md:mb-0 mb-10">
<div class="xl:max-w-lg xl:w-full md:w-1/2 w-5/6 md:mb-0 mb-10">
<img
class="object-cover object-center grayscale hover:grayscale-0"
decoding="async"
@ -59,7 +59,7 @@
/>
</div>
<div
class="lg:flex-grow md:w-1/2 lg:pl-24 md:pl-16 flex flex-col md:items-start md:text-left items-center text-center"
class="xl:flex-grow md:w-1/2 xl:pl-24 md:pl-16 flex flex-col md:items-start md:text-left items-center text-center"
>
<h1 class="title-font sm:text-4xl text-3xl mb-4 font-medium text-white">Clubco Brno</h1>
<p class="leading-relaxed text-white">Opening hours:</p>