From 608077131af4cfb80ad396ce7d54ef3695fca925 Mon Sep 17 00:00:00 2001 From: JL Kruger Date: Fri, 27 Mar 2026 15:26:19 +0200 Subject: [PATCH] =?UTF-8?q?Add=20Videos=20section=20=E2=80=94=20hub=20+=20?= =?UTF-8?q?3=20collection=20pages,=20wire=20nav=20star?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Videos/index.html: hub page with 3 collection cards (Cringe Pit, Renegade, Nomad Soul) - cringe-pit, renegade-storyteller, nomad-soul: new fonts (Bebas Neue, Space Mono, Barlow Condensed, Rye), vibrant palette aligned with homepage, full iframe allow attributes - Nomad Soul entry 1 placeholder converted to linked card → anomadsoul3791 channel - index.html: Videos star href wired to Videos/index.html Co-Authored-By: Claude Sonnet 4.6 --- Videos/cringe-pit.html | 353 ++++++++++++++++++++++++++ Videos/index.html | 202 +++++++++++++++ Videos/nomad-soul.html | 415 +++++++++++++++++++++++++++++++ Videos/renegade-storyteller.html | 405 ++++++++++++++++++++++++++++++ index.html | 2 +- 5 files changed, 1376 insertions(+), 1 deletion(-) create mode 100644 Videos/cringe-pit.html create mode 100644 Videos/index.html create mode 100644 Videos/nomad-soul.html create mode 100644 Videos/renegade-storyteller.html diff --git a/Videos/cringe-pit.html b/Videos/cringe-pit.html new file mode 100644 index 0000000..2e6c5d0 --- /dev/null +++ b/Videos/cringe-pit.html @@ -0,0 +1,353 @@ + + + + + + THE CRINGE PIT // Singular Particular + + + + +
+
+ +
+
+

Transmitting Origin...

+

+ "We all start somewhere. The videos I made in high school are thankfully lost to time, but my stumbling and humbling journey of learning the hard lessons of craft were accompanied by a tangentially documented series of either beautiful, or interesting, failures. I have learned much. The me that made these is not the me that I am, but we would recognize each other. Here is my Cringe Pit, for those who might find hope in my obvious humanity." +

+

— JL

+ +
+
+ +
+
+

Archive Segment // #CRINGE

+

THE CRINGE PIT

+
+ +
+ +
+
+ +
+
+

Data Segment: 2011-2014

+

Julian L Kruger - Showreel

+
+
+ + +
+
+ +
+
+

Data Segment: REFA 2nd Year

+

Dial Direct - LEMON (Test Commercial)

+
+
+ + +
+
+ +
+
+

Data Segment: REFA 2011

+

Danger Close

+
+
+ + +
+
+ +
+
+

Data Segment: REFA Archive

+

Inner Voice

+
+
+ + +
+
+ +
+
+

Data Segment: REFA 2011

+

Inkunzi Short Film

+
+
+ + +
+
+ +
+
+

Data Segment: REFA 2012

+

Searching for Something

+
+
+ + +
+
+ +
+
+

Data Segment: REFA 2012

+

Savage Post

+
+
+
+
+ + + + diff --git a/Videos/index.html b/Videos/index.html new file mode 100644 index 0000000..9a6df29 --- /dev/null +++ b/Videos/index.html @@ -0,0 +1,202 @@ + + + + + + Videos // Singular Particular + + + + +
+

Archive // Moving Image

+

Videos

+
+ + + + diff --git a/Videos/nomad-soul.html b/Videos/nomad-soul.html new file mode 100644 index 0000000..bbb90e9 --- /dev/null +++ b/Videos/nomad-soul.html @@ -0,0 +1,415 @@ + + + + + + YOUR NOMAD SOUL // Singular Particular + + + + +
+
+ +
+
+

IDENTITY_ENCRYPTED // THE_NOMAD

+

+ "2016-2019 was a real dark time... one of the ways I coped, was by posting online under the mask of a character called the Nomad. I was working through some shit, and I think it shows." +

+ +
+
+ +
+
+

Project: Nomad_Soul

+

NOMAD

+
+ + +
+

STAMP: 2016_2021 // SOURCE: YOUTUBE_ANOMADSOUL

