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

Minor CSS fixes

Browse Source
This commit is contained in:
Raphaël Forment
2024-02-09 10:06:56 +01:00
parent e63133698c
commit e5ae8db6fa
3 changed files with 30 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/routes/articles/+page.svelte
View File

@ -16,7 +16,7 @@
<ul> <ul>
{#each data.articles as post} {#each data.articles as post}
<li <li
class="px-4 pb-4 my-4 rounded-lg bg-base-300 dark:bg-base-300 hover:bg-base-200 hover:dark:bg-base-200 border-1 border-color-base-100" class="list-none px-4 pb-4 my-4 rounded-lg bg-base-300 dark:bg-base-300 hover:bg-base-200 hover:dark:bg-base-200 border-1 border-color-base-100"
> >
<h2> <h2>
<a href={post.path}> <a href={post.path}>

21
src/routes/articles/[slug]/+page.svelte
View File

@ -1,14 +1,15 @@
<script> <script>
export let data; export let data;
</script> </script>
<article> <article>
<h1>{data.title}</h1> <h1>{data.title}</h1>
<div class="pt-4 flex justify-between mb-12"> <div class="pt-4 flex justify-between mb-12">
<p class="inline font-bold">Publié le : {data.date}</p> <p class="inline font-bold">Publié le : {data.date}</p>
<p class="inline font-bold">Auteur : {data.author}</p> <p class="inline font-bold">Auteur : {data.author}</p>
</div> </div>
<div class="px-12 content-center"> <div class="lg:px-12 content-center">
<svelte:component this={data.content} /> <svelte:component this={data.content} />
</div> </div>
</article> </article>

31
src/routes/guides/+page.svelte
View File

@ -1,23 +1,28 @@
<script lang="ts"> <script lang="ts">
export let data; export let data;
import Info from "$lib/components/Info.svelte"; import Info from "$lib/components/Info.svelte";
</script> </script>
<h1>Guides</h1> <h1>Guides</h1>
<Info info="Cette page est un recensement de guides proposés par les membres de la communauté pour apprendre à <i>live coder</i> ou se perfectionner. L'idée est de proposer des articles plus ou moins courts consacrés à un outil ou à une approche particulière du <i>live coding</i> Pour proposer un guide, référez-vous à l'article <a href='/guides/proposer_guide'>Proposer un guide</a>. Nous acceptons toutes les collaborations." markdown=false /> <Info
info="Cette page est un recensement de guides proposés par les membres de la communauté pour apprendre à <i>live coder</i> ou se perfectionner. L'idée est de proposer des articles plus ou moins courts consacrés à un outil ou à une approche particulière du <i>live coding</i> Pour proposer un guide, référez-vous à l'article <a href='/guides/proposer_guide'>Proposer un guide</a>. Nous acceptons toutes les collaborations."
markdown="false"
/>
<h2>Articles publiés</h2> <h2>Articles publiés</h2>
<ul> <ul>
{#each data.guides as post} {#each data.guides as post}
<li class="px-4 pb-4 my-4 rounded-lg bg-base-300 dark:bg-base-300 hover:bg-base-200 hover:dark:bg-base-200 border-1 border-color-base-100"> <li
<h2> class="list-none px-4 pb-4 my-4 rounded-lg bg-base-300 dark:bg-base-300 hover:bg-base-200 hover:dark:bg-base-200 border-1 border-color-base-100"
<a href={post.path}> >
{post.meta.title} <h2>
</a> <a href={post.path}>
</h2> {post.meta.title}
<p class="pt-2">Publié le : {post.meta.date} par {post.meta.author}</p> </a>
</li> </h2>
{/each} <p class="pt-2">Publié le : {post.meta.date} par {post.meta.author}</p>
</li>
{/each}
</ul> </ul>