StaticWebsiteJovian/src/projets/content.src.html

<div class="focus-center">
    <h1>
        Projets
    </h1>
    <img src="/include/icon/icons8-96-code.png" alt="code flat icon">
    <h2>
        Mon folio de développeur
    </h2>
    <p class="lead">
        Voici l'ensemble des projets de programmation auxquels j'ai participé. Certains ont été faits en équipe,
        d'autres seuls, certains sont encore en développement.
    </p>
</div>

<h3>
    <img src="/include/icon/icons8-48-term.png" alt="term flat icon">
    Présentation
</h3>
<p>
    Chaque encart présente le résumé d'un projet. Si vous cliquez sur <code>Page du projet</code>, vous
    arrivez directement sur sa page descriptive complète.
</p>
<p>
    N'hésitez pas à revenir consulter cette page plus tard, et revenir régulièrement. J'ai beaucoup de projets déjà
    réalisés qui ne sont pas encore affichés ici, et j'en lancerai bientôt de nouveaux.
</p>

<h3>
    <img src="/include/icon/icons8-48-git.png" alt="git flat icon">
    Code source
</h3>
<p>
Mon folio est incomplet pour le moment, de nombreux projets ne figurent pas encore sur cette page.
</p>
<p>
Vous pouvez retrouver l'intégralité de mes projets et leur code source <a href="https://gogs.jovian-hersemeule.eu/DricomDragon">sur mon instance de <em>Gogs</em></a>, un clone de <em>GitHub</em>.
</p>

<!-- Catégorie : En cours -->
<h3>
    <img src="/include/icon/icons8-50-rocket.png" alt="Rocket flat icon">
    En cours
</h3>
<p>
    Retrouvez ici les projets sur lesquels je passe mon temps actuellement.
</p>

<div class="card-columns">
        $pro_title = "Jovian Website";
        $pro_text = "Mon site Internet : celui sur lequel vous naviguez actuellement.";
        $pro_img_src = "/include/icon/icons8-400-city.png";
        $pro_img_alt = "Jovian site icon";
        $pro_page = "projets/static_site/content.html";
</div>

<!-- Catégorie : Présentables -->
<h3>
    <img src="/include/icon/icons8-50-space-shuttle.png" alt="Space shuttle flat icon">
    Présentables
</h3>
<p>
    Voici ici les projets qui sont <em>présentables</em>. C'est à dire qu'ils ne sont pas terminés, mais sont suffisamment matures
    pour fonctionner et susciter de l'intérêt.
</p>

<div class="card-columns">
        $pro_title = "ASCII Space Destroyer";
        $pro_text = "Un jeu de vaisseau spatial dessiné avec des caractères ASCII, où le joueur peut créer son propre vaisseau.";
        $pro_img_src = "include/images/project_icon_ASCII.png";
        $pro_img_alt = "ASCII Space Destroyer image";
        $pro_page = "projets/ascii_space/content.html";

        $pro_title = "Quoridor";
        $pro_text = "Un jeu de plateau retranscrit sur ordinateur, où le joueur peut affronter un ami ou une intelligence articielle.";
        $pro_img_src = "include/images/quoridor_400x400.png";
        $pro_img_alt = "Quoridor image";
        $pro_page = "projets/quoridor/content.html";
</div>

<!-- Catégorie : projets à venir -->
<h3>
    <img src="/include/icon/icons8-50-blueprint.png" alt="Blueprint flat icon">
    À venir
</h3>
<p>
    Mes idées de futurs projets.
</p>

<div class="card-columns">
        $pro_title = "Pulsar";
        $pro_text = "Un jeu de vaisseaux spatiaux, où chaque équipe tente de prendre l'ascendant dans un système solaire.";
        $pro_img_src = "/include/icon/icons8-400-code.png";
        $pro_img_alt = "Pulsar image";
        $pro_page = "projets/pulsar/content.html";
</div>

<!-- Catégorie : Projets terminés -->
<h3>
    <img src="/include/icon/icons8-48-uranus-planet.png>" alt="Planet flat icon">
    Terminés
</h3>
<p>
    Projets dont la phase de développement est terminée.
</p>
<p>
    <em>Section vide pour le moment, revenez plus tard ...</em>
</p>