+

A Nomad Soul

+
+ → View Channel Archive +
+

[ CHANNEL_ARCHIVE // EXTERNAL_LINK ]

+
+ + +
+

ID: 034 // COORD: CURIOUS_CREATURES

+

On the Curious Creatures Called People

+
+
+ +
+
+
+ + +
+

ID: 033 // COORD: ODE_TO_TRUTH

+

Ode to Truth Kind of

+
+
+ +
+
+
+ + +
+

MUSIC_VIDEO // SOURCE: MELANIE_KERR

+

Sixteen

+
+
+ +
+
+
+ + +
+

ID: 044 // COORD: JOHN_JACOB_JAMES

+

John Jacob James

+
+
+ +
+
+
+ + +
+

ID: 018 // COORD: DISAGREEABLE_MAN

+

Disagreeable Man

+
+
+ +
+
+
+ + +
+

ID: 029 // COORD: ZEUS_RANT

+

Zeus's Rant

+
+
+ +
+
+
+ + +
+

ID: 016 // COORD: THE_PROFESSION

+

The Profession

+
+
+ +
+
+
+ + +
+

ID: 011 // COORD: DINWIDDY_DECEIT

+

Dinwiddy's Deceit

+
+
+ +
+
+
+ + +
+

COORD: TROUBLE_DONE_BORE_ME

+

Trouble Done Bore Me Down

+
+
+ +
+
+
+
+ + + + diff --git a/Videos/renegade-storyteller.html b/Videos/renegade-storyteller.html new file mode 100644 index 0000000..2a380d2 --- /dev/null +++ b/Videos/renegade-storyteller.html @@ -0,0 +1,405 @@ + + + + + + THE RENEGADE STORYTELLER // Singular Particular + + + + +
+
+ +
+
+

PROJECT_STATUS: LEGACY_ARCHIVE

+

THE RENEGADE STORYTELLER

+

+ "My first cross-platform multimedia project. The Renegade Storyteller was meant to be a website for writers to find an audience... our lives took us in wildly different directions and we left the sites up and as they were. We all grew up and moved on in our own ways." +

+ +
+
+ +
+
+

Volume_02 // The_Lens

+

STORYTELLER

+
+ +
+ +
+
+ +
+

Segment: 045

+

But for a Dream

+
+ + +
+
+ +
+

Segment: 013

+

I Was Here

+
+ + +
+
+ +
+

Segment: 019

+

The Gladstone Gig

+
+ + +
+
+ +
+

Segment: 040

+

The Watch Maker

+
+ + +
+
+ +
+

Segment: 034

+

On the Curious Creatures Called People

+
+ + +
+
+ +
+

Segment: 033

+

Ode to Truth Kind of

+
+ + +
+
+ +
+

Segment: 025

+

Johnny and Clive

+
+ + +
+
+ +
+

Segment: 014

+

My Himitsu

+
+ + +
+
+ +
+

Segment: Theatre of the Mind

+

The Night You Died

+
+ + +
+
+ +
+

Segment: FUGUE / First

+

Hunter | Prey

+
+ + +
+
+ +
+

Segment: FUGUE / Second

+

Real | Imagined

+
+ + +
+
+ +
+

Segment: FUGUE / Third

+

Fight | Flight

+
+ + +
+
+ +
+

Segment: Vignette

+

Hornby's Welcome

+
+ + +
+
+ +
+

Segment: Music Video

+

Cold Shoulder

+
+
+
+ + + + diff --git a/index.html b/index.html index bd89af7..c035821 100644 --- a/index.html +++ b/index.html @@ -690,7 +690,7 @@ body::after { var STARS = [ { id: 'writings', label: 'Writings', sign: '文', x: 25, y: 22, href: '' }, - { id: 'videos', label: 'Videos', sign: '映', x: 68, y: 18, href: '' }, + { id: 'videos', label: 'Videos', sign: '映', x: 68, y: 18, href: 'Videos/index.html' }, { id: 'music', label: 'Music', sign: '♬', x: 12, y: 44, href: '' }, { id: 'images', label: 'Images', sign: '絵', x: 55, y: 35, href: '' }, { id: 'playlists', label: 'Playlists', sign: '≡', x: 78, y: 50, href: '' },