sergio/saladeaula.digital
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update files

Browse Source
This commit is contained in:
Sérgio Rafael Siqueira
2025-04-22 17:46:07 -03:00
parent dd84a9d1d2
commit 270a9c6e68
39 changed files with 93 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
superpage/src/pages/[slug].astro
View File

@@ -138,7 +138,6 @@ const trainer = data.course?.trainer ? await getEntry(data.course?.trainer) : nu
</Container>
</div>
<Container>
<div class="border border-lime-400 rounded-2xl lg:grid grid-cols-3">
<div
@@ -197,40 +196,40 @@ const trainer = data.course?.trainer ? await getEntry(data.course?.trainer) : nu
</div>
<div class="lg:col-span-2 flex flex-col gap-1.5">
{
data.course.modules.map((summary) => (
<div
x-data="{ open: false }"
class="bg-white/10 rounded-lg w-full"
:class="{'bg-white/15': open === true}"
>
data.course.modules.map((data) => {
if (typeof data === 'string') {
return <div class="bg-white/10 rounded-lg w-full px-5 py-3">{data}</div>
}
const { summary, content } = data
return (
<div
class="cursor-pointer flex items-center justify-between px-5 py-3"
x-on:click="open = !open"
x-data="{ open: false }"
class="bg-white/10 rounded-lg w-full"
:class="{'bg-white/15': open === true}"
>
<span>{summary}</span>
<Icon
name="chevron"
class="size-4 fill-white/60 group-data-[hover]:fill-white/50 shrink-0"
:class="{'-rotate-180': open === true}"
/>
<div
class="cursor-pointer flex items-center justify-between px-5 py-3"
x-on:click="open = !open"
>
<span>{summary}</span>
<Icon
name="chevron"
class="size-4 fill-white/60 group-data-[hover]:fill-white/50 shrink-0"
:class="{'-rotate-180': open === true}"
/>
</div>
<div
x-show="open"
class="text-sm/6 text-white/70 space-y-2 px-5 pb-3"
style="display: none;"
>
{content}
</div>
</div>
<div
x-show="open"
class="text-sm/6 text-white/70 space-y-2 px-5 pb-3"
style="display: none;"
>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet neque id
libero semper vulputate a ut ex. Pellentesque semper ultrices mi in efficitur.
</p>
<p>
Nulla sit amet quam eu neque convallis volutpat. Pellentesque eu commodo sem.
Suspendisse ac lobortis massa, ac mattis mauris. Integer malesuada bibendum ante,
sed consequat augue convallis et.
</p>
</div>
</div>
))
)
})
}
</div>
</Container>
@@ -278,15 +277,13 @@ const trainer = data.course?.trainer ? await getEntry(data.course?.trainer) : nu
<div class="text-sm/6 text-white/70 space-y-2.5" set:html={trainer?.rendered?.html} />
<div class="flex">
{
trainer.data.networks.map(({ url, alt }) => {
return (
<a href={url} target="_blank" aria-labelledby={alt}>
<Icon name={alt.toLowerCase()} class="fill-white/70 size-5" />
</a>
)
})
}
{trainer.data.networks.map(({ url, alt }) => {
return (
<a href={url} target="_blank" aria-labelledby={alt}>
<Icon name={alt.toLowerCase()} class="fill-white/70 size-5" />
</a>
)
})}
</div>
</div>
</div>
@@ -302,5 +299,4 @@ const trainer = data.course?.trainer ? await getEntry(data.course?.trainer) : nu
</Container>
<!-- Contact Form End -->
</section>
</Layout>