131 lines
No EOL
7.5 KiB
PHP
131 lines
No EOL
7.5 KiB
PHP
<?= snippet('header') ?>
|
|
|
|
<header class="header">
|
|
<a class="logoBtn" href="<?= $site->find('agence')->url() ?>"><h1 class="header__logo header__logo--big">DATA</h1></a>
|
|
<div class="header__views views">
|
|
<button class="views__btn views__btn--smaller">
|
|
<img src="./assets/svg/smaller.svg" />
|
|
</button>
|
|
<button class="views__btn views__btn--bigger">
|
|
<img src="./assets/svg/bigger.svg" />
|
|
</button>
|
|
<button class="views__btn views__btn--close hide">
|
|
<img src="./assets/svg/close.svg" alt="">
|
|
</button>
|
|
<button class="views__btn--mobile hide">
|
|
<h1>Liste</h1>
|
|
</button>
|
|
</div>
|
|
</header>
|
|
|
|
<section class="grid grid--5">
|
|
<?php
|
|
$allBlocks = [];
|
|
|
|
foreach($site->children()->listed() as $project) {
|
|
if ($project->coverImage()->isNotEmpty()) {
|
|
$block = [
|
|
"pic" => $project->coverImage()->toFile(),
|
|
"projectTitle" => $project->title(),
|
|
"caption" => $project->coverCaption(),
|
|
"link" => $project->url(),
|
|
"showHome" => 'true',
|
|
"ref" => $project->ref()
|
|
];
|
|
array_push($allBlocks, $block);
|
|
};
|
|
|
|
if ($project->blocks()->isNotEmpty()) {
|
|
$pictures = $project->blocks()->toStructure();
|
|
|
|
foreach ($pictures as $picture) {
|
|
if ($picture->home() == "true") {
|
|
$block = [
|
|
"pic" => $picture->pic()->toFile(),
|
|
"projectTitle" => $project->title(),
|
|
"caption" => $picture->caption(),
|
|
"link" => $project->url(),
|
|
"ref" => $project->ref()
|
|
];
|
|
|
|
array_push($allBlocks, $block);
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
if ($site->orderprojects() == 'false') shuffle($allBlocks);
|
|
foreach($allBlocks as $block) {
|
|
echo '<a class="toProject toProject--wait" data-title="' . $block["projectTitle"] . '" href="' . $block["link"] . '">';
|
|
echo '<figure class="block hide">';
|
|
echo "<img class=\"block__image\" src=\""
|
|
. $block["pic"]->url()
|
|
. "\" loading=\"lazy\" srcset=\"" . $block["pic"]->srcset() . "\" />";
|
|
echo '<figcaption class="block__caption">' . '<span class="block__ref">' . $block["ref"] . '</span> ' . $block["caption"] . '</figcation>';
|
|
echo '</figure>';
|
|
echo "</a>";
|
|
}
|
|
?>
|
|
</section>
|
|
|
|
<section class="project hide" style="display: none"></section>
|
|
|
|
<section class="list hide" style ="display: none">
|
|
<?php
|
|
foreach ($site->children()->sortBy('end', 'desc', 'start', 'desc') as $project) {
|
|
if ($project->coverImage()->isNotEmpty()) {
|
|
echo '<a class="list__project projectLine" href="' . $project->url() . '">';
|
|
echo '<div class="projectLine__cell projectLine__cell--image cell"><img class="cell__image" src="' . $project->coverImage()->toFile()->url() . '" srcset="' . $project->coverImage()->toFile()->srcset() . '" /></div>';
|
|
echo '<div class="projectLine__cell projectLine__cell--title cell"><p class="cell__text cell__text--title"> <span class="cell__text--ref">' . $project->ref() . '</span> ' . $project->title() . '</p></div>';
|
|
echo '<div class="projectLine__cell projectLine__cell--title cell"><p class="cell__text cell__text--place">' . $project->place() . '</p></div>';
|
|
echo '<div class="projectLine__cell projectLine__cell--title cell"><p class="cell__text cell__text--dates">';
|
|
if ($project->start()->isNotEmpty() && $project->end()->isNotEmpty()) {
|
|
echo $project->start() . ' - ' . $project->end();
|
|
} else if ($project->start()->isNotEmpty() || $project->end()->isNotEmpty()) {
|
|
echo $project->start() . $project->end();
|
|
};
|
|
echo '</p></div>';
|
|
echo '<div class="projectLine__cell projectLine__cell--title cell"><p class="cell__text cell__text--architects">' . $project->architects() . '</p></div>';
|
|
echo '<div class="projectLine__cell projectLine__cell--title cell"><p class="cell__text cell__text--mo">' . $project->mo() . '</p></div>';
|
|
echo '<div class="projectLine__cell projectLine__cell--title cell"><p class="cell__text cell__text--size">' . $project->size() . '</p></div>';
|
|
echo '<div class="projectLine__cell projectLine__cell--title cell"><p class="cell__text cell__text--state">' . $project->state() . '</p></div>';
|
|
echo '</a>';
|
|
}
|
|
}
|
|
?>
|
|
</section>
|
|
<section class="list--mobile" style="display: none">
|
|
<?php
|
|
foreach ($site->children()->sortBy('end', 'desc', 'start', 'desc') as $project) {
|
|
if ($project->coverImage()->isNotEmpty()) {
|
|
echo '<a class="list__project--mobile projectLine--mobile" href="' . $project->url() . '">';
|
|
echo '<div class="projectLine__cell--mobile projectLine__cell--image--mobile cell--mobile"><img class="cell__image--mobile" loading="lazy" src="' . $project->coverImage()->toFile()->url() . '" srcset="' . $project->coverImage()->toFile()->srcset() . '" /></div>';
|
|
echo '<div class="projectLine__cell--mobile projectLine__cell--summary--mobile cell--mobile">';
|
|
echo '<p class="cell__text--mobile cell__text--title--mobile"> <span class="cell__text--ref--mobile">' . $project->ref() . '</span> ' . $project->title() . '</br />';
|
|
if ($project->start()->isNotEmpty() && $project->end()->isNotEmpty()) {
|
|
echo $project->start() . ' - ' . $project->end() . ', ' . $project->place() . '<br />';
|
|
} else if ($project->start()->isNotEmpty() || $project->end()->isNotEmpty()) {
|
|
echo $project->start() . $project->end() . ', ' . $project->place() . '<br />';
|
|
}
|
|
if ($project->architects()->isNotEmpty()) {
|
|
echo 'MOE : ' . $project->architects() . '<br />';
|
|
}
|
|
if ($project->moa()->isNotEmpty()) {
|
|
echo 'MOA : ' . $project->moa() . '<br />';
|
|
}
|
|
if ($project->size()->isNotEmpty() && $project->budget()->isNotEmpty()) {
|
|
echo $project->size() . ', ' . $project->budget();
|
|
} else if ($project->size()->isNotEmpty() || $project->budget()->isNotEmpty()) {
|
|
echo $project->size();
|
|
}
|
|
echo '</p>';
|
|
echo '</div>';
|
|
echo '</a>';
|
|
}
|
|
}
|
|
?>
|
|
</section>
|
|
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
|
|
<?= js('./assets/js/main.js') ?>
|
|
</body>
|
|
</html>
|