feat: add biographie

maxgfr · Dec 26, 2021 · a8c8aa8 · a8c8aa8 · vercel · Dec 26, 2021
1 parent a6631cc
commit a8c8aa8
Show file tree

Hide file tree

Showing 6 changed files with 118 additions and 37 deletions.
diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -12,7 +12,10 @@ function MyApp({ Component, pageProps }: AppProps) {
   return (
     <ChakraProvider theme={theme}>
       <Header
-        links={[{ href: "/contact", label: "Contact" }]}
+        links={[
+          { href: "/biographie", label: "Biographie" },
+          { href: "/contact", label: "Contact" },
+        ]}
         title="Michel Golfier"
       />
       <Component {...pageProps} />

diff --git a/pages/biographie.tsx b/pages/biographie.tsx
@@ -0,0 +1,70 @@
+import type { NextPage } from "next";
+import { NextSeo } from "next-seo";
+import { Book } from "../src/components/book";
+import { Layout } from "../src/components/layout";
+import { BASE_URL } from "../src/config";
+import Head from "next/head";
+
+const Page: NextPage = () => {
+  return (
+    <>
+      <Head>
+        <script
+          type="application/ld+json"
+          dangerouslySetInnerHTML={{
+            __html: JSON.stringify({
+              "@context": "http://schema.org",
+              "@type": "Person",
+              image: `${BASE_URL}/img/image12.jpg`,
+              jobTitle: "Auteur",
+              name: "Michel Golfier",
+              url: `${BASE_URL}/biographie`,
+            }),
+          }}
+        />
+      </Head>
+      <NextSeo
+        title="Michel Golfier | Biographie"
+        description="Biographie de l'écrivain auvergnat, Michel Golfier."
+        canonical={`${BASE_URL}/biographie`}
+        openGraph={{
+          url: `${BASE_URL}/biographie`,
+          title: "Michel Golfier | Biographie",
+          description: "Biographie de l'écrivain auvergnat, Michel Golfier.",
+          site_name: "Michel Golfier",
+          locale: "fr_FR",
+          type: "profile",
+          profile: {
+            firstName: "Michel",
+            lastName: "Golfier",
+            gender: "male",
+            username: "michelgolfier",
+          },
+        }}
+      />
+      <Layout
+        wrapperProps={{
+          display: "flex",
+          justifyContent: "center",
+          alignItems: "center",
+          flexDirection: "column",
+        }}
+      >
+        <Book
+          titleAs="h1"
+          title="Biographie"
+          summary={[
+            "Michel Golfier est né le 29 novembre 1949 à Clermont-Ferrand, après avoir travaillé trente-huit ans dans la fonction publique hospitalière il se consacre à l'écriture. L'ensemble de ses ouvrages reflètent bien toute sa sensibilité pour le terroir.",
+            "Attaché à ses racines Auvergnates, il est notamment l'auteur de trois livres ayant tous le même dénominateur commun à savoir la vie locale d'autrefois, remontant parfois le temps jusqu'au milieu du XXème siècle. Faisant sienne cette citation d'un écrivain Africain Amadou Hampaté Bâ « quand un vieillard meurt, c'est une bibliothéque qui brûle » cela est vrai quelque que soit le pays ou le peuple. Faute de n'avoir pas su ou pu interroger nos anciens, nous n'avons pas été capable d'accueillir la mémoire ou tellement peu.",
+            "Dans son premier livre, il décrit la vie des villageois et du monde rural de son village sur 150 ans à travers certains événements agricoles ou politiques qui marquèrent la France à différentes époques. Neschers a eu un passé préhistorique et historique important, y furent trouvées notamment, des monnaies celtiques, des poteries et des traces de construction Gallo-Romaine, mais aussi une sculpture en calcaire tendre « Le cavalier à l'anguipède »",
+            "Dans le second, il retrace l'existence et l'oeuvre d'un éminent et remarquable savant paléontologiste du XIXème siècle qui de surcroît été curé de Neschers, il fit tout au long de sa vie de nombreuses découvertes d'ossements fossilisés, mais aussi d'un bois de renne gravé par la main de l'homme représentant un cheval daté d'environ 12.000 ans. Il donna de nombreuses conférences en France et en Europe et fut membre de plusieurs instituts.",
+            "Dans un troisième, il évoque à l'aide d'archives privées des XVIIème, XVIIIème et XIXème siècles, de délibérations des conseils municipaux de Plauzat de 1838 à 1920 etc., la vie des hommes faite de labeur dans cette France paysanne sous la Royauté, mais aussi de leur émancipation au cours du temps et au grés des évènements, grâce notamment à l'école de la République, mais aussi aux progrès réalisés dans divers domaines, tels que : l'hygiène, la médecine, sans oublier bien évidemment la chirurgie, tout cela contribua grandement à faire reculer l'âge de la mort. L'apport des sciences et des nouvelles techniques facilitèrent de beaucoup la vie quotidienne de nos concitoyens. Mais Hélas ! ils n'allaient pas échapper aux divers conflits qui allaient marquer et endeuiller les familles dans ce XXème siècle.",
+          ]}
+          wrapperProps={{ marginTop: 10, maxWidth: "80vw" }}
+        />
+      </Layout>
+    </>
+  );
+};
+
+export default Page;
diff --git a/pages/index.tsx b/pages/index.tsx
@@ -20,19 +20,6 @@ const Page: NextPage = () => {
             }),
           }}
         />
-        <script
-          type="application/ld+json"
-          dangerouslySetInnerHTML={{
-            __html: JSON.stringify({
-              "@context": "http://schema.org",
-              "@type": "Person",
-              image: `${BASE_URL}/img/image12.jpg`,
-              jobTitle: "Auteur",
-              name: "Michel Golfier",
-              url: BASE_URL,
-            }),
-          }}
-        />
       </Head>
       <NextSeo
         title="Michel Golfier, auteur auvergnat"
@@ -68,13 +55,7 @@ const Page: NextPage = () => {
           ],
           site_name: "Michel Golfier",
           locale: "fr_FR",
-          type: "profile",
-          profile: {
-            firstName: "Michel",
-            lastName: "Golfier",
-            gender: "male",
-            username: "michelgolfier",
-          },
+          type: "website",
         }}
       />
       <Layout
@@ -87,39 +68,53 @@ const Page: NextPage = () => {
       >
         <Book
           titleAs="h1"
-          title={"Michel Golfier, auteur auvergnat"}
-          summary="Attaché à mes racines Auvergnates, je suis l'auteur de trois livres ayant tous le même dénominateur commun à savoir la vie locale d'autrefois, remontant parfois le temps sur plusieurs siècles. Faisant mienne la citation d'un écrivain Africain Amadou Hampaté Bâ « quand un vieillard meurt, c'est toute une bibliothéque qui brûle » cela est vrai quelque soit le pays ou le peuple. Faute de n'avoir pas su ou pu interroger nos anciens, nous n'avons pas été capable, ou tellement peu d'accueillir la mémoire."
+          title="Michel Golfier, auteur auvergnat"
+          summary={[
+            "Attaché à mes racines Auvergnates, je suis l'auteur de trois livres ayant tous le même dénominateur commun à savoir la vie locale d'autrefois, remontant parfois le temps sur plusieurs siècles. Faisant mienne la citation d'un écrivain Africain Amadou Hampaté Bâ « quand un vieillard meurt, c'est toute une bibliothéque qui brûle » cela est vrai quelque soit le pays ou le peuple. Faute de n'avoir pas su ou pu interroger nos anciens, nous n'avons pas été capable, ou tellement peu d'accueillir la mémoire.",
+          ]}
           wrapperProps={{ maxWidth: "80vw" }}
         />
         <Book
           titleAs="h2"
-          title={
-            "L'Histoire d'un village du Puy-de-Dôme de l'an 1830 à nos jours, Neschers."
-          }
-          summary="Dans mon premier livre, je décris la vie des villageois et du monde rural de mon village sur 150 ans à travers certains événements politiques ou agricoles qui marquèrent la France à différentes époques et qui eurent des répercussions dans les villages de l'hexagone. Neschers a eu un passé préhistorique et historique important, comme dans beaucoup de bourgs de notre région d'ailleurs. Furent trouvées notamment des monnaies celtiques, des poteries, des traces de construction Gallo-Romaine, mais aussi une sculpture en arkose « le cavalier à l'anguipède »."
+          title="L'Histoire d'un village du Puy-de-Dôme de l'an 1830 à nos jours, Neschers."
+          summary={[
+            "Dans mon premier livre, je décris la vie des villageois et du monde rural de mon village sur 150 ans à travers certains événements politiques ou agricoles qui marquèrent la France à différentes époques et qui eurent des répercussions dans les villages de l'hexagone. Neschers a eu un passé préhistorique et historique important, comme dans beaucoup de bourgs de notre région d'ailleurs. Furent trouvées notamment des monnaies celtiques, des poteries, des traces de construction Gallo-Romaine, mais aussi une sculpture en arkose « le cavalier à l'anguipède ».",
+          ]}
           image="/img/livre1.jpg"
           wrapperProps={{ marginTop: 10, maxWidth: "80vw" }}
           href="/ouvrages/l-histoire-de-neschers"
         />
         <Book
           titleAs="h2"
-          title={"Jean-Baptiste Croizet, curé de Neschers et paléontologue."}
-          summary="Dans un second, je retrace l'existence et l'oeuvre d'un éminent et remarquable savant paléontologiste du XIXème siècle qui de surcroit été curé de Neschers, tout au long de sa destinée il fit de nombreuses découvertes d'ossements fossilisés, mais aussi un bois de renne sculpté où été représenté un cheval, Il donna de nombreuses conférences en France et en Europe, et fut membres de plusieurs instituts."
+          title="Jean-Baptiste Croizet, curé de Neschers et paléontologue."
+          summary={[
+            "Dans un second, je retrace l'existence et l'oeuvre d'un éminent et remarquable savant paléontologiste du XIXème siècle qui de surcroit été curé de Neschers, tout au long de sa destinée il fit de nombreuses découvertes d'ossements fossilisés, mais aussi un bois de renne sculpté où été représenté un cheval, Il donna de nombreuses conférences en France et en Europe, et fut membres de plusieurs instituts.",
+          ]}
           wrapperProps={{ marginTop: 10, maxWidth: "80vw" }}
           image="/img/livre2.jpg"
           isReverse
           href="/ouvrages/jean-baptiste-croizet"
         />
         <Book
           titleAs="h2"
-          title={
-            "Quelques notes prises au fil du temps sur Plauzat et ses villages voisins."
-          }
-          summary="Dans le troisième, j'évoque à l'aide d'archives privées des XVIIème, XVIIIème et XIXème siècles, de délibérations des conseils municipaux de Plauzat de 1838 à 1920…etc. la vie des hommes faite de labeur dans cette France paysanne sous la royauté, mais aussi de leur émancipation au cours du temps et au grés des évènements, grâce surtout aux progrès et avancées réalisés dans divers domaines tels que, l'hygiène et la médecine qui contribuèrent grandement à faire reculer l'âge de la mort, l'éducation fut un facteur important pour la prise de conscience d'un grand nombre d'entre eux pour la liberté et la démocratie, sans oublier bien évidemment l'apport des sciences et de nouvelles techniques qui facilitèrent grandement la vie quotidienne de nos concitoyens. Mais hélas ! ils n'allaient pas échapper à divers conflits."
+          title="Quelques notes prises au fil du temps sur Plauzat et ses villages voisins."
+          summary={[
+            "Dans le troisième, j'évoque à l'aide d'archives privées des XVIIème, XVIIIème et XIXème siècles, de délibérations des conseils municipaux de Plauzat de 1838 à 1920…etc. la vie des hommes faite de labeur dans cette France paysanne sous la royauté, mais aussi de leur émancipation au cours du temps et au grés des évènements, grâce surtout aux progrès et avancées réalisés dans divers domaines tels que, l'hygiène et la médecine qui contribuèrent grandement à faire reculer l'âge de la mort, l'éducation fut un facteur important pour la prise de conscience d'un grand nombre d'entre eux pour la liberté et la démocratie, sans oublier bien évidemment l'apport des sciences et de nouvelles techniques qui facilitèrent grandement la vie quotidienne de nos concitoyens. Mais hélas ! ils n'allaient pas échapper à divers conflits.",
+          ]}
           wrapperProps={{ marginTop: 10, maxWidth: "80vw" }}
           image="/img/livre3.jpg"
           href="/ouvrages/notes-plauzat-villages-voisins"
         />
+        <Book
+          titleAs="h2"
+          title="L'Homme et son devenir trois siècles de notes prises en Auvergne et ailleurs."
+          summary={[
+            "Depuis des siècles la France avait été gouvernée par deux entités bien distinctes le temporel et le spirituel de cette articulation bicéphale, représentée d'une part par le roi et la noblesse, avec l'aide au niveau du royaume de ses différentes courroies de transmission, l'armée, la police, la justice etc. pour les provinces les intendants, les baillis etc. de l'autre le clergé chacun essayant de tirer profit des avantages qu'offraient ces différentes situations. Mais cette harmonie n'allait toutefois pas durer ad vitam aeternam (pour toujours) alors comme tout a une fin et que le monde politique à horreur du vide, il a bien fallu changer l'ancien régime en le remplaçant par un nouveau, ce qui fut fait en 1789.",
+            "Il fallait bien faire vivre la famille, alors ceux qui restaient au pays, cultivaient, moissonnaient, vendangeaient, charriaient, convoyaient les marchandises, réparaient chemins et routes, l'ensemble de ces travaux devenait leur lot quotidien. L'industrialisation pointait le bout de son nez, on voyait les paysans-ouvriers dans l'obligation de quitter leur terre pour aller s'installer en ville pour façonner à l'usine afin de gagner un meilleur salaire, car les vignes avaient été atteintes par le phylloxéra, leur courage, leur travail, leur savoir-faire, leur esprit inventif étaient fort appréciés par les employeurs. De nouveaux modes de déplacement s'offrirent à eux, chemins de fer, transports terrestres, grâce notamment à l'amélioration des routes, aménagement des voies navigables, sans oublier l'arrivée de l'électricité qui facilita grandement la vie.",
+            "La folie meurtrière des hommes allait les emportés vers deux grands conflits, et si aujourd'hui les guerres ont changé de champs de bataille s'exportant vers d'autres continents, en ce début du XXIème siècle, le monde doit faire face à un nouveau danger qu'est le terrorisme salafiste radical proclamant le djihad et la charia, tuant ou blessant des centaines de milliers d'innocents en France, en Europe et dans le monde.",
+          ]}
+          wrapperProps={{ marginTop: 10, maxWidth: "80vw" }}
+        />
       </Layout>
     </>
   );

