studio-variable/hic-et-nunc
5
0
Fork 0
Code Issues 3 Pull requests Projects Releases Packages Wiki Activity Actions

CSS > mobile (round 3)
All checks were successful
Deploy / Deploy to Production (push) Successful in 3s
Details

Browse source
This commit is contained in:
Camilledenoray 2026-06-03 15:50:27 +02:00
parent 7f36178a80
commit 52bed3e2c4
9 changed files with 379 additions and 70 deletions
Download patch file Download diff file Expand all files Collapse all files

37
site/snippets/nav.php
View file

@ -7,11 +7,6 @@
<span>Hic&nbsp;et&nbsp;Nunc&nbsp;Studio</span>
</a>
</h1>
<h1 class="title-nav-mobile">
<a href="">
<span>menu</span>
</a>
</h1>
<ul>
<li>
<a class="nav-item-home" href="<?= page('home')->url() ?>"><?= page('home')->title() ?></a>,&nbsp;
@ -23,4 +18,36 @@
<a class="nav-item-about" href="<?= page('infos')->url() ?>"><?= page('infos')->title() ?></a>
</li>
</ul>
</nav>
<nav class="mobile-menu">
<button command="show-modal" commandfor="mobile-menu-content">
<h1 class="title-nav">
<span>Menu</span>
</h1>
</button>
<dialog id="mobile-menu-content" closedby="any">
<h1 class="title-nav">
<a href="<?= page('home')->url() ?>">
<span>Hic&nbsp;et&nbsp;Nunc&nbsp;Studio</span>
</a>
</h1>
<ul>
<li>
<a class="nav-item-home" href="<?= page('home')->url() ?>"><?= page('home')->title() ?></a>,&nbsp;
</li>
<li>
<a class="nav-item-projects" href="<?= page('index')->url() ?>"><?= page('index')->title() ?></a>,&nbsp;
</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="close-mobile-menu">
Fermer
</button>
</dialog>
</nav>

32
site/templates/infos.php
View file

@ -1,24 +1,20 @@
<?php snippet('header') ?>
<div class="main-infos">
<section class="main-infos">
<p>
<?= $page->presentation() ?>
<br>
<?= $page->contact() ?>
<?= $page->presentation() ?>
</p>
</div>
<div class="skills">
<p>
<?= $page->skills() ?>
</p>
</div>
<div class="clients">
<p class="clients">
<?= $page->clients() ?>
</p>
</div>
</section>
<section class="secondary-infos">
<div class="skills">
<p>
<?= $page->contact() ?><br>
<?= $page->skills() ?>
</p>
</div>
<div class="clients">
<?= $page->clients() ?>
</div>
</section>
<?php snippet('footer') ?>