From c350ea3dcd1d96851e1b9bca0b4f4b226fd2d7a8 Mon Sep 17 00:00:00 2001 From: Boris Waaub Date: Tue, 24 Feb 2026 15:32:06 +0100 Subject: [PATCH] Refactor CSS styles and update HTML structure for improved layout and responsiveness - Updated padding values for sections in custom CSS files to enhance spacing. - Introduced new card styles with hover effects for better user interaction. - Added new gradient card layout in the chill theme for a visually appealing design. - Removed obsolete sector layout and replaced it with a more flexible gradient card layout. - Enhanced feature list layout with improved pagination and sidebar integration. - Created a new shortcode for gradient card sections to streamline feature presentation. --- assets/scss/custom.scss | 2 + content/pricing.md | 2 +- content/resources/installation.md | 69 +- content/resources/manuals.md | 41 +- content/resources/technical-documentation.md | 67 +- content/sector.md | 29 +- static/css/custom.css | 644 ++++++++---------- static/css/custom.css.map | 8 +- static/css/style.css | 56 +- themes/chill-theme/assets/css/main.css | 2 +- .../layouts/_default/gradient-card.html | 30 + .../chill-theme/layouts/_default/sector.html | 5 - themes/chill-theme/layouts/features/list.html | 124 ++-- .../chill-theme/layouts/features/single.html | 174 ++--- ...ection.html => gradient-card-section.html} | 4 +- 15 files changed, 622 insertions(+), 635 deletions(-) create mode 100644 themes/chill-theme/layouts/_default/gradient-card.html delete mode 100644 themes/chill-theme/layouts/_default/sector.html rename themes/chill-theme/layouts/shortcodes/{sector-section.html => gradient-card-section.html} (83%) diff --git a/assets/scss/custom.scss b/assets/scss/custom.scss index d6d2bf7..6aa0d3e 100755 --- a/assets/scss/custom.scss +++ b/assets/scss/custom.scss @@ -12,6 +12,8 @@ $chill-pink: #D50B51; $chill-light-blue: #a0dcff; +.activity-sector{ --bg-color: #a0dcff; } + .badge-generation-document { --badge-color: #D50B51; } .badge-rapport-rgpd { --badge-color: #43B09B; } .badge-rapports-statistiques { --badge-color: #C9B99E; } diff --git a/content/pricing.md b/content/pricing.md index ba2b42b..3c1714f 100644 --- a/content/pricing.md +++ b/content/pricing.md @@ -62,7 +62,7 @@ layout: "simple" "description": "Pour les structures qui souhaitent déléguer totalement la configuration.", "featured": true, "features": [ - "Tout les avantages du pack initial *", + "Tous les avantages du pack initial *", "1 journée de paramétrage supplémentaire" ], "additional_description": "* A partir du 4ème utilisateur: 40€ supplémentaire/an.", diff --git a/content/resources/installation.md b/content/resources/installation.md index 2e70d1c..a0382c2 100644 --- a/content/resources/installation.md +++ b/content/resources/installation.md @@ -1,32 +1,51 @@ --- title: Installation -layout: "simple-card" -developers: - title: "Échanger avec les développeurs" - description: "Il existe un salon sur la messagerie Matrix, pour échanger avec les développeurs de Chill." - linkDescription: "Pour le rejoindre cliquez sur le lien ci-dessous :" - linkLabel: "#chill-social-admin:matrix.org" - linkUrl: "https://matrix.to/#/#chill-social-admin:matrix.org" - qrLabel: "ou scannez le code QR :" - qrImg: "/images/chill-admin.png" +description: Installation et hébergement de Chill +card: "Chill est un logiciel open-source disponible sous licence libre AGPL. Vous pouvez l'auto-héberger ou faire appel à un prestataire pour son installation et sa maintenance." +bgColor: "activity-sector" +layout: "gradient-card" --- -

Auto-hébergé

+{{< gradient-card-section title="Auto-hébergé" description="Installez Chill sur votre propre serveur à partir des images Docker." >}} +
+

Chill est un logiciel open-source disponible sous licence libre AGPL, dont le code source est hébergé sur son dépôt gitlab.

+ +

Avant de l'installer, n'hésitez pas à tester la démo.

+ +

Chill est une application web à installer sur un serveur dédié. L'application est alors disponible pour plusieurs utilisateurs sur une adresse internet, par exemple un sous-domaine du site web de votre organisation.

+ +

Chill est installable à partir d'images Docker. Moyennant des ressources internes en informatique, vous pouvez installer vous-même Chill en vous référant à la documentation d'installation.

+ +

La plupart des organisations utilisant Chill passent par un prestataire informatique pour son installation, son hébergement et sa maintenance.

+ + + Consulter la documentation d'installation + +
+{{< /gradient-card-section >}} -Chill est un logiciel open-source disponible sous licence libre AGPL, dont le code source est hébergé sur son dépôt gitlab. +{{< gradient-card-section title="Par Champs Libres coopérative" description="Faites appel à Champs Libres pour l'installation, l'hébergement et la maintenance de Chill." >}} +
+ + + + Visiter le site de Champs-Libres + +
+{{< /gradient-card-section >}} -Avant de l'installer, n'hésitez pas à tester la démo. -
-
-Chill est une application web à installer sur un serveur dédié. L'application est alors disponible pour plusieurs utilisateurs sur une adresse internet, par exemple un sous-domaine du site web de votre organisation. -
-
-Chill est installable à partir d'images Docker. Moyennant des ressources internes en informatique, vous pouvez installer vous-même Chill en vous référant à la documentation d'installation. - -La plupart des organisations utilisant Chill passent par un prestataire informatique pour son installation, son hébergement et sa maintenance. - -

