fix: remove example themes

point to JS urls to player.style
muxinc · Aug 16, 2024 · 9f67ab7 · 9f67ab7
1 parent 63fa896
commit 9f67ab7
Show file tree

Hide file tree

Showing 56 changed files with 46 additions and 7,884 deletions.
diff --git a/examples/vanilla/index.html b/examples/vanilla/index.html
@@ -42,15 +42,11 @@ <h2>Media element examples</h2>
 
     <h2>Example themes</h2>
     <ul>
-      <li><a href="themes/tailwind-audio-theme/">Tailwind Audio Theme</a></li>
+      <li><a href="themes/tailwind-audio-theme.html">Tailwind Audio Theme</a></li>
       <li><a href="themes/minimal-theme.html">Minimal Theme</a></li>
       <li><a href="themes/microvideo-theme.html">Microvideo Theme</a></li>
       <li><a href="themes/youtube-theme.html">Youtube Theme</a></li>
-      <li><a href="themes/netflix-theme.html">Netflix Theme</a></li>
-      <li><a href="themes/spotify-theme.html">Spotify Theme</a></li>
-      <li><a href="themes/responsive-theme.html">Responsive Theme</a></li>
       <li><a href="themes/winamp-theme.html">Winamp Theme</a></li>
-      <li><a href="themes/demuxed-2021-theme.html">Demuxed 2021 Theme</a></li>
       <li><a href="themes/demuxed-2022-theme.html">Demuxed 2022 Theme</a></li>
     </ul>
 

diff --git a/examples/vanilla/themes/demuxed-2021-theme.html b/examples/vanilla/themes/demuxed-2021-theme.html
diff --git a/examples/vanilla/themes/demuxed-2022-theme.html b/examples/vanilla/themes/demuxed-2022-theme.html
@@ -4,7 +4,7 @@
     <meta name="viewport" content="width=device-width" />
     <title>Media Chrome Demuxed 2022 Theme Example</title>
     <script type="module" src="../../../dist/index.js"></script>
-    <script type="module" src="../../../dist/themes/demuxed-2022.js"></script>
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@player.style/demuxed-2022/+esm"></script>
     <script defer src="https://www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1"></script>
     <script type="module" src="https://cdn.jsdelivr.net/npm/castable-video@1/+esm"></script>
     <link rel="stylesheet" href="https://use.typekit.net/dbt1sbf.css">

diff --git a/examples/vanilla/themes/microvideo-theme.html b/examples/vanilla/themes/microvideo-theme.html
@@ -5,7 +5,7 @@
     <title>Media Chrome - Microvideo Theme</title>
 
     <script type="module" src="../../../dist/index.js"></script>
-    <script type="module" src="../../../dist/themes/microvideo.js"></script>
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@player.style/microvideo/+esm"></script>
 
     <style>
       body {

diff --git a/examples/vanilla/themes/minimal-theme.html b/examples/vanilla/themes/minimal-theme.html
@@ -9,7 +9,7 @@
     />
     <script type="module" src="https://cdn.jsdelivr.net/npm/@mux/mux-video"></script>
     <script type="module" src="../../../dist/index.js"></script>
-    <script type="module" src="../../../dist/themes/minimal.js"></script>
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@player.style/minimal/+esm"></script>
 
     <style>
       html {

diff --git a/examples/vanilla/themes/netflix-theme.html b/examples/vanilla/themes/netflix-theme.html
diff --git a/examples/vanilla/themes/responsive-theme.html b/examples/vanilla/themes/responsive-theme.html
diff --git a/examples/vanilla/themes/spotify-theme.html b/examples/vanilla/themes/spotify-theme.html
diff --git a/examples/vanilla/themes/tailwind-audio-theme.html b/examples/vanilla/themes/tailwind-audio-theme.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html class="h-full">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width">
+    <title>Media Theme TailwindCSS Audio</title>
+    <script type="module" src="../../../../dist/index.js"></script>
+    <script type="module" src="https://cdn.jsdelivr.net/npm/@player.style/tailwind-audio/+esm"></script>
+    <script src="https://cdn.tailwindcss.com"></script>
+  </head>
+  <body class="max-w-screen-md h-5/6 flex flex-col items-center justify-center p-5 mx-auto">
+
+    <media-theme-tailwind-audio class="inline-block w-full leading-none">
+      <audio slot="media" src="https://stream.mux.com/O4h5z00885HEucNNa1rV02wZapcGp01FXXoJd35AHmGX7g/audio.m4a"></audio>
+    </media-theme-tailwind-audio>
+
+  </body>
+</html>