diff --git a/public/sitemap.xml b/public/sitemap.xml
@@ -5,6 +5,11 @@
     <priority>1</priority>
     <lastmod>2021-12-25T10:22:17.507Z</lastmod>
   </url>
+  <url>
+    <loc>https://www.michel-golfier.fr/biographie</loc>
+    <priority>0.7</priority>
+    <lastmod>2021-12-26T10:22:17.507Z</lastmod>
+  </url>
   <url>
     <loc>https://www.michel-golfier.fr/contact</loc>
     <priority>0.3</priority>

diff --git a/src/components/book.tsx b/src/components/book.tsx
@@ -1,7 +1,7 @@
 import { Box, Text, Img, AspectRatio, As } from "@chakra-ui/react";
 
 type Props = {
-  summary: string;
+  summary: Array<string>;
   title: string;
   isReverse?: boolean;
   image?: string;
@@ -52,7 +52,11 @@ export function Book({
         >
           {title}
         </Text>
-        <Text marginTop={4}>{summary}</Text>
+        {summary.map((line, i) => (
+          <Text key={i} marginTop={4}>
+            {line}
+          </Text>
+        ))}
       </Box>
     </Box>
   );

diff --git a/src/components/header.tsx b/src/components/header.tsx
@@ -46,7 +46,9 @@ export function Header({ title, links }: Props): JSX.Element {
           <DrawerBody display="flex" flexDirection="column">
             {links.map(({ href, label }) => (
               <NextLink key={href} href={href} passHref>
-                <Link fontSize="xl">{label}</Link>
+                <Link fontSize="xl" marginY={2}>
+                  {label}
+                </Link>
               </NextLink>
             ))}
           </DrawerBody>
@@ -85,7 +87,9 @@ export function Header({ title, links }: Props): JSX.Element {
         >
           {links.map(({ href, label }) => (
             <NextLink key={href} href={href} passHref>
-              <Link fontSize="xl">{label}</Link>
+              <Link fontSize="xl" marginX={2}>
+                {label}
+              </Link>
             </NextLink>
           ))}
         </Box>