Migration vers architecture Svelte + Kirby inspirée de design-to-pack
- Mise en place de Svelte 4 avec Vite pour le frontend (SPA) - Simplification des templates PHP (header/footer minimalistes) - Création de templates JSON pour API (home, about, expertise, portfolio, jouer, game, blog, article, project) - Ajout d'un controller de site pour définir genericData globalement - Structure des stores Svelte (page, navigation, locale, site) - Router avec navaid pour navigation SPA et interception des liens - Composants layout (Header, Footer, Cursor) et vues de base - Build Vite vers assets/dist/ (index.js/css) - Header PHP détecte assets/dist pour basculer dev/prod Architecture fonctionnelle de base établie, à améliorer et compléter. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
parent
c4456d587c
commit
cbe89acb21
53 changed files with 3348 additions and 772 deletions
|
|
@ -1,49 +1,2 @@
|
|||
<?php snippet('header') ?>
|
||||
|
||||
<main class="home">
|
||||
<!-- Hero Section -->
|
||||
<section class="hero">
|
||||
<div class="hero__content">
|
||||
<h1 class="hero__title">
|
||||
<?php
|
||||
$title = $page->hero_title()->value();
|
||||
$highlight = $page->hero_title_highlight()->value();
|
||||
if ($highlight) {
|
||||
echo str_replace($highlight, '<span class="highlight">' . $highlight . '</span>', $title);
|
||||
} else {
|
||||
echo $title;
|
||||
}
|
||||
?>
|
||||
</h1>
|
||||
|
||||
<?php if ($page->hero_subtitle()->isNotEmpty()): ?>
|
||||
<p class="hero__subtitle"><?= $page->hero_subtitle() ?></p>
|
||||
<?php endif ?>
|
||||
|
||||
<?php if ($page->hero_cta_text()->isNotEmpty()): ?>
|
||||
<a href="<?= $page->hero_cta_link()->toPage()?->url() ?? '#' ?>" class="hero__cta btn">
|
||||
<?= $page->hero_cta_text() ?>
|
||||
</a>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
|
||||
<?php if ($hero = $page->hero_image()->toFile()): ?>
|
||||
<div class="hero__image">
|
||||
<img src="<?= $hero->url() ?>" alt="<?= $page->hero_title() ?>">
|
||||
</div>
|
||||
<?php endif ?>
|
||||
|
||||
<!-- Floating Bubbles -->
|
||||
<?php if ($page->floating_bubbles()->isNotEmpty()): ?>
|
||||
<div class="hero__bubbles">
|
||||
<?php foreach ($page->floating_bubbles()->toStructure() as $bubble): ?>
|
||||
<div class="bubble bubble--<?= $bubble->position() ?>">
|
||||
<?= $bubble->text() ?>
|
||||
</div>
|
||||
<?php endforeach ?>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<?php snippet('footer') ?>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue