naoned: new theme (#88161) #564

tjund · 2024-04-11T10:19:46+02:00

tjund commented

2024-04-11 10:19:46 +02:00

No description provided.

tjund added 1 commit 2024-04-11 10:19:47 +02:00

gitea/publik-base-theme/pipeline/head There was a failure building this commit Details

3cecf4d742 naoned: new theme (#88161 )

tjund commented

2024-04-11 10:22:24 +02:00

Je colle ici un début de doc sur les options de persoinnalisation possibles :

Variables de Personnalisations

Créer une variable hobo theme_customization qui permet de modifier plusieurs paramètres du thème :

{
  "font": "Inter",
  "primary_color": "#0845d3",
  "logo_width": "160px",
  "logo_height": "116px",
  "mobile_logo_width": "80px",
  "mobile_logo_height": "58px",
  "header_background_color": "#fff",
  "button_color": "#229609",
  "link_color": "#87115d",
  "footer_background": "#229609",
  "footer_link_color": "#fbdd96"
}

font: Police de portail. Par défaut utilise la police "sans serif" du navigateur.
Liste des valeurs possibles pour font :

Inter
Krub
MontserratAlternates
MuseoModerno
NunitoSans
PublicSans
Rubik

primary_color
Couleur de la plateforme. Par défaut #2c9b68 (bleu foncé)

logo_width, logo_height, mobile_logo_width, mobile_logo_height
Taille du logo du header en desktop et mobile, l'image sera réduite à la zone dédiée. Par défaut: 100px × 100px en desktop et mobile.

header_background_color
Couleur d'arrière plan de l'entête de page. Par défaut transparent.

button_color
Couleur des boutons. Par défaut primary_color.

link_color
Couleur des liens et des entrées de listes de liens du contenus principales. Par défaut primary_color.

footer_background
Couleur d'arrière plan du footer. Par défaut primary_color.

footer_link_color
Couleur des liens et des entrées de listes de liens du pied de page. Par défaut white.

les couleurs choisies doivent avoir un contraste suffisant avec le gris du fond de page (#f1f1f1)
Les variables hobo mettant un certains temps à se propager vers combo, vous pouvez tester les personnalisations en live directement dans le navigateur avec l'outil de debug (en modifiant les valeurs des variables naoned-* de l'élément HTML).

Je colle ici un début de doc sur les options de persoinnalisation possibles : #### Variables de Personnalisations Créer une variable hobo `theme_customization` qui permet de modifier plusieurs paramètres du thème : ``` { "font": "Inter", "primary_color": "#0845d3", "logo_width": "160px", "logo_height": "116px", "mobile_logo_width": "80px", "mobile_logo_height": "58px", "header_background_color": "#fff", "button_color": "#229609", "link_color": "#87115d", "footer_background": "#229609", "footer_link_color": "#fbdd96" } ``` *font*: Police de portail. Par défaut utilise la police "sans serif" du navigateur. Liste des valeurs possibles pour font : * Inter * Krub * MontserratAlternates * MuseoModerno * NunitoSans * PublicSans * Rubik *primary_color* Couleur de la plateforme. Par défaut `#2c9b68` (bleu foncé) *logo_width, logo_height, mobile_logo_width, mobile_logo_height* Taille du logo du header en desktop et mobile, l'image sera réduite à la zone dédiée. Par défaut: `100px × 100px` en desktop et mobile. *header_background_color* Couleur d'arrière plan de l'entête de page. Par défaut `transparent`. *button_color* Couleur des boutons. Par défaut `primary_color`. *link_color* Couleur des liens et des entrées de listes de liens du contenus principales. Par défaut `primary_color`. *footer_background* Couleur d'arrière plan du footer. Par défaut `primary_color`. *footer_link_color* Couleur des liens et des entrées de listes de liens du pied de page. Par défaut `white`. * les couleurs choisies doivent avoir un contraste suffisant avec le gris du fond de page (#f1f1f1) * Les variables hobo mettant un certains temps à se propager vers combo, vous pouvez tester les personnalisations en live directement dans le navigateur avec l'outil de debug (en modifiant les valeurs des variables naoned-* de l'élément HTML).

tjund commented

2024-04-11 10:23:11 +02:00

Et les captures d'écran

naoned-wcs-mobile.png

474 KiB

naoned-combo-mobile.png

212 KiB

naoned-combo-desktop.png

325 KiB

naoned-wcs-desktop.png

946 KiB

tjund reviewed 2024-04-11 10:24:32 +02:00

templates/variants/naoned/theme.html Outdated

						
				@ -0,0 +6,4 @@

				    <style>

				      {% for varName, varValue in theme_customization.items %}

				        {% if varName|slice:"4" == "font" %}

				          @font-face {

tjund commented

2024-04-11 10:24:32 +02:00

Pas satisfait de cela pour selectionner la font du thème, j'ai ouvert https://dev.entrouvert.org/issues/89417 pour discuter sur comment faire mieux/autrement.

csechet commented

2024-04-16 13:15:10 +02:00

Le build est cassé

tjund force-pushed wip/88161-naoned from 3cecf4d742 to 59d2e7f342

2024-04-16 15:04:10 +02:00

Compare

tjund commented

2024-04-16 15:14:42 +02:00

Le build est cassé

oui il faut valider #554

J'ai mis à jour pour inclure directement un jeu de police (cf #89417)

> Le build est cassé oui il faut valider https://git.entrouvert.org/entrouvert/publik-base-theme/pulls/554 J'ai mis à jour pour inclure directement un jeu de police (cf #89417)

tjund force-pushed wip/88161-naoned from 59d2e7f342 to 2701482c78

2024-04-18 16:43:44 +02:00

Compare

tjund commented

2024-04-18 16:46:04 +02:00

et j'ai viré l'utilisation de stretch-to-edge pour réparer le build, vu que #89417 n'est pas validé.

ecazenave merged commit 845776da3d into main

2024-04-18 17:01:45 +02:00

ecazenave deleted branch wip/88161-naoned

2024-04-18 17:01:45 +02:00

ecazenave commented

2024-04-18 17:02:56 +02:00

Fusionné par erreur, je voulais juste valider, ça va mal ....

Sign in to join this conversation.

No reviewers

No Label

No Milestone

No Assignees

3 Participants

Notifications

Due Date

The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: entrouvert/publik-base-theme#564