pln: Skeleton

pln/gatsby-config.js

@@ -29,8 +29,5 @@ module.exports = {
       },
     },
     `gatsby-plugin-gatsby-cloud`,
-    // this (optional) plugin enables Progressive Web App + Offline functionality
-    // To learn more, visit: https://gatsby.dev/offline
-    // `gatsby-plugin-offline`,
   ],
 }

pln/src/pages/hydra.js

+import * as React from "react"
+import { Link } from "gatsby"
+import { StaticImage } from "gatsby-plugin-image"
+
+import Layout from "../components/layout"
+import Seo from "../components/seo"
+
+const Hydra = () => (
+  <Layout>
+    <Seo title="Hydra" />
+    <h1>Hydra</h1>
+    <p>With <a href="https://github.com/ojack/hydra/">Hydra</a>, I create some eye-catchers:</p>
+    <StaticImage
+      src="../images/WIP_GaLactic.png"
+      width={2048}
+      quality={95}
+      formats={["AUTO", "WEBP", "AVIF"]}
+      alt="A Gatsby astronaut"
+      style={{ marginBottom: `1.45rem` }}
+    />
+    <Link to="/">Home</Link>
+  </Layout>
+)
+
+export default Hydra

pln/src/pages/index.js

 import * as React from "react"
 import { Link } from "gatsby"
-import { StaticImage } from "gatsby-plugin-image"
 
 import Layout from "../components/layout"
 import Seo from "../components/seo"
@@ -9,22 +8,22 @@ const IndexPage = () => (
   <Layout>
     <Seo title="PLN's Home" />
     <h1>Welcome!</h1>
-    <h2>I'm PLN, and I love to <b>transform</b>
-    </h2>
+    <h2>I'm PLN, and I love to <i>transform…</i></h2>
 
-    <p>This is gonna be great.</p>
-    <StaticImage
-      src="../images/WIP_GaLactic.png"
-      width={2048}
-      quality={95}
-      formats={["AUTO", "WEBP", "AVIF"]}
-      alt="A Gatsby astronaut"
-      style={{ marginBottom: `1.45rem` }}
-    />
+    <h3>…code into <em>human solutions</em></h3>
     <p>
-      <Link to="/page-2/">Go to page 2</Link> <br />
-      <Link to="/using-typescript/">Go to "Using TypeScript"</Link>
+      At <Link to="/algolia/">Algolia</Link>, I create technologies to help humans find things and answers.
     </p>
+
+    <h3>…code into <em>music</em></h3>
+    <p>
+      As <Link to="/parvagues/">ParVagues</Link>, I write patterns that shape soundwaves.
+    </p>
+
+    <h3>…code into <em>animated pixelscapes</em></h3>
+    <p>
+      Using <Link to="/hydra/">Hydra</Link>, I create technologies to help humans find things and answers
+    </p>.
   </Layout>
 )
 

pln/src/pages/page-2.js → pln/src/pages/parvagues.js

@@ -4,13 +4,13 @@ import { Link } from "gatsby"
 import Layout from "../components/layout"
 import Seo from "../components/seo"
 
-const SecondPage = () => (
+const ParVagues = () => (
   <Layout>
-    <Seo title="Page two" />
-    <h1>Hi from the second page</h1>
-    <p>Welcome to page 2</p>
-    <Link to="/">Go back to the homepage</Link>
+    <Seo title="ParVagues" />
+    <h1>ParVagues</h1>
+    <p>ParVagues, c'est des ondes sonores qui naissent dans un océan binaire pour parfois s'échouer sur vos plages sonores.</p>
+    <Link to="/">Retour</Link>
   </Layout>
 )
 
-export default SecondPage
+export default ParVagues