improve design
This commit is contained in:
parent
26047fb0e1
commit
266765fa75
26 changed files with 99 additions and 180 deletions
|
|
@ -6,7 +6,9 @@ $isOpen = isset($isOpen) ? $isOpen : false;
|
|||
class="page-cover"
|
||||
>
|
||||
<div class="title-wrapper">
|
||||
<?= $slots->title() ?>
|
||||
<a href="#main-content" class="no-underline">
|
||||
<?= $slots->title() ?>
|
||||
</a>
|
||||
</div>
|
||||
<?php if ($slots->text()): ?>
|
||||
<div class="text-wrapper">
|
||||
|
|
|
|||
|
|
@ -1,46 +0,0 @@
|
|||
<?php
|
||||
$firstCol = rand(0, 8);
|
||||
$secondCol = rand(0, 8);
|
||||
?>
|
||||
|
||||
<sidebar id="desktop-nav">
|
||||
<ul>
|
||||
<li
|
||||
class="left top"
|
||||
>
|
||||
<button class="toggle-btn toggle-btn--left" onclick="togglePanel('left', event)">
|
||||
années
|
||||
</button>
|
||||
</li>
|
||||
<li
|
||||
class="left top"
|
||||
>
|
||||
<button class="toggle-btn toggle-btn--left" onclick="togglePanel('right', event)">
|
||||
catégories
|
||||
</button>
|
||||
</li>
|
||||
<li class="empty
|
||||
"></li>
|
||||
<li
|
||||
class="left top"
|
||||
id="subscribe-btn-wrapper"
|
||||
>
|
||||
<button onclick="showSubscribeField(event)">
|
||||
s'inscrire
|
||||
</button>
|
||||
<form id="subscribe-form" class="hidden">
|
||||
<label for="email">
|
||||
<input type="email" name="email" id="email" placeholder="votre e-mail">
|
||||
<button type="submit" onclick="subscribe(event)">→</button>
|
||||
</label>
|
||||
</form>
|
||||
</li>
|
||||
<li
|
||||
class="left top"
|
||||
>
|
||||
<a href="<?= $site->find('a-propos')->url() ?>">
|
||||
à propos
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</sidebar>
|
||||
|
|
@ -1,13 +1,26 @@
|
|||
<footer id="main-footer">
|
||||
<ul id="links">
|
||||
<li>
|
||||
<button class="plus open-nav" title="ouvrir la navigation">textes</button>
|
||||
</li>
|
||||
<li
|
||||
id="subscribe-btn-wrapper"
|
||||
>
|
||||
<button id="subscribe-btn" class="plus">
|
||||
s'inscrire
|
||||
</button>
|
||||
<form id="subscribe-form" class="hidden">
|
||||
<label for="email">
|
||||
<input type="email" name="email" id="email" placeholder="votre e-mail">
|
||||
<button type="submit" onclick="subscribe(event)">→</button>
|
||||
</label>
|
||||
</form>
|
||||
</li>
|
||||
<li>
|
||||
<a href="<?= $site->find('a-propos')->url() ?>">
|
||||
à propos
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">s'abonner</a>
|
||||
</li>
|
||||
</ul>
|
||||
</footer>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -36,7 +36,7 @@ $entryTopPos = $entryTopPos ?? 20;
|
|||
</head>
|
||||
<body class="background-grid <?= e($page->fullWidth() == 'true', 'full-width') ?>" data-template="<?= $page->template() ?>" >
|
||||
<header id="main-header">
|
||||
<a id="logo" href="/" class="no-line">
|
||||
<a id="logo" href="<?= $site->url() ?>" class="no-underline" title="aller à l'accueil">
|
||||
<h1>
|
||||
<span id="actuel">actuel</span>
|
||||
<span id="inactuel">inactuel</span>
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
|| slugify(category).includes(slugify(search))
|
||||
"
|
||||
>
|
||||
<a href="<?= $article->url() ?>" class="text__title no-line">
|
||||
<a href="<?= $article->url() ?>" class="text__title no-underline">
|
||||
<h4><?= $article->title() ?></h4>
|
||||
</a>
|
||||
<div class="text__infos">
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
class="panel__item "
|
||||
x-data='{ isOpen: false }'
|
||||
>
|
||||
<a class="no-line" href="#<?= $section->slug() ?>" id="<?= $section->slug() ?>">
|
||||
<a class="no-underline" href="#<?= $section->slug() ?>" id="<?= $section->slug() ?>">
|
||||
<button
|
||||
class="panel__toggle-btn"
|
||||
:class="isOpen ? '' : 'short'"
|
||||
|
|
@ -55,7 +55,7 @@
|
|||
|| slugify(category).includes(slugify(search))
|
||||
"
|
||||
>
|
||||
<a href="<?= $article->url() ?>" class="text__title no-line">
|
||||
<a href="<?= $article->url() ?>" class="text__title no-underline">
|
||||
<h4><?= $article->title() ?></h4>
|
||||
</a>
|
||||
<div class="text__infos">
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<li
|
||||
class="text"
|
||||
>
|
||||
<a href="<?= $article->url() ?>" class="text__title no-line">
|
||||
<a href="<?= $article->url() ?>" class="text__title no-underline">
|
||||
<h3><?= $article->title() ?></h3>
|
||||
</a>
|
||||
<div class="text__infos">
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@
|
|||
<li
|
||||
class="text"
|
||||
>
|
||||
<a href="<?= $article->url() ?>" class="text__title no-line">
|
||||
<a href="<?= $article->url() ?>" class="text__title no-underline">
|
||||
<h4><?= $article->title() ?></h4>
|
||||
</a>
|
||||
<div class="text__infos">
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@
|
|||
<li
|
||||
class="text"
|
||||
>
|
||||
<a href="<?= $article->url() ?>" class="text__title no-line">
|
||||
<a href="<?= $article->url() ?>" class="text__title no-underline">
|
||||
<h4><?= $article->title() ?></h4>
|
||||
</a>
|
||||
<div class="text__infos">
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@
|
|||
</p>
|
||||
<?php endslot() ?>
|
||||
<?php endsnippet() ?>
|
||||
<div class="content">
|
||||
<div id="main-content">
|
||||
<?php foreach ($page->body()->toLayouts() as $layout): ?>
|
||||
<section class="grid" id="<?= $layout->id() ?>" data-columns="<?= $layout->columns()->count() ?>">
|
||||
<?php foreach ($layout->columns() as $column): ?>
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
<?php slot('title') ?>
|
||||
<a
|
||||
href="#main-edito"
|
||||
class="no-line"
|
||||
class="no-underline"
|
||||
title="lire l'éditorial"
|
||||
>
|
||||
<h2 class="main-title <?= setTitleFontSizeClass($site->subtitle()) ?>"><?= $site->subtitle()->inline() ?></h2>
|
||||
|
|
@ -14,10 +14,9 @@
|
|||
class="main-edito-btn | toggle-btn toggle-btn--left"
|
||||
>éditorial</p>
|
||||
</a>
|
||||
<button class="plus-btn open-nav">textes</button>
|
||||
<?php endslot() ?>
|
||||
<?php endsnippet() ?>
|
||||
<div id="main-edito" class="content">
|
||||
<div id="main-edito" id="main-content">
|
||||
<?= $site->edito() ?>
|
||||
</div>
|
||||
</article>
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@
|
|||
>categories</button>
|
||||
</div>
|
||||
<article>
|
||||
<div class="content">
|
||||
<div id="main-content">
|
||||
<?= $page->body() ?>
|
||||
</div>
|
||||
</article>
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@
|
|||
</p>
|
||||
<?php endslot() ?>
|
||||
<?php endsnippet() ?>
|
||||
<div class="content">
|
||||
<div id="main-content">
|
||||
<?= $page->body() ?>
|
||||
</div>
|
||||
</article>
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@
|
|||
<li
|
||||
class="text"
|
||||
>
|
||||
<a href="<?= $article->url() ?>" class="text__title no-line">
|
||||
<a href="<?= $article->url() ?>" class="text__title no-underline">
|
||||
<h4><?= $article->title() ?></h4>
|
||||
</a>
|
||||
<div class="text__infos">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue