Adrien/actuel-inactuel
1
0
Fork 0
Code Issues 13 Pull requests Projects Releases Packages Wiki Activity Actions

convert home to alpine

Browse source
This commit is contained in:
isUnknown 2024-01-25 18:34:32 +01:00
parent 4f8f01aa95
commit 77074c47bf
9 changed files with 159 additions and 42 deletions
Download patch file Download diff file Expand all files Collapse all files

13
site/blueprints/site.yml
View file

@ -1,5 +1,12 @@
title: Site
sections:
pages:
type: pages
tabs:
contentTab:
label: Contenu
sections:
fieldsSection:
label: Contenu
type: fields
fields:
edito:
type: writer

2
site/snippets/footer.php Normal file
View file

@ -0,0 +1,2 @@
</body>
</html>

36
site/snippets/header.php Normal file
View file

@ -0,0 +1,36 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title><?= $site->title() ?><?= e($page->url() !== $site->url(), '-' . $page->title()) ?></title>
<link rel="stylesheet" href="assets/style.css" />
<script src="assets/script.js" defer></script>
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
<meta name="robots" content="noindex">
</head>
<body class="grid">
<header id="header">
<div id="logo">
<a href="/">
<h1 id="actuel">actuel</h1>
<h1 id="inactuel">inactuel</h1>
</a>
</div>
<nav class="grid">
<div id="logo-nav">
<h1 id="actuel-nav">actuel</h1>
<h1 id="inactuel-nav">inactuel</h1>
</div>
<ul id="spaces">
<li>
<a href="#">accueil</a>
</li>
<li>
<a href="#">proposer une idée / un texte</a>
</li>
<li><a href="#">équipe</a></li>
<li><a href="#">mentions légales</a></li>
</ul>
</nav>
</header>

49
site/templates/home.php Normal file
View file

@ -0,0 +1,49 @@
<?php snippet('header') ?>
<main>
<h2 id="baseline">
critique des arts<br />
et des techniques
</h2>
<div id="tabs" x-data="{
activeTab: ''
}">
<div class="toggle-btns">
<button
class="toggle left"
:class="activeTab === 'edito' ? 'open' : 'close'"
@click="[openTab($data, 'edito'), scrollToElem('.content')]"
>éditorial</button>
<button
class="toggle right"
:class="activeTab === 'articles' ? 'open' : 'close'"
@click="[openTab($data, 'articles'), scrollToElem('.content')]"
>articles</button>
</div>
<div class="content">
<article x-show="activeTab === 'edito'">
<?= $site->edito() ?>
</article>
<ul x-show="activeTab === 'articles'">
<li class="article">
<a href="/article.html" class="article__title">
<strong
><em
>Le timbre dans l'<em>Inhumain</em> de Jean-François
Lyotard,</em
></strong
><br />
</a>
<div class="article__infos">
<button class="author">Cécile Fournel</button>,&nbsp;
<p>16 novembre 2023</p>
</div>
<div class="article__labels">
<button class="label label--year">1987</button>
<button class="label label--category">livre</button>
</div>
</li>
</ul>
</div>
</div>
</main>
<?php snippet('footer') ?>