Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
utilisateurs:youssoufb:atelier [Le 01/05/2018, 22:43] youssoufB [Responsive] |
utilisateurs:youssoufb:atelier [Le 11/09/2022, 13:15] (Version actuelle) moths-art Suppression des espaces en fin de ligne (détecté et corrigé via le bot wiki-corrector (https://forum.ubuntu-fr.org/viewtopic.php?id=2067892) |
||
---|---|---|---|
Ligne 2: | Ligne 2: | ||
===== Qu'est ce que c'est ? ===== | ===== Qu'est ce que c'est ? ===== | ||
- | Comme sont nom l'indique l'atelier c'est un espace de travail. Le but de cette page est de faire le lien entre l'espace cette espace et le site de travaille que qui est ouvert. Né en 2018 lord de la refonte du thème de la documentation, il reste à disposition pour certain essais de personnalisation du site ubuntu-fr. | + | Comme son nom l'indique, l'[[http://www.wwwinterface.toile-libre.org/doku.php|atelier]] est un espace de travail. Le but de cette page est de faire le lien entre l'espace ici (le site sur lequel vous lisez cette page) et le site de travail qui est ouvert. |
- | Pour des raison de moyen l'architecture mise en place n'est pas optimal. Au 1 mais 2018 l'atelier est constituer: | + | Né en 2018 lors de la refonte du thème de la documentation, il reste à disposition pour certains essais de personnalisation du site ubuntu-fr. |
+ | |||
+ | Pour des raisons de moyen, l'architecture mise en place n'est pas optimale. Au 1 mai 2018, l'atelier est constituer: | ||
* D'un site démonstratif. | * D'un site démonstratif. | ||
- | * D'un repo Git | + | * D'un dépôt [[:Git]] |
- | Le dépôt git à vocation à contenir une forme de l'atelier directement installable pour une utilisation local. Il suffiras d'avoir un compte github pour pouvoir y accédé. | + | Le dépôt git à vocation à contenir une forme de l'atelier directement installable pour une utilisation locale. Il suffira d'avoir un compte github pour pouvoir y accéder. |
- | Les enregistrement sur le site seront bientôt ouverte et devrais rapidement offrir la capacité de vote. | + | Les enregistrements sur le site seront bientôt ouverts et rapidement offrir la capacité de vote. |
- | Si quelqu'un voie l'atelier et ce qu'il devrais être d'une autre façons qu'il l'écrive en éditant cette page. | + | Si quelqu'un vois l'atelier et ce qu'il devrait être d'une autre façon, qu'il l'écrive en éditant cette page. |
+ | |||
+ | <note>N’hésitez surtout pas à **éditer cette page** si besoin. Conseil, volonté, et autre point de vue sont les bienvenues.</note> | ||
===== Ce qui ce passe ! ===== | ===== Ce qui ce passe ! ===== | ||
Ligne 19: | Ligne 23: | ||
==== Le problème des polices ==== | ==== Le problème des polices ==== | ||
- | - Solution en cour sur l'atelier le téléchargement de la police ubuntu-R.ttf | + | Beaucoup auront vu les carrés disgracieux que comporte la barre de navigation sur les mobiles et peut être l’absence de la police Ubuntu sous d'autres systèmes. Ce problème a été fixé sur l'atelier par la mise en place du chargement de la police d'Ubuntu-R en true type. Pour l'instant le chargement est forcé, c'est à dire que même si votre Os connaît déjà cette police, il va tout de même la télécharger. |
+ | D'autres formats de police sont disponibles sur le thème bootstrap3, et pour l'instant évincés. Dans le cas ou certains Os ne supporterais pas le format de la police proposé true type cela reposerait le même problème. | ||
- | Beaucoup aurons vue les carrés disgracieux que comporte la barre de navigation sur les mobiles et peut être l’absence de la polices Ubuntu sous d'autres système. Ce problème à été fixé sur l'atelier par la mise en place du chargement de la police d'Ubuntu-R en true type. Pour l'instant le chargement est forcé c'est à dire que même si votre Os connaît déjà cette police bien il vas la téléchargé. D'autre format de police sont disponibles sur le thème bootstrap3, et pour l'instant évincées. Dans le cas ou certain Os ne supporterais pas le format de la police proposé true type cela reposerais le même problème. | + | -> Solution en cours sur l'atelier avec le téléchargement de la police ubuntu-R.ttf |
==== Le problème des couleurs ==== | ==== Le problème des couleurs ==== | ||
- | - Solution en cour sur l'atelier: | + | Il se pose beaucoup de questions sur les couleurs. La problématique au sujet des couleurs est multiples : doit on dissocier la coloration des liens externe et interne? quelle couleur pour tel ou tel ?... \\ |
+ | Le choix des couleurs dépend, entre autre, du thème sélectionné. Par exemple, le "blue" passe bien sous le thème United mais est difficilement lisible sur Darkly et d'autre n’ont pas été vérifiés. | ||
+ | |||
+ | -> Solution en cours sur l'atelier : | ||
|Lien interne |orange|#e95420| | |Lien interne |orange|#e95420| | ||
| ☛au survol|orange éclaircie|#c73200| | | ☛au survol|orange éclaircie|#c73200| | ||
|Lien externe|bleu pale|#00aaff| | |Lien externe|bleu pale|#00aaff| | ||
| ☛ au survol|bleu pale eclaircie|#00ccff| | | ☛ au survol|bleu pale eclaircie|#00ccff| | ||
- | |||
- | Il se pose beaucoup de question sur les couleurs. La problématique au sujet des couleurs est multiples, doit on dissocier la coloration des liens externe et interne, quel couleur pour tel ou tel, .... Le choix des couleurs dépend entre autre du thème sélectionné le "blue" passe bien sous le thème unity mais est difficilement lisible sur Darky et d'autre n’ont pas été vérifiés. | ||
==== Responsive ==== | ==== Responsive ==== | ||
Sur l'atelier: | Sur l'atelier: | ||
* en mode portrait pour les mobiles (largeur d'écran inférieur à 380 pixel). | * en mode portrait pour les mobiles (largeur d'écran inférieur à 380 pixel). | ||
- | * La boite d'outils qui flotte sur la droite à été supprimé. | + | * La boite d'outils qui flotte sur la droite a été supprimée. |
- | * Le contour à été supprimé. | + | * Le contour a été supprimé. |
- | * Les marges gauche et droite du contenu ont été supprimé. | + | * Les marges gauche et droite du contenu ont été supprimées. |
==== logo et image ==== | ==== logo et image ==== | ||
Sur l'atelier: | Sur l'atelier: | ||
* Général | * Général | ||
- | * favicon.ico, l’icône dans la barre de titre | + | * L’icône {{:utilisateurs:youssoufb:favicon.png?nolink&50|}} dans la barre de titre (semble avoir été validée) |
- | * appel-touch-icon.png l’icône dans l'historique sur mobile | + | * L’icône {{:utilisateurs:youssoufb:apple-touch-icon.png?nolink&50|}} dans l'historique sur mobile |
- | * Page d'accueil | + | * Page d'accueil |
- | * 123.png icône ADOPTER reformaté pour d’accorder à l’icône DÉCOUVRIR | + | * L'icône {{:icons:123.png?nolink&50|}} reformatée en {{:utilisateurs:youssoufb:123.png?nolink&50|}} \\ pour s’accorder à l’icône {{:icons:interrogation_grand.png?nolink&50|}} |
- | * software.png icône UTILISER inversé le disque se trouve maintenant du même coté que celui de l’icône INSTALLER | + | * L'icône {{:icons:software.png?nolink&50|}} inversée {{:utilisateurs:youssoufb:software.png?nolink&50|}} \\ le disque se trouve maintenant du même coté que celui de l’icône {{:icons:installation.png?nolink&50|}} |
+ | * Fin de page | ||
+ | * Ajout de la transparence sur l'icône "Participer" {{:icons:stylo.png?nolink&50|}} . | ||
+ | ==== Configuration du style en ligne ==== | ||
+ | |||
+ | Une méthode de configuration du style en ligne est en cours de développement, pour permettre à chacun de faire ses essais. Vous pouvez suivre ça sur [[http://www.wwwinterface.toile-libre.org/doku.php/configuration_du_theme#formulaire_de_configuration|la page de configuration]] de l'atelier. | ||
+ | |||
+ | ==== La TOC en mode mobile ==== | ||
+ | |||
+ | La TOC (Table Of Content) Table des matières n'est pas adaptée au format mobile. Si le problème est connu, encore aucune solution n'a été mise en place. | ||
+ | -> Sur l'atelier: \\ | ||
+ | Aucune solution, si ce n'est que la TOC est pliée par défaut ce qui diminue la gène au démarrage. |