BuboBubo/livecodingfr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

at least now it's readable

Browse Source
This commit is contained in:
Raphaël Forment
2023-11-03 17:23:43 +01:00
parent cf6c57f528
commit ef68601320
19 changed files with 146 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app.postcss
View File

@ -12,10 +12,10 @@
@apply list-disc text-xl;
}
h1 {
@apply text-3xl border-b-2 py-2 font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-orange-300 to-orange-200;
@apply text-3xl border-b-2 dark:border-b-white border-b-gray-400 py-2 font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-orange-300 to-orange-200;
}
h2 {
@apply text-2xl border-b-2 py-2 font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-orange-300 to-orange-200;
@apply text-2xl border-b-2 dark:border-b-white border-b-gray-400 py-2 font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-orange-300 to-orange-200;
}
h3 {
@apply text-2xl bg-white text-right underline py-2 font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-orange-200 to-orange-300 pr-4;

2
src/lib/Info.svelte
View File

@ -14,7 +14,7 @@
});
</script>
<div class="alert">
<div class="alert bg-base-300 dark:bg-base-300">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"

2
src/lib/Portrait.svelte
View File

@ -7,7 +7,7 @@
</script>
<div
class="mx-2 w-full max-w-sm bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700"
class="mx-2 w-full max-w-sm bg-base-300 dark:bg-base-300 border border-gray-200 rounded-lg shadow dark:border-gray-700"
>
<div class="flex justify-end px-4 pt-4" />
<div class="flex flex-col items-center pb-10">

4
src/lib/SoftwareCard.svelte
View File

@ -6,8 +6,8 @@
export let description: string;
</script>
<div class="card card-side bg-base-100 shadow-xl">
<figure class="object-cover h-80 w-1/2">
<div class="card card-side shadow-xl bg-base-300 dark:bg-base-300">
<figure class="object-cover h-80 w-1/2 pl-8">
<img src={image} alt={description} class="object-cover" />
</figure>
<div class="card-body">

53
src/routes/+page.svelte
View File

@ -39,7 +39,7 @@
</script>
<div>
<div class="bg-base-300">
<div class="bg-neutral-800 dark:bg-base-300">
<nav class="pl-8 py-2 md:flex md:justify-between md:items-center pr-8">
<div class="flex items-center justify-between">
<a
@ -112,7 +112,7 @@
</div>
</div>
<main>
<main class="bg-gray-100 dark:bg-base-100">
<div class="drawer lg:drawer-open">
<input id="my-drawer-2" type="checkbox" class="drawer-toggle" />
<div class="drawer-content space-y-4 flex flex-col px-16 py-8">
@ -124,45 +124,60 @@
aria-label="close sidebar"
class="drawer-overlay"
/>
<ul class="menu p-4 w-40 min-h-full bg-base-300 text-base-content">
<ul
class="menu p-4 w-40 min-h-full bg-neutral-800 dark:bg-base-300 text-base-content"
>
<li class="text-xl">
<a class="text-white" on:click={() => changePage("Evenements")}
>Évènements</a
<a
class="text-white hover:text-orange-300"
on:click={() => changePage("Evenements")}>Évènements</a
>
</li>
<li class="text-xl">
<a class="text-white" on:click={() => changePage("Membres")}
>Membres</a
<a
class="text-white hover:text-orange-300"
on:click={() => changePage("Membres")}>Membres</a
>
</li>
<li class="text-xl">
<a class="text-white" on:click={() => changePage("Outils")}>Outils</a>
</li>
<li class="text-xl">
<a class="text-white" on:click={() => changePage("Réseaux")}
>Réseaux</a
<a
class="text-white hover:text-orange-300"
on:click={() => changePage("Outils")}>Outils</a
>
</li>
<li class="text-xl">
<a class="text-white" on:click={() => changePage("Ressources")}
>Ressources</a
<a
class="text-white hover:text-orange-300"
on:click={() => changePage("Réseaux")}>Réseaux</a
>
</li>
<li class="text-xl">
<a
class="text-white hover:text-orange-300"
on:click={() => changePage("Ressources")}>Ressources</a
>
</li>
<li class="text-xl">
<a class="text-white" on:click={() => changePage("Presse")}>Presse</a>
<a
class="text-white hover:text-orange-300"
on:click={() => changePage("Presse")}>Presse</a
>
</li>
<li class="text-xl">
<a class="text-white" on:click={() => changePage("Contact")}
>Contact</a
<a
class="text-white hover:text-orange-300"
on:click={() => changePage("Contact")}>Contact</a
>
</li>
</ul>
</div>
</div>
<footer class="footer ml-0 pl-0 pb-4 pt-4 bg-base-300 justify-between pr-16">
<p class="indent-4 text-base">Raphaël Forment</p>
<footer
class="footer ml-0 pl-0 pb-4 pt-4 bg-neutral-800 dark:bg-base-300 justify-between pr-16"
>
<p class="indent-4 text-bold text-white">Raphaël Forment</p>
<p>
<a class="pl-4" href="https://github.com/Bubobubobubobubo/livecodingfr"
>GitHub</a