GauthierWebDev/memento-dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

rework/lightweight #12

Merged
GauthierWebDev merged 106 commits from rework/lightweight into main 2025-04-21 16:27:38 +00:00
Conversation 0 Commits 106 Files Changed 251 +6 -6
3 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 7922b66970 - Show all commits

2
app/pages/+config.ts
View File

@ -18,7 +18,7 @@ export default {
class: "h-full antialiased", class: "h-full antialiased",
}, },
bodyAttributes: { bodyAttributes: {
class: "flex min-h-full bg-white dark:bg-slate-900", class: "flex min-h-full bg-white",
}, },
prerender: true, prerender: true,

4
app/partials/HeroSection.tsx
View File

@ -36,7 +36,7 @@ function TrafficLightsIcon(props: JSX.IntrinsicElements["svg"]) {
export function HeroSection() { export function HeroSection() {
return ( return (
<div class="overflow-hidden bg-slate-900 dark:mt-[-4.75rem] dark:-mb-32 dark:pt-[4.75rem] dark:pb-32"> <div class="overflow-hidden bg-slate-900">
<div class="py-16 sm:px-2 lg:relative lg:px-0 lg:py-20"> <div class="py-16 sm:px-2 lg:relative lg:px-0 lg:py-20">
<div class="mx-auto grid max-w-2xl w-full grid-cols-1 items-center gap-x-8 gap-y-16 px-4 lg:max-w-8xl lg:grid-cols-2 lg:px-8 xl:gap-x-16 xl:px-12"> <div class="mx-auto grid max-w-2xl w-full grid-cols-1 items-center gap-x-8 gap-y-16 px-4 lg:max-w-8xl lg:grid-cols-2 lg:px-8 xl:gap-x-16 xl:px-12">
<div class="relative z-10 md:text-center lg:text-left"> <div class="relative z-10 md:text-center lg:text-left">
@ -67,7 +67,7 @@ export function HeroSection() {
</div> </div>
</div> </div>
<div class="relative lg:static xl:pl-10"> <div class="relative lg:static xl:pl-10">
<div class="absolute inset-x-[-50vw] -top-32 -bottom-48 [mask-image:linear-gradient(transparent,white,white)] lg:-top-32 lg:right-0 lg:-bottom-32 lg:left-[calc(50%+14rem)] lg:[mask-image:none] dark:[mask-image:linear-gradient(transparent,white,transparent)] lg:dark:[mask-image:linear-gradient(white,white,transparent)]"> <div class="absolute inset-x-[-50vw] -top-32 -bottom-48 [mask-image:linear-gradient(transparent,white,white)] lg:-top-32 lg:right-0 lg:-bottom-32 lg:left-[calc(50%+14rem)] lg:[mask-image:none]">
<HeroBackground class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 lg:left-0 lg:translate-x-0 lg:translate-y-[-60%]" /> <HeroBackground class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 lg:left-0 lg:translate-x-0 lg:translate-y-[-60%]" />
</div> </div>
<div class="relative"> <div class="relative">

6
app/partials/TableOfContents.tsx
View File

@ -80,14 +80,14 @@ export function TableOfContents(props: TableOfContentsProps) {
class={clsx( class={clsx(
isActive(section) isActive(section)
? "text-violet-500" ? "text-violet-500"
: "font-normal text-slate-500 hover:text-slate-700 dark:text-slate-400 dark:hover:text-slate-300", : "font-normal text-slate-500 hover:text-slate-700",
)} )}
> >
{section.title} {section.title}
</Link> </Link>
</h3> </h3>
{section.children.length > 0 && ( {section.children.length > 0 && (
<ol class="mt-2 space-y-3 pl-5 text-slate-500 dark:text-slate-400"> <ol class="mt-2 space-y-3 pl-5 text-slate-500">
<For each={section.children}> <For each={section.children}>
{(subSection) => ( {(subSection) => (
<li> <li>
@ -96,7 +96,7 @@ export function TableOfContents(props: TableOfContentsProps) {
class={ class={
isActive(subSection) isActive(subSection)
? "text-violet-500" ? "text-violet-500"
: "hover:text-slate-600 dark:hover:text-slate-300" : "hover:text-slate-600"
} }
> >
{subSection.title} {subSection.title}