diff --git a/components/blocks/content.tsx b/components/blocks/content.tsx index 1bd4148..01d740c 100644 --- a/components/blocks/content.tsx +++ b/components/blocks/content.tsx @@ -25,10 +25,10 @@ export const Content: PageBlockFunction = ({ data }) => { return (
} } content={ data.body } /> diff --git a/components/inline/image.tsx b/components/inline/image.tsx index 94281e6..8ee6bb1 100644 --- a/components/inline/image.tsx +++ b/components/inline/image.tsx @@ -1,5 +1,6 @@ import { TinaMarkdownContent } from "tinacms/dist/rich-text"; import { RichTextTemplate } from "@tinacms/schema-tools"; +import { tinaField } from "tinacms/dist/react"; enum imageSize { small = "small", @@ -52,12 +53,30 @@ const Image = (props: ImageProps) => { } }; + const getPositionTypeClass = (): string | undefined => { + switch (props.position) { + case imagePosition.left: + return "float-left"; + case imagePosition.middle: + return "flex justify-center"; + case imagePosition.right: + return "float-right"; + default: + return undefined; + } + }; + + const getClassNameWithSpace = (className: string): string => `${ className ? ` ${ className }` : "" }`; + const decorationTypeClass = getDecorationTypeClass(); const sizeTypeClass = getSizeTypeClass(); - return (
- +
); }; diff --git a/components/util/container.tsx b/components/util/container.tsx index 8020647..fbf958c 100644 --- a/components/util/container.tsx +++ b/components/util/container.tsx @@ -17,7 +17,7 @@ export const Container = ({ const widthClass = { small: "max-w-4xl", medium: "max-w-5xl", - large: "max-w-7xl", + large: "container-large", custom: "" }; diff --git a/content/pages/about.mdx b/content/pages/about.mdx index 0c5f6ed..7bb8e6b 100644 --- a/content/pages/about.mdx +++ b/content/pages/about.mdx @@ -2,13 +2,14 @@ title: About blocks: - body: > - ![](/uploads/photo.jpg) - Je suis **psychopraticienne en art-thérapie** et mon approche est issue de - la **psychologie intégrative**, autrement dit, je m’intéresse à l’ensemble - de la personne : sa personnalité, son évolution dans ses différents - environnements (familial, professionnel, amical) et son fonctionnement à - la fois émotionnel, affectif, comportemental, cognitif et relationnel. + Je suis **psychopraticienne en + art-thérapie** et mon approche est issue de la **psychologie + intégrative**, autrement dit, je m’intéresse à l’ensemble de la personne : + sa personnalité, son évolution dans ses différents environnements + (familial, professionnel, amical) et son fonctionnement à la fois + émotionnel, affectif, comportemental, cognitif et relationnel. Ainsi, je m’adapte à vous en assemblant différentes techniques issues de @@ -80,7 +81,6 @@ blocks: Maintenant, c’est à votre tour de vous présenter à moi, si vous le souhaitez, n’hésitez pas à me **contacter** par **téléphone, par mail ou via les réseaux sociaux** ! - color: default _template: content url: aboutt --- @@ -89,3 +89,5 @@ url: aboutt + + diff --git a/content/pages/home.mdx b/content/pages/home.mdx index 356a47c..42fc21b 100644 --- a/content/pages/home.mdx +++ b/content/pages/home.mdx @@ -10,7 +10,7 @@ blocks: linkTo: main-page _template: carousel - body: > -
+

Découvrez la PsychARThérapie,

Quand l’art dévoile ce qui se cache en vous !

@@ -46,17 +46,6 @@ blocks: Tentez l’expérience et entrez dans votre espace de création et de liberté ! _template: content - - body: | - - - - - - dfnfdhdhdh - - -
- _template: content - headline: Welcome to the Tina Starter text: > This project is set up to show you the basics of working with Tina. You're @@ -150,6 +139,25 @@ url: home + + + + + + + + + + + + + + + + + + + diff --git a/styles/_styles.scss b/styles/_styles.scss index c73c5af..035a56f 100644 --- a/styles/_styles.scss +++ b/styles/_styles.scss @@ -19,6 +19,15 @@ html { scroll-padding-top: var(--header-Height); } +.container-large { + max-width: 75rem; +} + +.default-text-color { + color: var(--primaryColor); + --tw-prose-bold: #124498; +} + .font { font-family: 'Questrial', sans-serif; } diff --git a/styles/image.scss b/styles/image.scss index 7c699a5..7c0414c 100644 --- a/styles/image.scss +++ b/styles/image.scss @@ -4,12 +4,12 @@ border-radius: 1rem; } .sm-size { - height: 15rem; + max-height: 15rem; } .md-size { - height: 25rem; + max-height: 25rem; } .lg-size { - height: 40rem; + max-height: 40rem; } } \ No newline at end of file