diff --git a/assets/scss/custom.scss b/assets/scss/custom.scss index cefcd56..9c3d5f7 100755 --- a/assets/scss/custom.scss +++ b/assets/scss/custom.scss @@ -70,9 +70,6 @@ header.header { background-color: $bg-dark-blue; } main > section { - h2 { - width: fit-content; - } &.hero { background-color: $bg-dark-blue; @include add-bg-pattern(1); @@ -126,6 +123,7 @@ section { width: 100%; } h2, p { + width: fit-content; margin-left: auto; margin-right: auto; } @@ -147,18 +145,21 @@ section { } // Add custom colored icons on each item &.section-1 { + //text-transform: uppercase; ul li { + font-weight: 500; + font-size: large; &:nth-child(1) { - @include add-decorative-shape($text-green, 'square', 0.7, 110px); + @include add-decorative-shape($text-green, 'square', 0.7, 105px); } &:nth-child(2) { - @include add-decorative-shape($icon-red, 'circle', 0.7, 110px); + @include add-decorative-shape($icon-red, 'circle', 0.7, 105px); } &:nth-child(3) { - @include add-decorative-shape($chill-orange, 'square', 0.7, 110px); + @include add-decorative-shape($chill-orange, 'square', 0.7, 105px); } &:nth-child(4) { - @include add-decorative-shape($icon-yellow, 'circle', 0.7, 110px); + @include add-decorative-shape($icon-yellow, 'circle', 0.7, 105px); } } } @@ -191,6 +192,47 @@ section.dark { } } -.btn { - text-transform: unset; +.hop { + color: red; +} + + +///// PAGES + +main > section { + &.page-hero { + background-color: $bg-dark-blue; + @include add-bg-pattern(1); + @include add-horizontal-curve(1, bottom); + h1 { color: $text-green; } + } +} + +.chapo { + font-size: large; + font-weight: 600; +} + +figure.image { + //background-color: $chill-lightgray; + //padding: 1em; + display: flex; + flex-direction: column; + &.left { + float: left; + margin-right: 1.5em; + } + &.right { + float: right; + margin-left: 1.5em; + } + &.center { + display: flex; + justify-content: center; + align-items: center; + } + img { + margin-bottom: 0; + } + figcaption {} } \ No newline at end of file diff --git a/content/francais/_index.md b/content/francais/_index.md index 7a8fc56..4d21095 100755 --- a/content/francais/_index.md +++ b/content/francais/_index.md @@ -73,14 +73,13 @@ features: - #5 class: li-block image: /images/svg/curve-30.svg ## - title: Mais aussi... - content: > - my-content Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eu lobortis elementum nibh tellus molestie nunc. Vestibulum lorem sed risus ultricies tristique nulla aliquet. + title: #Mais aussi... + content: #CHILL est un logiciel professionnel conçu selon les standards de développement actuels. bulletpoints: - - "**Responsive et accessible depuis n’importe quel support informatique** (smartphone, ordinateur, tablette, etc.) afin de répondre aux enjeux de mobilité des travailleurs." - - "**Propose une solution clé en main** *backend-frontend* aux nombreuses possibilités de paramétrage, qui peut être adaptée et installée dans différentes infrastructures techniques." - - "**Respecte les principes du RGPD** de *privacy by design* et *security by design*, en offrant la possibilité aux administrateurs de paramétrer différents rôles, cercles d’utilisateurs et règles d’accès aux contenus." - - "**S’inscrit dans la philosophie du logiciel libre** et dans un processus d’amélioration continue pour un code source restant ouvert, car l’argent public doit fabriquer du code public." + -

Responsive et accessible depuis n’importe quel support informatique

(smartphone, ordinateur, tablette, etc.) afin de répondre aux enjeux de mobilité des travailleurs. + -

Propose une solution clé en main

backend-frontend aux nombreuses possibilités de paramétrage, qui peut être adaptée et installée dans différentes infrastructures techniques. + -

Respecte les principes du RGPD

de privacy by design et security by design, en offrant la possibilité aux administrateurs de paramétrer différents rôles, cercles d’utilisateurs et règles d’accès aux contenus. + -

S’inscrit dans la philosophie du logiciel libre

et dans un processus d’amélioration continue pour un code source restant ouvert, car l’argent public doit fabriquer du code public. button: enable: false label: Button label diff --git a/content/francais/presentation/persons.md b/content/francais/presentation/persons.md index e51780c..619379f 100644 --- a/content/francais/presentation/persons.md +++ b/content/francais/presentation/persons.md @@ -1,20 +1,27 @@ --- title: Suivi des usagers subtitle: Fiches usagers -image: +image: /images/test/capture1.png +description: Chill permet d'enregistrer une grande quantité d'informations utiles pour le suivi des usagers. comments: false --- - - -**Chill permet d'enregistrer une grande quantité d'informations utiles pour le suivi des usagers.** - ## Collecter les informations de base -Chaque usager dispose **de sa propre fiche**. Elle contient les informations "de base": nom et prénom, date de naissance, données de contacts, ∵ +Chaque usager dispose **de sa propre fiche**. Elle contient les informations "de base": nom et prénom, date de naissance, données de contacts, etc. Il est possible d'indiquer plusieurs **numéros de téléphone**, mais aussi d'indiquer des données de contact libre. +{{< place-image + src="img/image2.jpg" + alt="Bactérie en très gros plan" + class="bim" + float="left" + width="300" + height="200" + caption="Bactérie en très gros plan" +>}} + ## Associer l'usager à un ménage Chill permet d'associer chaque usager à un ménage. @@ -23,6 +30,16 @@ Un **historique** des appartenances à un ménage est enregistré, de sorte qu'i Un ménage comporte des enfants en garde alternée ? Des membres occasionnels ? Il est également possible de renseigner cette information. +{{< place-image + src="img/image3.jpg" + alt="Comic rigolo" + class="bim" + float="right" + width="300" + height="200" + caption="Comic rigolo" +>}} + ## Renseigner le budget de l'usager Chill permet de saisir les données de budget de l'usager et des ménages: montant des revenus et des charges mensuels. @@ -37,6 +54,14 @@ Chill permet d'enregistrer des personnes ou des tiers comme "ressources": médec Ces "ressources" peuvent être décrits comme un texte libre, ou provenir d'une base de donnée de tiers entretenue en commun. Il est également possible de renseigner d'autres usagers comme "ressources". +{{< place-image + src="img/image4.jpg" + alt="Cute puppy" + class="bim" + width="400" + caption="Cute puppy" +>}} + ## Téléverser et générer des documents Pour chaque fiche, il est possible de **téléverser des documents divers**: documents d'identités scannés, preuve d'adresse, courrier reçu, etc. diff --git a/content/notes.off/theme.txt b/content/notes.off/theme.txt index f5caf76..2339004 100644 --- a/content/notes.off/theme.txt +++ b/content/notes.off/theme.txt @@ -41,8 +41,45 @@ } } +---- - - - - \ No newline at end of file +themes/hugoplate/layouts/ +├── 404.html +├── about +│   └── list.html +├── authors +│   ├── list.html +│   └── single.html +├── blog +│   ├── list.html +│   └── single.html +├── contact +│   └── list.html +├── _default +│   ├── baseof.html +│   ├── list.html +│   ├── single.html // page +│   ├── taxonomy.html +│   └── terms.html +├── index.html // home +└── partials + ├── call-to-action.html + ├── components + │   ├── author-card.html + │   ├── blog-card.html + │   ├── breadcrumb.html + │   ├── language-switcher.html + │   ├── pagination.html + │   ├── theme-switcher.html + │   └── tw-size-indicator.html + ├── essentials + │   ├── footer.html + │   ├── header.html // home + │   ├── head.html + │   ├── script.html + │   └── style.html + ├── page-header.html // page + └── widgets + ├── categories.html + ├── tags.html + └── widget-wrapper.html diff --git a/themes/hugoplate/assets/scss/buttons.scss b/themes/hugoplate/assets/scss/buttons.scss index ae20a38..64a133c 100755 --- a/themes/hugoplate/assets/scss/buttons.scss +++ b/themes/hugoplate/assets/scss/buttons.scss @@ -1,5 +1,5 @@ .btn { - @apply inline-block rounded border border-transparent px-5 py-2 font-semibold capitalize transition; + @apply inline-block rounded border border-transparent px-5 py-2 font-semibold transition; } .btn-sm { diff --git a/themes/hugoplate/layouts/_default/single.html b/themes/hugoplate/layouts/_default/single.html index 5e2cb0f..c83f7e3 100755 --- a/themes/hugoplate/layouts/_default/single.html +++ b/themes/hugoplate/layouts/_default/single.html @@ -1,11 +1,13 @@ {{ define "main" }} {{ partial "page-header" . }} -
+
+ {{ .Description }} +
{{ .Content }}
diff --git a/themes/hugoplate/layouts/partials/components/breadcrumb.html b/themes/hugoplate/layouts/partials/components/breadcrumb.html index 9a0a0ef..a537711 100644 --- a/themes/hugoplate/layouts/partials/components/breadcrumb.html +++ b/themes/hugoplate/layouts/partials/components/breadcrumb.html @@ -3,14 +3,14 @@ {{ $base := site.BaseURL }} -
    +
    • {{ i18n "home" | default "Home" }} - / +
    • {{ range $i, $e:= $context.Ancestors.Reverse }} {{ if and (not .IsHome) (ne .Title "Pages") }} @@ -20,7 +20,7 @@ href="{{ .RelPermalink }}"> {{ .Title }} - / + {{ end }} {{ end }} diff --git a/themes/hugoplate/layouts/partials/page-header.html b/themes/hugoplate/layouts/partials/page-header.html index 1277053..27efd90 100755 --- a/themes/hugoplate/layouts/partials/page-header.html +++ b/themes/hugoplate/layouts/partials/page-header.html @@ -1,9 +1,17 @@ -
      +
      -
      -

      {{ .Title | title }}

      +
      + +

      {{ .Title }}

      {{ partial "components/breadcrumb" (dict "Context" . "Class" "mt-6") }}
      +
      diff --git a/themes/hugoplate/layouts/shortcodes/place-image.html b/themes/hugoplate/layouts/shortcodes/place-image.html new file mode 100644 index 0000000..631bcdf --- /dev/null +++ b/themes/hugoplate/layouts/shortcodes/place-image.html @@ -0,0 +1,25 @@ +{{/* layouts/shortcodes/place-image.html */}} + +{{ $base := ref . "." }} +{{ $src := .Get "src" }} +{{ $baseSrc := print $base $src }} + +{{ $alt := .Get "alt" }} +{{ $class := .Get "class" }} +{{ $float := .Get "float" }} +{{ $width := .Get "width" }} +{{ $height := .Get "height" }} + +
      + {{ $alt }} + {{ with .Get "caption" }} +
      + {{ . }} +
      + {{ end }} +