Skip to content

W
www
Commit 9adc6b1d by PLN (Algolia)
Options

feat(Hydra): Glitchp00l video

parent 4c1ba84a
Showing with 32 additions and 11 deletions
next/pages/hydra.js
...@@ -16,7 +16,7 @@ export async function getStaticProps() { ...@@ -16,7 +16,7 @@ export async function getStaticProps() {
}; };
} }
export default function Hydra({hydras}) { export default function Hydra({ hydras }) {
return ( return (
<Layout className="hydra"> <Layout className="hydra">
<Head> <Head>
...@@ -25,6 +25,18 @@ export default function Hydra({hydras}) { ...@@ -25,6 +25,18 @@ export default function Hydra({hydras}) {
</Head> </Head>
<div> <div>
<h1>I create visuals with patterns</h1> <h1>I create visuals with patterns</h1>
<iframe
width={700}
height={475}
src="https://diode.zone/videos/embed/3011ef6f-7684-4b74-81b2-37e20249bca2?api=1"
/>
<p>
<i>
<a href="https://nech.pl/glitchpool">GLITCHP00L</a>, a work in which a blue bar becomes the colorful frontier
of s1gnal and n0ise.{" "}
</i>
</p>
<br />
<Image <Image
alt="GaLactic intermediary steps" alt="GaLactic intermediary steps"
src="/images/WIP_GaLactic.png" src="/images/WIP_GaLactic.png"
...@@ -35,24 +47,33 @@ export default function Hydra({hydras}) { ...@@ -35,24 +47,33 @@ export default function Hydra({hydras}) {
<p> <p>
<i> <i>
Successive layers within the work{" "} Successive layers within the work{" "}
<a href="https://nech.pl/nights-galactic">GaLactic</a>, <a href="https://nech.pl/nights-galactic">GaLactic</a>, part of the
part of the serie <b>Nuits étoilées</b><br />in which I turn pictures of the night sky into animated windows on the universe. serie <b>Nuits étoilées</b>
<br />
in which I turn pictures of the night sky into animated windows on
the universe.
</i> </i>
</p> </p>
<br /> <br />
<h4>
All my Hydra <a href="https://git.plnech.fr/pln/Hydra">code</a> is{" "}
<i>free software</i> : you are free to run it, study it, modify it or share it
as you like.
</h4>
<br />
<br />
<h2>Some works</h2> <h2>Some works</h2>
<ul className={utilStyles.list}> <ul className={utilStyles.list}>
{hydras.map( {hydras.map(({ id, title }) => (
({
id,
title,
}) => (
<li className={utilStyles.listItem} key={id}> <li className={utilStyles.listItem} key={id}>
<Link href={`/hydra/${id}`}><h4> {title}</h4></Link> <Link href={`/hydra/${id}`}>
<h4> {title}</h4>
</Link>
</li> </li>
) ))}
)}
</ul> </ul>
</div> </div>
</Layout> </Layout>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment