Commit 7b2e667e authored by Marien Fressinaud's avatar Marien Fressinaud

Ajoute une liste de projets à la page d'accueil

parent 5df56009
......@@ -152,5 +152,102 @@ blog: false
</div>
</div>
</section>
<section class="projets" id="projets">
<h2>Des projets en veux-tu en voilà</h2>
<p>
Ce n’est pas vraiment un secret : j’ai tendance à redévelopper
dans mon coin des logiciels qui existent déjà ailleurs. Tant
pis, ça m’amuse et j’apprends des tas de choses au passage.
Petite sélection.
</p>
<div class="projets-liste">
<div class="projet">
<h3>FreshRSS</h3>
<p>
Sans doute mon projet le plus connu. Il s’agit d’un
agrégateur de flux <abbr>RSS</abbr> que j’ai commencé à
développer dans mon coin lorsque j’étais étudiant et qui a
acquis pas mal de visibilité et une communauté des plus
sympa ! J’essaye aujourd’hui d’en vivre à travers
<a href="https://flus.io">mon service payant, Flus</a>.
</p>
<p>
<a href="https://freshrss.org">Accéder au site</a> – <a href="serie/freshrss.html">Lire la série</a>
</p>
</div>
<div class="projet">
<h3>Lessy</h3>
<p>
Lessy est un gestionnaire de temps, une sorte de
todo-list améliorée. J’ai mis plusieurs années avant
d’arriver à me lancer dans ce projet, mais il s’agit
sans doute aussi d’un des plus aboutis dans ma
réflexion. J’ai des tas d’idées pour continuer de
l’améliorer, mais je ne lui accorde pas assez de temps.
</p>
<p>
<a href="https://lessy.io">Accéder au site</a> – <a href="serie/lessy.html">Lire la série</a>
</p>
</div>
</div>
<div class="projets-liste">
<div class="projet">
<h3 lang="en">Boop!</h3>
<p>
Pour mon site, j’ai décidé de développer un générateur de
sites statiques taillé sur-mesure à mes besoins. Ça a donné
<em lang="en">Boop!</em> qui m’est aujourd’hui
indispensable. Ce n’est pas un projet très sérieux, mais
enfin il marche très bien.
</p>
<p>
<a href="https://framagit.org/marien.fressinaud/boop">Accéder au dépôt</a> – <a href="serie/le-boop-blog.html">Lire la série</a>
</p>
</div>
<div class="projet">
<h3 lang="en">BlueberryCamp</h3>
<p>
Il y a des tonnes de choses (des liens, du texte, des
mémos, des fichiers, etc.) que je ne sais jamais où ranger.
J’ai donc développé <em lang="en">BlueberryCamp</em> qui
est prévu pour stocker tout ça et permettre ensuite
d’organiser ce fatras de données.
</p>
<p>
<a href="https://framagit.org/marien.fressinaud/blueberrycamp">Accéder au dépôt</a>
</p>
</div>
<div class="projet">
<h3>Reflets</h3>
<p>
Développé pour Framasoft, l’idée derrière Reflets est
de mettre en avant les différents événements qui ont
marqué l’association pour obtenir une vue d’ensemble de
ce qu’il s’y passe. Il s’agit d’une première version
qui ne demande qu’à grandir.
</p>
<p>
<a href="https://framagit.org/marien.fressinaud/reflets">Accéder au dépôt</a>
</p>
</div>
</div>
</section>
</div>
</main>
......@@ -588,3 +588,53 @@ a.appel-a-action:hover {
background-color: var(--link-color);
}
/* Section projets */
.projets {
margin-top: 10rem;
margin-bottom: 10rem;
}
.projets-liste {
display: flex;
margin-top: 3rem;
margin-left: -1.5rem;
margin-right: -1.5rem;
flex-direction: column;
justify-content: space-around;
align-items: flex-start;
}
@media(min-width: 40rem) {
.projets-liste {
flex-direction: row;
}
}
.projets-liste .projet {
flex: 1;
margin-left: 1.5rem;
margin-right: 1.5rem;
}
.projets-liste .projet + .projet {
margin-top: 3rem;
}
@media(min-width: 40rem) {
.projets-liste .projet + .projet {
margin-top: 0rem;
}
}
.projet h3 {
display: inline-block;
padding-bottom: .1rem;
border-bottom: .2rem solid var(--secondary-color);
}
.projet p {
font-size: .9rem;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment