This commit is contained in:
Julie Blanc
parent
20bdf428e4
commit
e5727b5630
11 changed files with 112 additions and 70 deletions
|
|
@ -19,8 +19,15 @@
|
|||
right: -100vw;
|
||||
}
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.site-menu__inner{
|
||||
height: 100%;
|
||||
overflow: scroll;
|
||||
@include hide-scroll();
|
||||
|
||||
}
|
||||
// display: flex;
|
||||
// flex-direction: column;
|
||||
|
||||
|
||||
.search-form{
|
||||
|
|
@ -28,31 +35,42 @@
|
|||
margin-bottom: calc(var(--spacing)*1);
|
||||
}
|
||||
|
||||
|
||||
|
||||
nav{
|
||||
flex-grow: 1;
|
||||
margin-top: calc(var(--spacing)*1.5);
|
||||
ul{
|
||||
list-style-type: none;
|
||||
text-transform: uppercase;
|
||||
font-weight: 500;
|
||||
li{
|
||||
font-size: var(--fs-normal);
|
||||
a{
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
padding: 0.5em 0;
|
||||
&:hover{
|
||||
text-decoration: underline;
|
||||
margin-bottom: calc(var(--spacing)*0.5);
|
||||
}
|
||||
a{
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
.highlight{
|
||||
}
|
||||
|
||||
#nav-pages{
|
||||
li{
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.support{
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
#nav-aside{
|
||||
margin-top: calc(var(--spacing)*1);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.socials{
|
||||
margin-top: calc(var(--spacing)*2);
|
||||
padding-bottom: calc(var(--spacing)*0.75);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2996,37 +2996,43 @@ figcaption, .caption {
|
|||
right: -100vw;
|
||||
}
|
||||
}
|
||||
#site-menu {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
#site-menu .site-menu__inner {
|
||||
height: 100%;
|
||||
overflow: scroll;
|
||||
scrollbar-width: none;
|
||||
-ms-overflow-style: none;
|
||||
}
|
||||
#site-menu .site-menu__inner::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
#site-menu .search-form {
|
||||
margin-top: calc(var(--spacing) * 1);
|
||||
margin-bottom: calc(var(--spacing) * 1);
|
||||
}
|
||||
#site-menu nav {
|
||||
flex-grow: 1;
|
||||
margin-top: calc(var(--spacing) * 1.5);
|
||||
}
|
||||
#site-menu nav ul {
|
||||
list-style-type: none;
|
||||
text-transform: uppercase;
|
||||
font-weight: 500;
|
||||
}
|
||||
#site-menu nav ul li {
|
||||
font-size: var(--fs-normal);
|
||||
margin-bottom: calc(var(--spacing) * 0.5);
|
||||
}
|
||||
#site-menu nav ul li a {
|
||||
display: block;
|
||||
#site-menu nav ul a {
|
||||
text-decoration: none;
|
||||
padding: 0.5em 0;
|
||||
font-weight: 500;
|
||||
}
|
||||
#site-menu nav ul li a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
#site-menu nav ul .highlight {
|
||||
#site-menu #nav-pages li {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
#site-menu .support {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
#site-menu #nav-aside {
|
||||
margin-top: calc(var(--spacing) * 1);
|
||||
}
|
||||
#site-menu .socials {
|
||||
margin-top: calc(var(--spacing) * 2);
|
||||
padding-bottom: calc(var(--spacing) * 0.75);
|
||||
}
|
||||
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -3,6 +3,16 @@ title: Investigations
|
|||
tabs:
|
||||
contentTab:
|
||||
label: Contenu
|
||||
icon: page
|
||||
columns:
|
||||
- width: 1/3
|
||||
fields:
|
||||
chapo:
|
||||
label: Introduction
|
||||
type: writer
|
||||
nodes: false
|
||||
buttons: false
|
||||
- width: 2/3
|
||||
sections:
|
||||
investigations: fields/investigations
|
||||
highlightTab:
|
||||
|
|
|
|||
|
|
@ -3,6 +3,16 @@ title: Dossiers
|
|||
tabs:
|
||||
contentTab:
|
||||
label: Contenu
|
||||
icon: page
|
||||
columns:
|
||||
- width: 1/3
|
||||
fields:
|
||||
chapo:
|
||||
label: Introduction
|
||||
type: writer
|
||||
nodes: false
|
||||
buttons: false
|
||||
- width: 2/3
|
||||
sections:
|
||||
packages:
|
||||
label: Dossiers
|
||||
|
|
|
|||
|
|
@ -18,8 +18,8 @@
|
|||
|
||||
<div class="list-links">
|
||||
<ul>
|
||||
<li><a target="_blank" href="#">Mentions légales</a></li>
|
||||
<li><a target="_blank" href="#">Politique de confidentialité</a></li>
|
||||
<li><a target="_blank" href="<?= page('mentions-legales')->url() ?>"><?= kirby()->language() && kirby()->language()->code() === 'en' ? 'Legal notices' : 'Mentions légales' ?></a></li>
|
||||
<li><a target="_blank" href="<?= page('politique-de-confidentialite')->url() ?>"><?= kirby()->language() && kirby()->language()->code() === 'en' ? 'Privacy policy' : 'Politique de confidentialité' ?></a></li>
|
||||
</ul>
|
||||
<ul class="hightlight">
|
||||
<li><a target="_blank" href="#">Contact</a></li>
|
||||
|
|
|
|||
|
|
@ -43,10 +43,10 @@
|
|||
|
||||
<nav id="nav-highlight">
|
||||
<ul>
|
||||
<li><a href="/enquetes">Enquêtes</a></li>
|
||||
<li><a href="/impacts">Impacts</a></li>
|
||||
<li><a href="/laboratoire">Laboratoire</a></li>
|
||||
<li class="support"><a targer="_blank" href="https://soutenir.index.ngo/">Soutenez-nous</a></li>
|
||||
<li><a href="<?= page('enquetes')->url() ?>"><?= t('investigations.title') ?></a></li>
|
||||
<li><a href="<?= page('impacts')->url() ?>"><?= t('impacts.title') ?></a></li>
|
||||
<li><a href="<?= page('ressources')->url() ?>"><?= t('resources.title') ?></a></li>
|
||||
<li class="support highlight"><a href="https://soutenir.index.ngo/" target="_blank" rel="noopener"><?= kirby()->language() && kirby()->language()->code() === 'en' ? 'Support us' : 'Soutenez-nous' ?></a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
<div id="site-menu">
|
||||
<div class="site-menu__inner">
|
||||
<p class="baseline">Index est une ONG d’investigation numérique au service du public,
|
||||
de la vérité et de la justice.</p>
|
||||
|
||||
|
|
@ -29,18 +30,15 @@ de la vérité et de la justice.</p>
|
|||
|
||||
<nav id="nav-aside">
|
||||
<ul>
|
||||
<li class="support highlight"><a href="https://soutenir.index.ngo/" target="_blank" rel="noopener"><?= kirby()->language() && kirby()->language()->code() === 'en' ? 'Support us' : 'Soutenez-nous' ?></a></li>
|
||||
<li><a href="<?= page('contact')->url() ?>">Contact</a></li>
|
||||
<li><a href="https://shop.index.ngo/" target="_blank" rel="noopener"><?= kirby()->language() && kirby()->language()->code() === 'en' ? 'Shop' : 'Boutique' ?></a></li>
|
||||
<li><a href="<?= page('newsletter')->url() ?>">Newsletter</a></li>
|
||||
<li class="support highlight"><a href="#">Soutenez-nous</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<nav id="nav-legal">
|
||||
<ul>
|
||||
<li><a href="<?= page('mentions-legales')->url() ?>"><?= kirby()->language() && kirby()->language()->code() === 'en' ? 'Legal notices' : 'Mentions légales' ?></a></li>
|
||||
<li><a href="<?= page('politique-de-confidentialite')->url() ?>"><?= kirby()->language() && kirby()->language()->code() === 'en' ? 'Privacy policy' : 'Politique de confidentialité' ?></a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
<?php snippet('socials') ?>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -4,11 +4,11 @@
|
|||
<header class="page__header">
|
||||
<h2 class="page__title"><?= $page->title() ?></h2>
|
||||
|
||||
<div class="description-medium">
|
||||
<p>
|
||||
<?= $page->chapo() ?>
|
||||
</p>
|
||||
<?php if ($page->chapo()->isNotEmpty()): ?>
|
||||
<div class="page__description">
|
||||
<p><?= $page->chapo() ?></p>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
</header>
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
<h2 class="page__title"><?= $page->title() ?></h2>
|
||||
|
||||
<?php if ($page->chapo()->isNotEmpty()): ?>
|
||||
<div class="description-medium">
|
||||
<div class="page__description">
|
||||
<p><?= $page->chapo() ?></p>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue