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

add structure to random

Browse source
This commit is contained in:
isUnknown 2024-04-15 18:13:03 +02:00
parent b8de28aade
commit 4f3712536a
8 changed files with 98 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

12
site/blueprints/pages/grid.yml
View file

@ -15,7 +15,19 @@ tabs:
label: Corps
type: fields
fields:
fullWidth:
label: Pleine largeur
type: toggle
body:
label: Corps
type: layout
layouts:
- 1/1
- 1/2, 1/2
- 1/3, 1/3, 1/3
fieldsets:
- text
- image
- line
- quote
metaTab: tabs/meta

2
site/snippets/header.php
View file

@ -16,7 +16,7 @@ $entryTopPos = $entryTopPos ?? 20;
<meta name="robots" content="noindex, nofollow, noarchive">
</head>
<body class="grid" data-template="<?= $page->template() ?>" >
<body class="background-grid <?= e($page->fullWidth() == 'true', 'full-width') ?>" data-template="<?= $page->template() ?>" >
<header id="main-header">
<div id="logo" >
<a id="logo__link" href="/" class="no-line">

45
site/snippets/panels.php
View file

@ -1,23 +1,52 @@
<?php
$firstCol = rand(0, 8);
$secondCol = rand(0, 8)
?>
<sidebar id="desktop-nav">
<ul>
<li class="left top" style="--left: <?= rand(0, 8) ?>; --top: <?= rand(0, 6) ?>">
<li
class="left top"
style="
--left: <?= e($page->fullWidth() != 'true', $firstCol, 0) ?>;
--top: <?= e($page->fullWidth() != 'true', rand(0, 6), 0) ?>
"
>
<button class="toggle-btn toggle-btn--left" onclick="togglePanel('left', event)">
années
</button>
</li>
<li class="left top" style="--left: <?= rand(0, 8) ?>; --top: <?= rand(0, 6) ?>">
<li
class="left top"
style="
--left: <?= e($page->fullWidth() != 'true', $secondCol, 0) ?>;
--top: <?= e($page->fullWidth() != 'true', rand(0, 6), 0) ?>
"
>
<button class="toggle-btn toggle-btn--left" onclick="togglePanel('right', event)">
catégories
</button>
</li>
<li class="empty
"></li>
<li class="left top" style="--left: <?= rand(0, 8) ?>; --top: <?= rand(0, 6) ?>">
<li
class="left top"
style="
--left: <?= e($page->fullWidth() != 'true', $firstCol, 0) ?>;
--top: <?= e($page->fullWidth() != 'true', rand(0, 6), 0) ?>
"
>
<a href="#">
s'abonner
</a>
</li>
<li class="left top" style="--left: <?= rand(0, 8) ?>; --top: <?= rand(0, 6) ?>">
<li
class="left top"
style="
--left: <?= e($page->fullWidth() != 'true', $secondCol, 0) ?>;
--top: <?= e($page->fullWidth() != 'true', rand(0, 6), 0) ?>
"
>
<a href="<?= $site->find('a-propos')->url() ?>">
à propos
</a>
@ -157,8 +186,8 @@
<ul class="panel__items">
<?php
$categories = $kirby->collection('categories');
shuffle($categories);
foreach($categories as $category): ?>
shuffle($categories);
foreach($categories as $category): ?>
<li
class="panel__item "
x-data='{ isOpen: false }'
@ -182,8 +211,8 @@
>
<ul class="panel-item-content__texts">
<?php
shuffle($category['texts']);
foreach($category['texts'] as $article): ?>
shuffle($category['texts']);
foreach($category['texts'] as $article): ?>
<li
class="text"
x-data="{

31
site/templates/grid.php Normal file
View file

@ -0,0 +1,31 @@
<?php snippet('header') ?>
<main id="<?= $page->template() ?>">
<article>
<?php snippet('cover', array('isOpen' => true), slots: true) ?>
<?php slot('title') ?>
<h2 class="main-title <?= setTitleFontSizeClass($page->title()) ?>"><?= $page->title() ?></h2>
<p>
<span class="light">par</span>
<a class="author" href="/auteurs/<?= Str::slug($page->author()->toUser()->name()) ?>"><?= $page->author()->toUser()->name() ?></a><br>
<span class="light">publié le </span><?= $page->published()->toDate('d/m/Y') ?><br>
<span class="light">dans</span> <a href="<?= $page->parent()->url() ?>"><?= $page->parent()->title() ?></a> / <a href="/categories/<?= $page->category() ?>"><?= $page->category() ?></a>
</p>
<?php endslot() ?>
<?php endsnippet() ?>
<div class="content">
<?php foreach ($page->body()->toLayouts() as $layout): ?>
<section class="grid" id="<?= $layout->id() ?>">
<?php foreach ($layout->columns() as $column): ?>
<div class="column" style="--span:<?= $column->span() ?>">
<div class="blocks">
<?= $column->blocks() ?>
</div>
</div>
<?php endforeach ?>
</section>
<?php endforeach ?>
</div>
</article>
</main>
<?php snippet('footer') ?>