Chapril » www.chapril.org

Antoine B. nous offre une nouvelle version de l'encart « Commencer dès maintenant ».

Propositions de modifications pour accéder plus rapidement aux services, copie d'écran en pj sur la version dekstop et mobile

Avant :

Projet pour le bureau :

Projet pour ordiphone :

Modif dans l'espace rédacteur, Racine du site > Accueil > Commencer dès maintenant, contenu du champs texte dans le site Chapril (ordre des services à déterminer) :

[Choisir une date->https://date.chapril.org/]
[Rédiger sur un pad->https://pad.chapril.org/]
[Échanger sur Mastodon->https://pouet.chapril.org]
[Écrire du code->https://paste.chapril.org/]
[Envoyer un fichier lourd->https://drop.chapril.org/]
[Stocker et partager->https://valise.chapril.org/]
[Échanger par messagerie instantanée->https://www.chapril.org/XMPP.html]
[Créer une audioconférences ->https://www.chapril.org/Mumble.html]
[Créer une visioconférence->https://visio.chapril.org/]
[Utiliser une forge logiciel ->https://forge.chapril.org/]
[Valoriser du bénévolat->https://benevalibre.chapril.org/]
[Organiser un évènements->https://mobilizon.chapril.org/]
[Générer un code QR->https://qrcode.chapril.org/]

CSS modifiés :

.presentation articles + articles p {
    display:flex;
    flex-flow: wrap;
    font-size:inherit;
    line-height:inherit;

}
.presentation articles + articles .spip_out {
    margin: 0.3rem 0.3rem;
    padding: 0.1rem 0.5rem;
    min-width: inherit;
    max-width: inherit;
    font-family: inherit;
}
 /*  ------- media queries  ACCUEIL 760 px----------- */

@media screen and (max-width: 760px) {
    .presentation articles + articles{
    grid-template-rows: 100px 200px;
    grid-template-columns: 100%; 
    }
    .presentation articles + articles p{
    grid-row-start: 2;
    grid-column-start: 1;
    grid-column-end: 3;
    }
    .presentation articles + articles .bouton-simple{
     margin: 1rem auto 0rem;
    }
}