This commit is contained in:
parent
3ddb62c072
commit
e349e642cb
10 changed files with 63 additions and 40 deletions
31
site/snippets/mobile-menu.php
Normal file
31
site/snippets/mobile-menu.php
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
<nav class="mobile-menu">
|
||||
|
||||
<button popovertarget="mobile-menu-content">
|
||||
<h1 class="toggle-mobile-menu">
|
||||
<span>Menu</span>
|
||||
</h1>
|
||||
</button>
|
||||
|
||||
<dialog id="mobile-menu-content" popover>
|
||||
<h1 class="title-nav">
|
||||
<a href="<?= page('home')->url() ?>">
|
||||
Hic et Nunc Studio
|
||||
</a>
|
||||
</h1>
|
||||
<ul>
|
||||
<li>
|
||||
<a class="nav-item-home" href="<?= page('home')->url() ?>"><?= page('home')->title() ?></a>,
|
||||
</li>
|
||||
<li>
|
||||
<a class="nav-item-projects" href="<?= page('index')->url() ?>"><?= page('index')->title() ?></a>,
|
||||
</li>
|
||||
<li>
|
||||
<a class="nav-item-about" href="<?= page('infos')->url() ?>"><?= page('infos')->title() ?></a>
|
||||
</li>
|
||||
</ul>
|
||||
<button popovertarget="mobile-menu-content" popovertargetaction="hide" class="toggle-mobile-menu">
|
||||
Fermer
|
||||
</button>
|
||||
</dialog>
|
||||
|
||||
</nav>
|
||||
|
|
@ -20,34 +20,3 @@
|
|||
</ul>
|
||||
</nav>
|
||||
|
||||
<nav class="mobile-menu">
|
||||
|
||||
<button command="show-modal" commandfor="mobile-menu-content">
|
||||
<h1 class="toggle-mobile-menu">
|
||||
Menu
|
||||
</h1>
|
||||
</button>
|
||||
|
||||
<dialog id="mobile-menu-content" closedby="any">
|
||||
<h1 class="title-nav">
|
||||
<a href="<?= page('home')->url() ?>">
|
||||
Hic et Nunc Studio
|
||||
</a>
|
||||
</h1>
|
||||
<ul>
|
||||
<li>
|
||||
<a class="nav-item-home" href="<?= page('home')->url() ?>"><?= page('home')->title() ?></a>,
|
||||
</li>
|
||||
<li>
|
||||
<a class="nav-item-projects" href="<?= page('index')->url() ?>"><?= page('index')->title() ?></a>,
|
||||
</li>
|
||||
<li>
|
||||
<a class="nav-item-about" href="<?= page('infos')->url() ?>"><?= page('infos')->title() ?></a>
|
||||
</li>
|
||||
</ul>
|
||||
<button commandfor="mobile-menu-content" command="close" class="toggle-mobile-menu">
|
||||
Fermer
|
||||
</button>
|
||||
</dialog>
|
||||
|
||||
</nav>
|
||||
|
|
@ -1,5 +1,7 @@
|
|||
<?php snippet('header') ?>
|
||||
|
||||
<?php snippet('mobile-menu') ?>
|
||||
|
||||
<div id="home-slideshow">
|
||||
|
||||
<?php foreach ($slides as $slide): ?>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<?php snippet('header') ?>
|
||||
|
||||
|
||||
<?php snippet('mobile-menu') ?>
|
||||
|
||||
<ul class="projects-index">
|
||||
<li class="filter-menu">
|
||||
|
|
@ -21,7 +21,7 @@
|
|||
<span> <?= $project->tags() ?> </span>
|
||||
<span class="date"> <?= $project->date()->toDate('Y') ?> </span>
|
||||
</button>
|
||||
<span class="slide-number"><span class="active-index">0</span>/<?= $project->images()->count() ?></span>
|
||||
<span class="slide-number">slide number/total slides</span>
|
||||
</div>
|
||||
<section class="toggle">
|
||||
<div class= "project-slideshow-container">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,8 @@
|
|||
<?php snippet('header') ?>
|
||||
|
||||
<?php snippet('mobile-menu') ?>
|
||||
|
||||
|
||||
<section class="main-infos">
|
||||
<p>
|
||||
<?= $page->presentation() ?>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue