From 1ca9f7d28c5f6025f8123e1d3c98a1049fac95d7 Mon Sep 17 00:00:00 2001 From: Sam Carlton Date: Sat, 23 Jan 2021 15:44:14 -0600 Subject: [PATCH] Rebuild video card component for eleventy --- components-eleventy/video/card.js | 67 +++++++++++++++++++++++++++++++ pages-eleventy/tv.11ty.js | 37 +++++------------ 2 files changed, 77 insertions(+), 27 deletions(-) create mode 100644 components-eleventy/video/card.js diff --git a/components-eleventy/video/card.js b/components-eleventy/video/card.js new file mode 100644 index 0000000..6a29916 --- /dev/null +++ b/components-eleventy/video/card.js @@ -0,0 +1,67 @@ + +function pill ( text ) { + return /* html */` +
+ ${ text } +
+ ` +} + +export default function ( video ) { + + // console.log('video', video) + + return /* html */` +
+ +
+
+
+ + + ${video.name} + +
+
+
+
+ + + +
+ + ${ video.tags.includes('benchmark') && pill('Benchmark')} + +
+ + +
+
${ video.name }
+
+
+ +
+` +} diff --git a/pages-eleventy/tv.11ty.js b/pages-eleventy/tv.11ty.js index 23e8d3c..ce52ce7 100644 --- a/pages-eleventy/tv.11ty.js +++ b/pages-eleventy/tv.11ty.js @@ -1,5 +1,7 @@ import config from '../nuxt.config' +import VideoCard from '../components-eleventy/video/card.js' + class TV { // or `async data() {` // or `get data() {` @@ -29,6 +31,8 @@ class TV { render({ name, video }) { + // console.log('video.payload', Object.keys(video.payload)) + return /* html */`
@@ -44,42 +48,20 @@ class TV {

${ video.name }

Subscribe to Max Tech
+
+

Related Apps

XcodeLogic ProLightroomLightroom ClassicCinebenchFinal Cut ProGeekbench
+

Related Videos

- -
- -
-
-
- - - Apple Silicon M1 Benchmarks Are Unbelievable - -
-
-
-
- - - -
-
Benchmark
-
-
-
Apple Silicon M1 Benchmarks Are Unbelievable
-
-
- -
+ ${ video.payload.relatedVideos.map(VideoCard) }
+
- `; + ` } }