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

add footer and style home

Browse source
This commit is contained in:
isUnknown 2024-01-26 11:03:42 +01:00
parent 1d135a1b7d
commit 61c1067f22
14 changed files with 364 additions and 447 deletions
Download patch file Download diff file Expand all files Collapse all files

22
site/snippets/footer.php
View file

@ -1,6 +1,22 @@
<footer>
<ul id="links">
<li>à propos</li>
<footer id="main-footer" class="| width padding left right bottom top" style="
--width:18;
--left:1;
--right:1;
--bottom:1;
--top:1;
">
<ul id="links" class="| flex full-width" style="
--content: center;
--gap: 1;
">
<li>
<a href="#">
à propos
</a>
</li>
<li>
<a href="#">s'abonner</a>
</li>
</ul>
</footer>
</body>

20
site/snippets/header.php
View file

@ -5,32 +5,16 @@
<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/css/style.css" />
<script src="assets/script.js" defer></script>
<script src="assets/js/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="/">
<a href="/" class="no-line">
<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>

14
site/templates/home.php
View file

@ -1,13 +1,21 @@
<?php snippet('header') ?>
<main>
<h2 id="baseline">
<main class="top bottom" style="
--top:6;
--bottom: 3;
">
<h2 class="| fs-m fw-light ta-center full-width flex" style="
--content:center;
">
critique des arts<br />
et des techniques
</h2>
<div id="tabs" x-data="{
activeTab: ''
}">
<div class="toggle-btns">
<div class="toggle-btns | top flex space-between" style="
--top:10;
--content:space-between;
">
<button
class="toggle left"
:class="activeTab === 'edito' ? 'open' : 'close'"