Project

General

Profile

Demande #5116

Refonte encart « Commencer dès maintenant »

Added by Christian P. Momon 7 months ago. Updated 3 months ago.

Status:
En cours de traitement
Priority:
Normale
Target version:
Start date:
04/14/2021
Due date:
% Done:

0%

Estimated time:
(Total: 0.00 h)

Description

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;
    }
}


Files

siteavant.png (297 KB) siteavant.png Christian P. Momon, 01/11/2021 01:05 AM
Capture-2021-01-08-17.51.53.png (56.4 KB) Capture-2021-01-08-17.51.53.png Christian P. Momon, 01/11/2021 01:06 AM
Capture-2021-01-08-17.52.00.png (78.4 KB) Capture-2021-01-08-17.52.00.png Christian P. Momon, 01/11/2021 01:07 AM
Capture d’écran 2021-01-11 à 11.10.04.png (58.1 KB) Capture d’écran 2021-01-11 à 11.10.04.png Sous-menu aligné avec pictogramme FontAwesome Antoine Bardelli, 01/11/2021 11:10 AM

Subtasks

Demande #5329: MAJ code css sur la forge aprilEn cours de traitement

Actions

History

#1

Updated by Antoine Bardelli 6 months ago

Voici une version alignée avec des pictogramme provenant de la police "FontAwesome" (le css et le contenu rédacteur ne sont donc plus à jour).

#2

Updated by Baptiste Lemoine 6 months ago

c'est chouette avec les pictos, je les verrai bien en plus grands d'ailleurs

y'a une typo pour "forge logiciel*le*" il manque la fin :)

#4

Updated by Christian P. Momon 3 months ago

Antoine a fourni le code du nouvel encart. Intégration et test à faire.

#5

Updated by Christian P. Momon 3 months ago

  • Status changed from Nouveau to En cours de traitement

Also available in: Atom PDF