Par Champs Libres coopérative

- -- Localisé en Belgique, à Namur -- Site web: Champs-Libres +{{< gradient-card-section title="Échanger avec les développeurs" description="Il existe un salon sur la messagerie Matrix, pour échanger avec les développeurs de Chill." >}} +
+

Pour le rejoindre cliquez sur le lien ci-dessous :

+ + #chill-social-admin:matrix.org + +

ou scannez le code QR :

+ QR Code Matrix +
+{{< /gradient-card-section >}} diff --git a/content/resources/manuals.md b/content/resources/manuals.md index 38a13a7..921e87a 100644 --- a/content/resources/manuals.md +++ b/content/resources/manuals.md @@ -1,29 +1,26 @@ --- title: Manuels -layout: "simple-card" +description: Manuels d'utilisation de Chill +card: "Il existe un manuel d'utilisation à l'usage des utilisateurs et un autre à l'usage des administrateurs.

+- L'**utilisateur** est le travailleur social qui **utilise Chill dans son quotidien**.
+- L'**administrateur** est un rôle spécifique, qui peut accéder à une interface d'administration de l'application, lui permettant de régler la **configuration de Chill**" +bgColor: "activity-sector" +layout: "gradient-card" --- -
Manuels d'utilisation de Chill
-
-Il existe un manuel d'utilisation à l'usage des utilisateurs et un autre à l'usage des administrateurs. -L'utilisateur est le travailleur social qui utilise Chill dans son quotidien. +{{< gradient-card-section title="Téléchargement des manuels" description="Accédez aux manuels d'utilisation de Chill pour les administrateurs et les utilisateurs." >}} +
+ + Télécharger le manuel administrateur + + + Télécharger le manuel utilisateur + +
+{{< /gradient-card-section >}} -L'administrateur est un rôle spécifique, qui peut accèder à une interface d'administration de l'application, lui permettant de régler la configuration de Chill. -
- -
- - Télecharger le manuel administrateur - - - Télecharger le manuel utilisateur - -
- - -
Formation des utilisateurs
-
-Renseignez-vous pour organiser une journée de formation à l'utilisation de Chill depuis la page contact -
+{{< gradient-card-section title="Formation des utilisateurs" description="Organisez une journée de formation à l'utilisation de Chill." >}} + Contactez-nous +{{< /gradient-card-section >}} diff --git a/content/resources/technical-documentation.md b/content/resources/technical-documentation.md index dd98a14..10670f2 100644 --- a/content/resources/technical-documentation.md +++ b/content/resources/technical-documentation.md @@ -1,32 +1,51 @@ --- title: Documentation technique -layout: "simple" -developers: - title: "Échanger avec les développeurs" - description: "Il existe un salon sur la messagerie Matrix, pour échanger avec les développeurs de Chill." - linkDescription: "Pour le rejoindre cliquez sur le lien ci-dessous :" - linkLabel: "#chill-social-admin:matrix.org" - linkUrl: "https://matrix.to/#/#chill-social-admin:matrix.org" - qrLabel: "ou scannez le code QR :" - qrImg: "/images/chill-admin.png" +description: Ressources techniques pour développeurs Chill +card: "Accédez au code source, à la documentation technique et aux outils de développement de Chill." +bgColor: "activity-sector" +layout: "gradient-card" --- -
-

Code source de Chill

- Le code source de CHILL est hébergé sur GitLab. - Le dépôt chill-bundles comporte les fonctionnalités principales de Chill. Ce dépôt est un ensemble de bundles Symfony. +{{< gradient-card-section title="Code source de Chill" description="Le code source de Chill est hébergé sur GitLab." >}} +
+

Le dépôt chill-bundles comporte les fonctionnalités principales de Chill. Ce dépôt est un ensemble de bundles Symfony.

+ +

Pour être déployées, il est préférable de les inclure dans une application Symfony en les incluant dans les dépendances Composer. De cette manière, il est aussi possible de personnaliser la configuration et l'exécution de l'application.

+ + + Accéder au dépôt GitLab + +
+{{< /gradient-card-section >}} +{{< gradient-card-section title="Issues et tickets" description="Signalez des bugs ou proposez des améliorations." >}} +
+

Les tickets concernant le code de Chill se situent dans le dépôt chill-bundles.

+ + + Consulter les tickets + +
+{{< /gradient-card-section >}} - Pour être déployées, il est préférable de les inclure dans une application Symfony en les incluant dans les dépendances Composer. De cette manière, il est aussi possible de personnaliser la configuration et l'exécution de l'application. La procédure est expliquée dans la documentation. +{{< gradient-card-section title="Documentation technique" description="Consultez la documentation complète pour développeurs." >}} +
+

La documentation technique de Chill explique la procédure d'installation, la configuration et le développement de modules personnalisés.

+ + + Consulter la documentation + +
+{{< /gradient-card-section >}} - -
Issues
- - Les tickets concernant le code de Chill se situent par conséquent dans ce dépôt chill-bundles, voir tickets CHILL. - - -
Documentation technique
- - La documentation technique de Chill se trouve à l'adresse suivante: documentation CHILL -
+{{< gradient-card-section title="Échanger avec les développeurs" description="Il existe un salon sur la messagerie Matrix, pour échanger avec les développeurs de Chill." >}} +
+

Pour le rejoindre cliquez sur le lien ci-dessous :

+ + #chill-social-admin:matrix.org + +

ou scannez le code QR :

+ QR Code Matrix +
+{{< /gradient-card-section >}} diff --git a/content/sector.md b/content/sector.md index 4da47bf..135550b 100644 --- a/content/sector.md +++ b/content/sector.md @@ -1,6 +1,9 @@ --- title: "Secteur d'activités" -layout: "sector" +description: "Une solution pensée pour le secteur social, dans toute sa diversité" +card: "CHILL est une solution complète conçue pour s'adapter aux réalités nombreuses du secteur social. Grâce à sa grande flexibilité, elle répond aux besoins de structures très différentes, quels que soient leur taille ou le public accompagné." +layout: "gradient-card" +bgColor: "activity-sector" client_logos: - name: "amli" logo: "/images/logos/amli.png" @@ -50,23 +53,13 @@ client_logos: logo: "/images/logos/vendée.png" --- -{{< section-container class="bg-gradient-to-b from-secondary-50 via-secondary-50 to-white pt-20 pb-32" >}} -
-

Secteur d'activités

-

Une solution pensée pour le secteur social, dans toute sa diversité

-
-

- CHILL est une solution complète conçue pour s’adapter aux réalités nombreuses du secteur social. Grâce à sa grande flexibilité, elle répond aux besoins de structures très différentes, quels que soient leur taille ou le public accompagné. -

