dataarchiteces/site/templates/home.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>