fix: Improved example pages with Netlify previews

* chore: use jsdeliver in examples * chore: redirect to example pages * chore: example pages
cloudinary · Feb 8, 2024 · 24763da · 24763da
1 parent e69b77b
commit 24763da
Show file tree

Hide file tree

Showing 37 changed files with 92 additions and 72 deletions.
diff --git a/docs/360.html b/docs/360.html
@@ -10,8 +10,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
 
   -->
 

diff --git a/docs/_template.html b/docs/_template.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
 
   -->
 

diff --git a/docs/adaptive-streaming.html b/docs/adaptive-streaming.html
@@ -19,8 +19,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
 
     <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/dashjs/2.9.3/dash.all.min.js"></script>
     <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-dash/2.11.0/videojs-dash.js"></script>

diff --git a/docs/analytics.html b/docs/analytics.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
   -->
 
   <script type="text/javascript" src="./scripts.js"></script>

diff --git a/docs/api.html b/docs/api.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
 
   -->
 

diff --git a/docs/audio.html b/docs/audio.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
   -->
 
   <script type="text/javascript" src="./scripts.js"></script>

diff --git a/docs/autoplay-fallback.html b/docs/autoplay-fallback.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
 
   -->
 

diff --git a/docs/autoplay-on-scroll.html b/docs/autoplay-on-scroll.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
 
   -->
 

diff --git a/docs/chapters.html b/docs/chapters.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
 
   -->
 

diff --git a/docs/cloudinary-analytics-multiple-videos.html b/docs/cloudinary-analytics-multiple-videos.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
   -->
 
   <script type="text/javascript" src="./scripts.js"></script>

diff --git a/docs/cloudinary-analytics.html b/docs/cloudinary-analytics.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
   -->
 
   <script type="text/javascript" src="./scripts.js"></script>

diff --git a/docs/codec-fallback.html b/docs/codec-fallback.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
   -->
 
   <script src="https://cdn.jsdelivr.net/npm/ua-parser-js@0.7.20/src/ua-parser.min.js"></script>

diff --git a/docs/colors.html b/docs/colors.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
 
   -->
 

diff --git a/docs/components.html b/docs/components.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
   -->
 
   <script type="text/javascript" src="./scripts.js"></script>

diff --git a/docs/custom-cld-errors.html b/docs/custom-cld-errors.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
 
   -->
 

diff --git a/docs/es-imports.html b/docs/es-imports.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
 
   -->
 

diff --git a/docs/floating-player.html b/docs/floating-player.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
   -->
 
   <script type="text/javascript" src="./scripts.js"></script>

diff --git a/docs/fluid.html b/docs/fluid.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
 
   -->
 

diff --git a/docs/force-hls-subtitles-ios.html b/docs/force-hls-subtitles-ios.html
@@ -19,8 +19,8 @@
       We're loading scripts & style dynamically for development/testing.
       Real-world usage would look like this:
 
-      <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-      <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+      <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
 
     -->
 

diff --git a/docs/highlights-graph.html b/docs/highlights-graph.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
 
   -->
 

diff --git a/docs/index.html b/docs/index.html
@@ -12,8 +12,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
   -->
 
   <script type="text/javascript" src="scripts.js"></script>

diff --git a/docs/live-customer.html b/docs/live-customer.html
@@ -18,8 +18,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
   -->
 
   <script type="text/javascript" src="./scripts.js"></script>

diff --git a/docs/multiple-players.html b/docs/multiple-players.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
 
   -->
 

diff --git a/docs/playlist-by-tag-captions.html b/docs/playlist-by-tag-captions.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
 
   -->
 

diff --git a/docs/playlist.html b/docs/playlist.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
   -->
 
   <script type="text/javascript" src="./scripts.js"></script>

diff --git a/docs/poster.html b/docs/poster.html
@@ -19,10 +19,10 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
 
     <script src="https://unpkg.com/cloudinary-core/cloudinary-core-shrinkwrap.js"></script>
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
 
   -->
 

diff --git a/docs/profiles.html b/docs/profiles.html
@@ -16,8 +16,8 @@
   <!--
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
   -->
 
   <script type="text/javascript" src="./scripts.js"></script>

diff --git a/docs/raw-url.html b/docs/raw-url.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
   -->
 
   <script type="text/javascript" src="./scripts.js"></script>

diff --git a/docs/recommendations.html b/docs/recommendations.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
   -->
 
   <script crossorigin="anonymous" src="https://polyfill.io/v3/polyfill.min.js?features=Promise"></script>

diff --git a/docs/scripts.js b/docs/scripts.js
@@ -31,14 +31,25 @@ var isLocal = window.location.hostname === 'localhost' || window.location.hostna
 // true if testing in an IP page URL
 var isIpAddress = /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/.test(window.location.hostname);
 
+var isNetlify = window.location.hostname.includes('cld-video-player.netlify.app');
+
 var cdnPrefix = function (source, ver) {
-  var external = source.startsWith('http');
+  var external = source && source.startsWith('http');
+  var previewBuild = ver && ver.startsWith('http');
+
+  if (previewBuild) {
+    return ver;
+  }
 
   if (!ver && (external || isLocal || isIpAddress)) {
     return '';
   }
 
-  return 'https://unpkg.com/cloudinary-video-player@' + (ver || 'edge') + '/dist';
+  if (!ver && isNetlify) {
+    return '../dist';
+  }
+
+  return 'https://cdn.jsdelivr.net/npm/cloudinary-video-player@' + (ver || 'edge') + '/dist';
 };
 
 // Get scripts & styles from:

diff --git a/docs/seek-thumbs.html b/docs/seek-thumbs.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
 
   -->
 

diff --git a/docs/shoppable.html b/docs/shoppable.html
@@ -19,8 +19,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
   -->
 
   <script type="text/javascript" src="./scripts.js"></script>