-
-
-{{< /section-container >}} -{{< sector-section title="CHILL, un logiciel ancré dans les valeurs du social" description="CHILL est édité par **Champs Libres**, une **coopérative belge à finalité sociale** active depuis plusieurs années dans le développement de solutions numériques orientées vers l’utilité sociale et collective. Champs Libres promeut le **logiciel libre** et travaille régulièrement avec des organisations du secteur non marchand, des pouvoirs publics et des associations, en développant des outils qui répondent aux besoins réels des utilisateurs et favorisent le partage et la réutilisation du code pour le bien commun.">}} + +{{< gradient-card-section title="CHILL, un logiciel ancré dans les valeurs du social" gradient-card="CHILL est édité par **Champs Libres**, une **coopérative belge à finalité sociale** active depuis plusieurs années dans le développement de solutions numériques orientées vers l’utilité sociale et collective. Champs Libres promeut le **logiciel libre** et travaille régulièrement avec des organisations du secteur non marchand, des pouvoirs publics et des associations, en développant des outils qui répondent aux besoins réels des utilisateurs et favorisent le partage et la réutilisation du code pour le bien commun.">}} Cette approche pragmatique et éthique signifie que CHILL n’est pas seulement un outil : c’est un projet qui s’est construit avec et pour les travailleurs sociaux, en s’appuyant sur une compréhension profonde des pratiques professionnelles et des défis du terrain. -{{< /sector-section >}} +{{< /gradient-card-section >}} -{{< sector-section title="Des domaines d’action variés" description="CHILL est aujourd’hui utilisé dans de nombreux secteurs de l’action sociale">}} +{{< gradient-card-section title="Des domaines d’action variés" description="CHILL est aujourd’hui utilisé dans de nombreux secteurs de l’action sociale">}}
{{< value-card @@ -94,11 +87,11 @@ Cette approche pragmatique et éthique signifie que CHILL n’est pas seulement icon="/images/sectors/home-heart.svg" >}}
-{{< /sector-section >}} +{{< /gradient-card-section >}} -{{< sector-section title="Une solution adaptée à toutes les organisations" description="Que vous soyez une petite structure locale ou une organisation plus large regroupant plusieurs dizaines, voire centaines de travailleurs sociaux, CHILL s’adapte à votre fonctionnement et à vos pratiques de terrain.">}} +{{< gradient-card-section title="Une solution adaptée à toutes les organisations" description="Que vous soyez une petite structure locale ou une organisation plus large regroupant plusieurs dizaines, voire centaines de travailleurs sociaux, CHILL s’adapte à votre fonctionnement et à vos pratiques de terrain.">}} {{< client-logos title="Ils font déjà confiance à CHILL" >}} -{{< /sector-section >}} +{{< /gradient-card-section >}} diff --git a/static/css/custom.css b/static/css/custom.css index 1cbe9d8..02668ea 100644 --- a/static/css/custom.css +++ b/static/css/custom.css @@ -1,370 +1,299 @@ +.activity-sector { + --bg-color: #a0dcff; } + .badge-generation-document { - --badge-color: #D50B51; -} + --badge-color: #D50B51; } .badge-rapport-rgpd { - --badge-color: #43B09B; -} + --badge-color: #43B09B; } .badge-rapports-statistiques { - --badge-color: #C9B99E; -} + --badge-color: #C9B99E; } .badge-suivi-accompagnements { - --badge-color: #EDC74B; -} + --badge-color: #EDC74B; } .badge-suivi-decisions { - --badge-color: #a0dcff; -} + --badge-color: #a0dcff; } .badge-suivi-usagers { - --badge-color: #333333; -} + --badge-color: #333333; } .badge-rendez-vous { - --badge-color: #E27A3E; -} + --badge-color: #E27A3E; } @font-face { - font-family: "Lato", Arial; + font-family: 'Lato', Arial; src: url("assets/fonts/Lato/Lato-Regular.ttf") format("truetype"); font-display: optional; font-weight: normal; - font-style: normal; -} + font-style: normal; } body { - font-family: "Lato", sans-serif; -} -body .highlight { - padding: 0.25rem; -} -body .highlight-1 { - background-color: #43B09B; -} -body .highlight-2 { - background-color: #D50B51; -} -body .highlight-3 { - background-color: #EDC74B; -} + font-family: 'Lato', sans-serif; } + body .highlight { + padding: .25rem; } + body .highlight-1 { + background-color: #43B09B; } + body .highlight-2 { + background-color: #D50B51; } + body .highlight-3 { + background-color: #EDC74B; } header.header { - background-color: #0d242e; -} + background-color: #0d242e; } footer.footer { - background-color: #0d242e; -} + background-color: #0d242e; } .chill-pres { - padding-top: 0rem; -} + padding-top: 0rem; } .navbar .btn-primary { background-color: #f46839; border: 1px solid #f46839; - color: white; -} -.navbar .btn-primary:hover { - background-color: #E27A3E; - border: 1px solid #E27A3E; -} + color: white; } + .navbar .btn-primary:hover { + background-color: #E27A3E; + border: 1px solid #E27A3E; } .navbar .lang-select { - color: white; -} + color: white; } section.hero { - background-color: #0d242e; -} -section.hero h1 { - color: #43B09B; -} + background-color: #0d242e; } + section.hero h1 { + color: #43B09B; } section.section-1 { background-color: white; - padding-top: 10rem; -} -section.section-1 li { - font-weight: 600; -} -section.section-2 .container { - color: #0d242e; - text-align: center; - margin-top: 4rem; -} -section.section-2 .container h2 { - line-height: 3.5rem; -} + padding-top: 10rem; } + section.section-1 li { + font-weight: 600; } section.section-2 { - background: rgb(233, 227, 216); - background: linear-gradient(180deg, rgb(233, 227, 216) 0%, rgb(239, 239, 239) 100%); -} + background: #e9e3d8; + background: linear-gradient(180deg, #e9e3d8 0%, #efefef 100%); } + section.section-2 .container { + color: #0d242e; + text-align: center; + margin-top: 4rem; } + section.section-2 .container h2 { + line-height: 3.5rem; } section.section-3 { - background: rgb(239, 239, 239); - background: linear-gradient(180deg, rgb(239, 239, 239) 0%, rgb(255, 255, 255) 100%); -} -section.section-3 h2 { - position: relative; - z-index: 1; -} -section.section-3 h2:before { - content: ""; - position: absolute; - width: 70px; - height: 70px; - left: -10%; - top: -30%; - margin-left: -35px; - background-color: #f46839; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); - z-index: 0; - border-radius: 50px; -} + background: #efefef; + background: linear-gradient(180deg, #efefef 0%, white 100%); } + section.section-3 h2 { + position: relative; + z-index: 1; } + section.section-3 h2:before { + content: ''; + position: absolute; + width: 70px; + height: 70px; + left: -10%; + top: -30%; + margin-left: -35px; + background-color: #f46839; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); + z-index: 0; + border-radius: 50px; } section.section-4 { position: relative; - background-color: white; -} -section.section-4 .row { - padding-bottom: 5rem; -} -section.section-4 h4 { - font-weight: bold; - height: 175px; - color: #0d242e; - border: 1px dashed #0d242e; - border-radius: 15px; - padding: 3rem; -} -section.section-4 .btn-primary { - position: absolute; - top: 52%; - left: 28%; -} + background-color: white; } + section.section-4 .row { + padding-bottom: 5rem; } + section.section-4 h4 { + font-weight: bold; + height: 175px; + color: #0d242e; + border: 1px dashed #0d242e; + border-radius: 15px; + padding: 3rem; } + section.section-4 .btn-primary { + position: absolute; + top: 52%; + left: 28%; } section.section-5 { - background-color: rgba(67, 176, 155, 0.5); -} + background-color: rgba(67, 176, 155, 0.5); } section.section-6 { background-color: #0d242e !important; background-repeat: repeat; background-position: top center; - background-image: url("/images/bg/pattern-1.png"); -} + background-image: url("/images/bg/pattern-1.png"); } section.section-7 h2 { position: relative; - z-index: 1; -} -section.section-7 h2:before { - content: ""; - position: absolute; - width: 70px; - height: 70px; - left: -15%; - top: -30%; - margin-left: -35px; - background-color: #fcc958; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); - z-index: 0; - border-radius: 0; -} + z-index: 1; } + section.section-7 h2:before { + content: ''; + position: absolute; + width: 70px; + height: 70px; + left: -15%; + top: -30%; + margin-left: -35px; + background-color: #fcc958; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); + z-index: 0; + border-radius: 0; } section h2.title { - color: #0d242e; -} + color: #0d242e; } section.big-text h2, section.big-text p, section.li-block h2, section.li-block p { width: fit-content; margin-left: auto; - margin-right: auto; -} + margin-right: auto; } section.big-text .container .row > div:last-child { width: 80%; - margin-left: 10%; -} + margin-left: 10%; } section.li-block .container .row > div:last-child { - width: 100%; -} + width: 100%; } section.li-block .container .row > div ul { - display: flex; -} -section.li-block .container .row > div ul li i:first-child { - display: none; -} -section.li-block .container .row > div ul li { - flex: 1 0 0; - margin: 0.5em 2rem 0.5em 2rem; - padding: 2em 1em 1em 1em; - text-align: center; - border-radius: 20px; -} + display: flex; } + section.li-block .container .row > div ul li { + flex: 1 0 0; + margin: 0.5em 2rem 0.5em 2rem; + padding: 2em 1em 1em 1em; + text-align: center; + border-radius: 20px; } + section.li-block .container .row > div ul li i:first-child { + display: none; } section.li-block.section-1 ul li { font-weight: 500; font-size: large; - position: relative; -} -section.li-block.section-1 ul li:nth-child(1) { - position: relative; - z-index: 1; -} -section.li-block.section-1 ul li:nth-child(1):before { - content: ""; - position: absolute; - width: 100px; - height: 100px; - left: 44%; - top: -60%; - margin-left: -35px; - background-color: #56c4aa; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); - z-index: 0; - border-radius: 0; -} -section.li-block.section-1 ul li:nth-child(2) { - position: relative; - z-index: 1; -} -section.li-block.section-1 ul li:nth-child(2):before { - content: ""; - position: absolute; - width: 100px; - height: 100px; - left: 44%; - top: -60%; - margin-left: -35px; - background-color: #f0384d; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); - z-index: 0; - border-radius: 50px; -} -section.li-block.section-1 ul li:nth-child(3) { - position: relative; - z-index: 1; -} -section.li-block.section-1 ul li:nth-child(3):before { - content: ""; - position: absolute; - width: 100px; - height: 100px; - left: 44%; - top: -60%; - margin-left: -35px; - background-color: #E27A3E; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); - z-index: 0; - border-radius: 0; -} -section.li-block.section-1 ul li:nth-child(4) { - position: relative; - z-index: 1; -} -section.li-block.section-1 ul li:nth-child(4):before { - content: ""; - position: absolute; - width: 100px; - height: 100px; - left: 44%; - top: -60%; - margin-left: -35px; - background-color: #fcc958; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); - z-index: 0; - border-radius: 50px; -} + position: relative; } + section.li-block.section-1 ul li:nth-child(1) { + position: relative; + z-index: 1; } + section.li-block.section-1 ul li:nth-child(1):before { + content: ''; + position: absolute; + width: 100px; + height: 100px; + left: 44%; + top: -60%; + margin-left: -35px; + background-color: #56c4aa; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); + z-index: 0; + border-radius: 0; } + section.li-block.section-1 ul li:nth-child(2) { + position: relative; + z-index: 1; } + section.li-block.section-1 ul li:nth-child(2):before { + content: ''; + position: absolute; + width: 100px; + height: 100px; + left: 44%; + top: -60%; + margin-left: -35px; + background-color: #f0384d; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); + z-index: 0; + border-radius: 50px; } + section.li-block.section-1 ul li:nth-child(3) { + position: relative; + z-index: 1; } + section.li-block.section-1 ul li:nth-child(3):before { + content: ''; + position: absolute; + width: 100px; + height: 100px; + left: 44%; + top: -60%; + margin-left: -35px; + background-color: #E27A3E; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); + z-index: 0; + border-radius: 0; } + section.li-block.section-1 ul li:nth-child(4) { + position: relative; + z-index: 1; } + section.li-block.section-1 ul li:nth-child(4):before { + content: ''; + position: absolute; + width: 100px; + height: 100px; + left: 44%; + top: -60%; + margin-left: -35px; + background-color: #fcc958; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); + z-index: 0; + border-radius: 50px; } section.li-block.section-5 .container .row p { - margin-bottom: 5rem; -} + margin-bottom: 5rem; } section.li-block.section-5 .container .row ul li { border-radius: 1em; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(20px); width: 400px; height: 180px; - padding: 0.85rem; + padding: .85rem; position: relative; z-index: 0; overflow: hidden; - transition: 0.6s ease-in; -} -section.li-block.section-5 .container .row ul li::before { - content: ""; - position: absolute; - z-index: -1; - top: -15px; - right: -15px; - height: 220px; - width: 25px; - border-radius: 32px; - transform: scale(1); - transform-origin: 50% 50%; - transition: transform 0.25s ease-out; -} -section.li-block.section-5 .container .row ul li:nth-child(1)::before { - background-color: rgba(240, 56, 77, 0.85); -} -section.li-block.section-5 .container .row ul li:nth-child(2)::before { - background-color: rgba(232, 148, 99, 0.85); -} -section.li-block.section-5 .container .row ul li:nth-child(3)::before { - background-color: rgba(67, 178, 157, 0.85); -} -section.li-block.section-5 .container .row ul li:nth-child(4)::before { - background-color: rgb(241, 210, 117); -} -section.li-block.section-5 .container .row ul li:hover::before { - transition-delay: 0.2s; - transform: scale(40); -} -section.li-block.section-5 .container .row ul li:hover { - color: #ffffff; -} -section.li-block.section-5 .container .row ul li:hover h5 { - color: #EBEBEB; -} -section.li-block.section-5 .container .row ul li h5 { - color: #0d242e; - font-weight: bold; -} + transition: 0.6s ease-in; } + section.li-block.section-5 .container .row ul li::before { + content: ""; + position: absolute; + z-index: -1; + top: -15px; + right: -15px; + height: 220px; + width: 25px; + border-radius: 32px; + transform: scale(1); + transform-origin: 50% 50%; + transition: transform 0.25s ease-out; } + section.li-block.section-5 .container .row ul li:nth-child(1)::before { + background-color: rgba(240, 56, 77, 0.85); } + section.li-block.section-5 .container .row ul li:nth-child(2)::before { + background-color: rgba(232, 148, 99, 0.85); } + section.li-block.section-5 .container .row ul li:nth-child(3)::before { + background-color: rgba(67, 178, 157, 0.85); } + section.li-block.section-5 .container .row ul li:nth-child(4)::before { + background-color: #f1d275; } + section.li-block.section-5 .container .row ul li:hover::before { + transition-delay: 0.2s; + transform: scale(40); } + section.li-block.section-5 .container .row ul li:hover { + color: #ffffff; } + section.li-block.section-5 .container .row ul li:hover h5 { + color: #EBEBEB; } + section.li-block.section-5 .container .row ul li h5 { + color: #0d242e; + font-weight: bold; } section.li-block a.btn-chill { - background-color: #fc3636; -} + background-color: #fc3636; } .download { margin-right: auto; margin-left: auto; - display: block; -} -.download a { - text-decoration: none; - padding: 0.5rem; -} + display: block; } + .download a { + text-decoration: none; + padding: .5rem; } section.dark p { color: white; - font-weight: bolder; -} + font-weight: bolder; } .hop { - color: red; -} + color: red; } .content-subtitle { padding-left: 2rem; - font-weight: bold; -} + font-weight: bold; } .bord-1 { - border-left: 4px solid #E27A3E; -} + border-left: 4px solid #E27A3E; } .bord-2 { - border-left: 4px solid #C9B99E; -} + border-left: 4px solid #C9B99E; } .bord-3 { - border-left: 4px solid #EDC74B; -} + border-left: 4px solid #EDC74B; } .bord-4 { - border-left: 4px solid #43B09B; -} + border-left: 4px solid #43B09B; } .chapo { font-size: large; @@ -373,144 +302,105 @@ section.dark p { padding-bottom: 2rem; font-style: italic; position: relative; - margin-bottom: 5rem; -} -.chapo::after { - content: ""; - position: absolute; - left: 0; - right: 0; - top: 100%; - margin: 10px auto; - width: 15%; - height: 6px; - background: #DE4849; -} + margin-bottom: 5rem; } + .chapo::after { + content: ''; + position: absolute; + left: 0; + right: 0; + top: 100%; + margin: 10px auto; + width: 15%; + height: 6px; + background: #DE4849; } figure.image { display: flex; - flex-direction: column; -} -figure.image.left { - float: left; - margin-right: 1.5em; -} -figure.image.right { - float: right; - margin-left: 1.5em; -} -figure.image.center { - display: flex; - justify-content: center; - align-items: center; -} -figure.image img { - margin-bottom: 0; -} + flex-direction: column; } + figure.image.left { + float: left; + margin-right: 1.5em; } + figure.image.right { + float: right; + margin-left: 1.5em; } + figure.image.center { + display: flex; + justify-content: center; + align-items: center; } + figure.image img { + margin-bottom: 0; } + .text-brochure { - text-align: center; -} + text-align: center; } @media screen and (max-width: 1536px) { section.li-block.section-5 .container .row ul { - flex-wrap: wrap; - } + flex-wrap: wrap; } section.li-block.section-5 .container .row ul li { - flex: 30%; - } -} + flex: 30%; } } @media screen and (max-width: 1023px) { section.section-4 h4 { - height: 224px; - } + height: 224px; } section.section-4 .btn-primary { - top: 56%; - } + top: 56%; } + section.li-block.section-5 .container .row ul { - flex-wrap: wrap; - } + flex-wrap: wrap; } section.li-block.section-5 .container .row ul li { - flex: 50%; - } -} + flex: 50%; } } @media screen and (max-width: 767px) { section.hero { - height: 110vh; - } + height: 110vh; } section.section-3 h2:before { top: -70%; left: 5%; - z-index: -1; - } + z-index: -1; } section.section-4 h4 { - height: 280px; - } + height: 280px; } section.section-4 .btn-primary { - top: 64%; - } + top: 64%; } + section.li-block .container .row > div ul { - flex-direction: column; - } - section.li-block .container .row > div ul li { - margin-bottom: 4rem; - } + flex-direction: column; } + section.li-block .container .row > div ul li { + margin-bottom: 4rem; } section.li-block.section-1 ul li:nth-child(1) { - top: -66%; - } + top: -66%; } section.li-block.section-1 ul li:nth-child(2) { - top: -66%; - } + top: -66%; } section.li-block.section-1 ul li:nth-child(3):before { - top: -85%; - } + top: -85%; } section.li-block.section-1 ul li:nth-child(4):before { - top: -85%; - } + top: -85%; } section.li-block.section-5 .container .row ul { - flex-wrap: wrap; - } + flex-wrap: wrap; } section.li-block.section-5 .container .row ul li { - flex: 50%; - } -} + flex: 50%; } } @media screen and (max-width: 513px) { section.hero { - height: 120vh; - } + height: 120vh; } section.section-4 h4 { - font-size: 1.1rem; - } + font-size: 1.1rem; } section.section-4 .btn-primary { - top: 64%; - } + top: 64%; } section.section-5 .container .row ul li { - width: 350px; - } -} + width: 350px; } } @media screen and (max-width: 470px) { section.section-4 h4 { - height: 280px; - } + height: 280px; } section.section-4 .btn-primary { - top: 64%; - } + top: 64%; } + section.li-block.section-1 ul li:nth-child(3):before { - top: -70%; - } + top: -70%; } section.li-block.section-1 ul li:nth-child(4):before { - top: -70%; - } + top: -70%; } section.li-block.section-5 .container .row ul { - flex-wrap: wrap; - } + flex-wrap: wrap; } section.li-block.section-5 .container .row ul li { - width: 350px; - } -} + width: 350px; } } @media screen and (max-width: 420px) { section.li-block.section-5 .container .row ul li { - width: 300px; - } -} + width: 300px; } } /*# sourceMappingURL=custom.css.map */ diff --git a/static/css/custom.css.map b/static/css/custom.css.map index 43ee3ba..d8b7c22 100644 --- a/static/css/custom.css.map +++ b/static/css/custom.css.map @@ -1 +1,7 @@ -{"version":3,"sourceRoot":"","sources":["../../assets/scss/custom.scss"],"names":[],"mappings":"AAcA;EAA+B;;;AAC/B;EAAuB;;;AACvB;EAA+B;;;AAC/B;EAA+B;;;AAC/B;EAA2B;;;AAC3B;EAAsB;;;AACtB;EAAoB;;;AAUpB;EACE;EACA;EACA;EACA;EACA;;AAkDF;EACE;;AACA;EACE;;AAEF;EACE,kBAvFU;;AAyFZ;EACE,kBApFS;;AAsFX;EACE,kBA5FW;;;AAiGf;EACI,kBAhFW;;;AAkFf;EACI,kBAnFW;;;AAsFf;EACE;;;AAIA;EACE,kBA1FK;EA2FL;EACA;;AACA;EACE,kBAjHS;EAkHT;;AAGJ;EACE;;;AAKA;EACE,kBA3GS;;AA4GT;EAAK,OA/HG;;AAiIV;EACE;EACE;;AACA;EAAK;;AAGP;EACE,OArHO;EAsHP;EACA;;AACA;EACE;;AANN;EASE;EACA;;AAEF;EACE;EACA;;AACE;EA1FJ;EACA;;AACA;EACI;EACA;EACA;EACA;EACA,MAoF+D;EAnF/D,KAmFyD;EAlFzD;EACA,kBAhDC;EAiDD;EACA;EAEI;;AAgFR;EACE;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA,OA/IO;EAgJP;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAGJ;EACI;;AAEJ;EACI;EA7IJ;EACA;EACA;;AA+II;EA1HJ;EACA;;AACA;EACI;EACA;EACA;EACA;EACA,MAoH+D;EAnH/D,KAmHyD;EAlHzD;EACA,kBA7CC;EA8CD;EACA;EAKI;;;AAgHR;EACE,OA1KS;;AA+KP;EACI;EACA;EACA;;AAMI;EACI;EACA;;AASJ;EACI;;AAEJ;EACI;;AAEI;EACI;;AAFR;EAII;EACA;EACA;EACA;EACA;;AAOZ;EACI;EACA;EACA;;AACF;EAnLV;EACA;;AACA;EACI;EACA;EACA;EACA;EACA,MARoF;EASpF,KATmE;EAUnE;EACA,kBA/CK;EAgDL;EACA;EAKI;;AAqKI;EAtLZ;EACA;;AACA;EACI;EACA;EACA;EACA;EACA,MARoF;EASpF,KATmE;EAUnE;EACA,kBA9CF;EA+CE;EACA;EAEI;;AA2KI;EAzLZ;EACA;;AACA;EACI;EACA;EACA;EACA;EACA,MARoF;EASpF,KATmE;EAUnE;EACA,kBAnEO;EAoEP;EACA;EAKI;;AA2KI;EA5LZ;EACA;;AACA;EACI;EACA;EACA;EACA;EACA,MARoF;EASpF,KATmE;EAUnE;EACA,kBA7CC;EA8CD;EACA;EAEI;;AAsLA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AACA;EACE,OAzSA;;AA4SJ;EACE,OA9RD;EA+RC;;AAMV;EACE;;;AAMR;EACE;EACA;EACA;;AACA;EACE;EACA;;;AAMA;EACI;EACA;;;AAIR;EACI;;;AAMJ;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAIF;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EAAQ;EACR;EACA;EACA;EACA;EACA,YAvXM;;;AA2XZ;EAGI;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;;AAKR;EACE;;;AAKF;EAKU;IACE;;EAEF;IACE;;;AAQZ;EAGM;IACE;;EAEF;IACE;;EASE;IACE;;EAEF;IACE;;;AAQZ;EAEI;IACE;;EAGA;IACE;IACA;IACA;;EAIF;IACE;;EAEF;IACE;;EASE;IACE;;EACA;IACE;;EAQJ;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAMF;IACE;;EAEF;IACE;;;AAQZ;EAEI;IACE;;EAGA;IACE;;EAEF;IACE;;EAKA;IACE;;;AAOV;EAGM;IACE;;EAEF;IACE;;EASE;IACE;;EAEF;IACE;;EAOF;IACE;;EAEF;IACE;;;AAQZ;EAKU;IACE","file":"custom.css"} \ No newline at end of file +{ +"version": 3, +"mappings": "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", +"sources": ["../../assets/scss/custom.scss"], +"names": [], +"file": "custom.css" +} \ No newline at end of file diff --git a/static/css/style.css b/static/css/style.css index 08848af..dc50a24 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -1896,17 +1896,36 @@ body { } .section { - padding-top: 4rem; - padding-bottom: 4rem; + padding-top: 2rem; + padding-bottom: 2rem; } @media (min-width: 768px) { .section { - padding-top: 6rem; - padding-bottom: 6rem; + padding-top: 4rem; + padding-bottom: 4rem; } } +.card { + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); + padding: 1.5rem; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 200ms; +} + +.card:hover { + --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.card { + border-radius: 2rem; +} + .nav-link { font-weight: 700; --tw-text-opacity: 1; @@ -2437,6 +2456,10 @@ body { height: 100%; } +.h-48 { + height: 12rem; +} + .max-h-12 { max-height: 3rem; } @@ -2497,6 +2520,10 @@ body { width: 100%; } +.w-48 { + width: 12rem; +} + .\!max-w-none { max-width: none !important; } @@ -2587,6 +2614,14 @@ body { resize: both; } +.list-inside { + list-style-position: inside; +} + +.list-disc { + list-style-type: disc; +} + .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } @@ -2603,10 +2638,6 @@ body { align-items: flex-start; } -.items-end { - align-items: flex-end; -} - .items-center { align-items: center; } @@ -3127,6 +3158,10 @@ body { text-align: right; } +.text-start { + text-align: start; +} + .font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } @@ -4571,11 +4606,6 @@ body { padding-right: 1.5rem; } - .sm\:py-20 { - padding-top: 5rem; - padding-bottom: 5rem; - } - .sm\:py-32 { padding-top: 8rem; padding-bottom: 8rem; diff --git a/themes/chill-theme/assets/css/main.css b/themes/chill-theme/assets/css/main.css index 0633632..f7a5057 100644 --- a/themes/chill-theme/assets/css/main.css +++ b/themes/chill-theme/assets/css/main.css @@ -56,7 +56,7 @@ } .section { - @apply py-16 md:py-24; + @apply py-8 md:py-16; } .card { diff --git a/themes/chill-theme/layouts/_default/gradient-card.html b/themes/chill-theme/layouts/_default/gradient-card.html new file mode 100644 index 0000000..85aec40 --- /dev/null +++ b/themes/chill-theme/layouts/_default/gradient-card.html @@ -0,0 +1,30 @@ +{{ define "main" }} +
+ +
+
+
+
+
+ +
+

{{ .Params.title }}

+

{{ .Params.description }}

+
+

+ {{ .Params.card | markdownify }} +

+
+
+ + {{ .Content }} +
+
+
+
+
+{{ end }} \ No newline at end of file diff --git a/themes/chill-theme/layouts/_default/sector.html b/themes/chill-theme/layouts/_default/sector.html deleted file mode 100644 index 984f730..0000000 --- a/themes/chill-theme/layouts/_default/sector.html +++ /dev/null @@ -1,5 +0,0 @@ -{{ define "main" }} -
- {{ .Content }} -
-{{ end }} diff --git a/themes/chill-theme/layouts/features/list.html b/themes/chill-theme/layouts/features/list.html index e8de35e..6cda95c 100644 --- a/themes/chill-theme/layouts/features/list.html +++ b/themes/chill-theme/layouts/features/list.html @@ -1,79 +1,81 @@ {{ define "main" }}
-
-
- -
- {{ partial "features-sidebar.html" . }} -
+
+
+ +
+ {{ partial "features-sidebar.html" . }} +
- -
-
-

{{ .Title }}

- {{ with .Params.description }} -

{{ . }}

- {{ end }} + +
+
+

{{ .Title }}

+ {{ with .Params.description }} +

{{ . }}

+ {{ end }} - + -
- {{ $paginator := .Paginate (.Pages.ByWeight) }} - {{ range $paginator.Pages }} - {{ partial "feature-card.html" . }} - {{ end }} -
+
+ {{ $paginator := .Paginate (.Pages.ByWeight) }} + {{ range $paginator.Pages }} + {{ partial "feature-card.html" . }} + {{ end }} +
- {{ $paginator := .Paginate .Pages }} - {{ if gt $paginator.TotalPages 1 }} -
- {{ if $paginator.HasNext }} - - {{ i18n "next" }} - - - - - {{ else }} -
- {{ end }} - - {{ end }} - - - {{ partial "components/cta.html" . }} - - + + {{ partial "components/cta.html" . }} + + +
-
-{{ end }} +{{ end }} \ No newline at end of file diff --git a/themes/chill-theme/layouts/features/single.html b/themes/chill-theme/layouts/features/single.html index b680362..b82db9d 100644 --- a/themes/chill-theme/layouts/features/single.html +++ b/themes/chill-theme/layouts/features/single.html @@ -1,98 +1,102 @@ {{ define "main" }}
- -
-
-
- -
- {{ partial "features-sidebar.html" . }} -
+ +
+
+
+ +
+ {{ partial "features-sidebar.html" . }}
-
- - {{ if .Params.features }} -
-
- {{ range .Params.features }} -
-
- {{ .title }} -
-
-

{{ .description }}

-
+
+
+ +
+ +
+
+
+ {{ with .Params.badge }} +
+ + {{ . }} + +
+ {{ end }} +

{{ .Title }} +

+

{{ .Description }}

+
+
+
+
+ + +
+ + {{ if .Params.features }} +
+
+ {{ range .Params.features }} +
+
+ {{ .title }} +
+
+

{{ .description }}

+
+
+ {{ end }} +
+
+ {{ end }} + + +
+ {{ .Content }} +
+ + {{ if .Params.demo }} +
+
+

{{ i18n + "seeItInAction" }}

+

{{ .Params.demo.description }}

+
+
+
+
+ {{ range .Params.demo.images }} +
+ Demo +
+ {{ end }} +
+
+
{{ end }}
-
- {{ end }} - -
- {{ .Content }} -
- - {{ if .Params.demo }} -
-
-

{{ i18n "seeItInAction" }}

-

{{ .Params.demo.description }}

-
-
-
-
- {{ range .Params.demo.images }} -
- Demo -
- {{ end }} -
-
-
-
- {{ end }} -
- - - {{ partial "components/cta.html" . }} - - + + {{ partial "components/cta.html" . }} + + +
-
-{{ end }} - +{{ end }} \ No newline at end of file diff --git a/themes/chill-theme/layouts/shortcodes/sector-section.html b/themes/chill-theme/layouts/shortcodes/gradient-card-section.html similarity index 83% rename from themes/chill-theme/layouts/shortcodes/sector-section.html rename to themes/chill-theme/layouts/shortcodes/gradient-card-section.html index d0a41a2..de0f363 100644 --- a/themes/chill-theme/layouts/shortcodes/sector-section.html +++ b/themes/chill-theme/layouts/shortcodes/gradient-card-section.html @@ -4,13 +4,13 @@
-
+

{{ $title }}

{{ $description | markdownify }}

-
+
{{ .Inner | safeHTML }}