Update head

verschoren · Jan 8, 2024 · e7eff9f · e7eff9f
1 parent d45f082
commit e7eff9f
Show file tree

Hide file tree

Showing 20 changed files with 156 additions and 53 deletions.
diff --git a/docs/agent-availability-in-zendesk-messaging.html b/docs/agent-availability-in-zendesk-messaging.html
@@ -1,7 +1,13 @@
 <!doctype html>
 <html class="h-full">
-<head>    <link href="css/style.css" rel="stylesheet">
-
+<head>
+    <meta charset="UTF-8">    <meta name="author" content="Internal Note">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta property="og:image" content="https://widget.internalnote.com/img/banner.png">
+    <link href="css/atom-one-dark.css" rel="stylesheet">
+    <link rel="icon" href="img/favicon.png" type="image/x-icon">
+    <script defer data-domain="jwt.internalnote.com, demo.internalnote.com" src="https://plausible.io/js/script.js"></script>
+    <link href="css/style.css" rel="stylesheet">
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
     <script src="js/view.js"></script>
     <script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=e125418a-9466-44d8-9b3f-2ac10e911ea4"> </script>

diff --git a/docs/answerbot.html b/docs/answerbot.html
@@ -1,6 +1,12 @@
 <html class="h-full">
-<head>    <link href="css/style.css" rel="stylesheet">
-
+<head>
+    <meta charset="UTF-8">    <meta name="author" content="Internal Note">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta property="og:image" content="https://widget.internalnote.com/img/banner.png">
+    <link href="css/atom-one-dark.css" rel="stylesheet">
+    <link rel="icon" href="img/favicon.png" type="image/x-icon">
+    <script defer data-domain="jwt.internalnote.com, demo.internalnote.com" src="https://plausible.io/js/script.js"></script>
+    <link href="css/style.css" rel="stylesheet">
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js" integrity="sha512-STof4xm1wgkfm7heWqFJVn58Hm3EtS31XFaagaa8VMReCXAkQnJZ+jEy8PCC/iT18dFy95WcExNHFTqLyp72eQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
     <script src="js/view.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/highlight.min.js"></script>

diff --git a/docs/classic.html b/docs/classic.html
@@ -1,7 +1,13 @@
 <!doctype html>
 <html class="h-full">
-  <head>    <link href="css/style.css" rel="stylesheet">
-
+  <head>
+    <meta charset="UTF-8">    <meta name="author" content="Internal Note">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta property="og:image" content="https://widget.internalnote.com/img/banner.png">
+    <link href="css/atom-one-dark.css" rel="stylesheet">
+    <link rel="icon" href="img/favicon.png" type="image/x-icon">
+    <script defer data-domain="jwt.internalnote.com, demo.internalnote.com" src="https://plausible.io/js/script.js"></script>
+    <link href="css/style.css" rel="stylesheet">
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
     <script src="js/view.js"></script>
     <script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=0a2feffd-e8f6-4772-96bf-2e1ae82842a9"> </script>

diff --git a/docs/classiccustom.html b/docs/classiccustom.html
@@ -1,7 +1,13 @@
 <!doctype html>
 <html class="h-full">
-  <head>    <link href="css/style.css" rel="stylesheet">
-
+  <head>
+    <meta charset="UTF-8">    <meta name="author" content="Internal Note">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta property="og:image" content="https://widget.internalnote.com/img/banner.png">
+    <link href="css/atom-one-dark.css" rel="stylesheet">
+    <link rel="icon" href="img/favicon.png" type="image/x-icon">
+    <script defer data-domain="jwt.internalnote.com, demo.internalnote.com" src="https://plausible.io/js/script.js"></script>
+    <link href="css/style.css" rel="stylesheet">
     <meta charset="UTF-8">
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
     <script src="js/view.js"></script>

diff --git a/docs/customlauncher.html b/docs/customlauncher.html
@@ -1,7 +1,13 @@
 <!doctype html>
 <html class="h-full">
-  <head>    <link href="css/style.css" rel="stylesheet">
-
+  <head>
+    <meta charset="UTF-8">    <meta name="author" content="Internal Note">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta property="og:image" content="https://widget.internalnote.com/img/banner.png">
+    <link href="css/atom-one-dark.css" rel="stylesheet">
+    <link rel="icon" href="img/favicon.png" type="image/x-icon">
+    <script defer data-domain="jwt.internalnote.com, demo.internalnote.com" src="https://plausible.io/js/script.js"></script>
+    <link href="css/style.css" rel="stylesheet">
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
     <script src="js/view.js"></script>
     <script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=a8969772-cc39-4eda-9f8c-b2adbe197a96"> </script>

diff --git a/docs/es.html b/docs/es.html
@@ -1,6 +1,12 @@
 <html class="h-full">
-    <head>    <link href="css/style.css" rel="stylesheet">
-
+    <head>
+    <meta charset="UTF-8">    <meta name="author" content="Internal Note">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta property="og:image" content="https://widget.internalnote.com/img/banner.png">
+    <link href="css/atom-one-dark.css" rel="stylesheet">
+    <link rel="icon" href="img/favicon.png" type="image/x-icon">
+    <script defer data-domain="jwt.internalnote.com, demo.internalnote.com" src="https://plausible.io/js/script.js"></script>
+    <link href="css/style.css" rel="stylesheet">
         <meta charset="UTF-8">
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
         <script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=e125418a-9466-44d8-9b3f-2ac10e911ea4"> </script>

diff --git a/docs/fr.html b/docs/fr.html
@@ -1,6 +1,12 @@
 <html class="h-full">
-    <head>    <link href="css/style.css" rel="stylesheet">
-
+    <head>
+    <meta charset="UTF-8">    <meta name="author" content="Internal Note">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta property="og:image" content="https://widget.internalnote.com/img/banner.png">
+    <link href="css/atom-one-dark.css" rel="stylesheet">
+    <link rel="icon" href="img/favicon.png" type="image/x-icon">
+    <script defer data-domain="jwt.internalnote.com, demo.internalnote.com" src="https://plausible.io/js/script.js"></script>
+    <link href="css/style.css" rel="stylesheet">
         <meta charset="UTF-8">
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
         <script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=e125418a-9466-44d8-9b3f-2ac10e911ea4"> </script>

diff --git a/docs/guide_classic.html b/docs/guide_classic.html
@@ -1,7 +1,13 @@
 <!doctype html>
 <html class="h-full">
-  <head>    <link href="css/style.css" rel="stylesheet">
-
+  <head>
+    <meta charset="UTF-8">    <meta name="author" content="Internal Note">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta property="og:image" content="https://widget.internalnote.com/img/banner.png">
+    <link href="css/atom-one-dark.css" rel="stylesheet">
+    <link rel="icon" href="img/favicon.png" type="image/x-icon">
+    <script defer data-domain="jwt.internalnote.com, demo.internalnote.com" src="https://plausible.io/js/script.js"></script>
+    <link href="css/style.css" rel="stylesheet">
     <meta charset="UTF-8">
     <title>Internal Note - Zendesk Classic Widget Customization</title>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

diff --git a/docs/guide_messaging.html b/docs/guide_messaging.html
@@ -1,7 +1,13 @@
 <!doctype html>
 <html class="h-full">
-  <head>    <link href="css/style.css" rel="stylesheet">
-
+  <head>
+    <meta charset="UTF-8">    <meta name="author" content="Internal Note">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta property="og:image" content="https://widget.internalnote.com/img/banner.png">
+    <link href="css/atom-one-dark.css" rel="stylesheet">
+    <link rel="icon" href="img/favicon.png" type="image/x-icon">
+    <script defer data-domain="jwt.internalnote.com, demo.internalnote.com" src="https://plausible.io/js/script.js"></script>
+    <link href="css/style.css" rel="stylesheet">
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
     <script src="js/view.js"></script>
     <script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=e125418a-9466-44d8-9b3f-2ac10e911ea4"> </script>

diff --git a/docs/index.html b/docs/index.html
@@ -1,13 +1,19 @@
 <!doctype html>
 <html class="h-full">
-<head>    <link href="css/style.css" rel="stylesheet">
-
+<head>
+    <meta charset="UTF-8">
+    <meta name="author" content="Internal Note">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta property="og:image" content="https://widget.internalnote.com/img/banner.png">
+    <link href="css/atom-one-dark.css" rel="stylesheet">
+    <link rel="icon" href="img/favicon.png" type="image/x-icon">
+    <script defer data-domain="jwt.internalnote.com, demo.internalnote.com" src="https://plausible.io/js/script.js"></script>
+    <link href="css/style.css" rel="stylesheet">
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
     <script src="js/view.js"></script>
     <meta name="loader" content=''>
     <script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=e125418a-9466-44d8-9b3f-2ac10e911ea4"> </script>
-
-</head>
+</head>    
 <body class="h-full bg-[#FEFAF2]" data-name="messaging">
     <main id="content" class="md:pl-72 py-10 px-4 sm:px-6 md:px-8">
         <header>  

diff --git a/docs/js/view.js b/docs/js/view.js
@@ -16,16 +16,6 @@ $('document').ready(function() {
     $('#menu_sidebar').addClass('transition ease-in-out duration-300 transform from-translate-x-0 to-translate-x-full');
   });
 
-  $('head').append(`
-    <meta charset="UTF-8">
-    <meta name="author" content="Internal Note">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta property="og:image" content="https://widget.internalnote.com/img/banner.png">
-    <link href="css/atom-one-dark.css" rel="stylesheet">
-    <link rel="icon" href="img/favicon.png" type="image/x-icon">
-    <script defer data-domain="jwt.internalnote.com, widget.internalnote.com" src="https://plausible.io/js/script.js"></script>
-  `);
-
   $('main').before(`
     <div id="menu" class="hidden relative z-50 md:hidden" role="dialog" aria-modal="true">
       <div id="menu_background" class="fixed inset-0 bg-gray-900/80"></div>

diff --git a/docs/layout.html b/docs/layout.html
@@ -1,13 +1,19 @@
 <!doctype html>
 <html class="h-full">
-<head>    <link href="css/style.css" rel="stylesheet">
+<head>
+    <meta charset="UTF-8">    <meta name="author" content="Internal Note">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta property="og:image" content="https://widget.internalnote.com/img/banner.png">
+    <link href="css/atom-one-dark.css" rel="stylesheet">
+    <link rel="icon" href="img/favicon.png" type="image/x-icon">
+    <script defer data-domain="jwt.internalnote.com, demo.internalnote.com" src="https://plausible.io/js/script.js"></script>
+    <link href="css/style.css" rel="stylesheet">
 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
     <script src="js/view.js"></script>
     <meta name="loader" content='authentication'>
     <script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=e125418a-9466-44d8-9b3f-2ac10e911ea4"> </script>
-
-</head>
+</head>    
 <body class="h-full bg-[#FEFAF2]" data-name="messaging">    
     <main id="content" class="md:pl-72 py-10 px-4 sm:px-6 md:px-8">
         text

diff --git a/docs/messaging.html b/docs/messaging.html
@@ -1,13 +1,18 @@
 <!doctype html>
 <html class="h-full">
-<head>    <link href="css/style.css" rel="stylesheet">
-
+<head>
+    <meta charset="UTF-8">    <meta name="author" content="Internal Note">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta property="og:image" content="https://widget.internalnote.com/img/banner.png">
+    <link href="css/atom-one-dark.css" rel="stylesheet">
+    <link rel="icon" href="img/favicon.png" type="image/x-icon">
+    <script defer data-domain="jwt.internalnote.com, demo.internalnote.com" src="https://plausible.io/js/script.js"></script>
+    <link href="css/style.css" rel="stylesheet">
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
     <script src="js/view.js"></script>
     <meta name="loader" content='authentication'>
     <script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=e125418a-9466-44d8-9b3f-2ac10e911ea4"> </script>
-
-</head>
+</head>    
 <body class="h-full bg-[#FEFAF2]" data-name="messaging">
     <main id="content" class="md:pl-72 py-10 px-4 sm:px-6 md:px-8">
         <header>  

diff --git a/docs/no-bot.html b/docs/no-bot.html
@@ -1,7 +1,13 @@
 <!doctype html>
 <html class="h-full">
-<head>    <link href="css/style.css" rel="stylesheet">
-
+<head>
+    <meta charset="UTF-8">    <meta name="author" content="Internal Note">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta property="og:image" content="https://widget.internalnote.com/img/banner.png">
+    <link href="css/atom-one-dark.css" rel="stylesheet">
+    <link rel="icon" href="img/favicon.png" type="image/x-icon">
+    <script defer data-domain="jwt.internalnote.com, demo.internalnote.com" src="https://plausible.io/js/script.js"></script>
+    <link href="css/style.css" rel="stylesheet">
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
     <script src="js/view.js"></script>
     <script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=93b6a906-6e2a-47c8-92c6-6ce73b67df20"> </script>

diff --git a/docs/prefill.html b/docs/prefill.html
@@ -1,7 +1,13 @@
 <!doctype html>
 <html class="h-full">
-<head>    <link href="css/style.css" rel="stylesheet">
-
+<head>
+    <meta charset="UTF-8">    <meta name="author" content="Internal Note">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta property="og:image" content="https://widget.internalnote.com/img/banner.png">
+    <link href="css/atom-one-dark.css" rel="stylesheet">
+    <link rel="icon" href="img/favicon.png" type="image/x-icon">
+    <script defer data-domain="jwt.internalnote.com, demo.internalnote.com" src="https://plausible.io/js/script.js"></script>
+    <link href="css/style.css" rel="stylesheet">
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
     <script src="js/view.js"></script>
     <meta name="loader" content='metadata'>

diff --git a/docs/proactive-contact.html b/docs/proactive-contact.html
@@ -1,6 +1,12 @@
 <html class="h-full">
-  <head>    <link href="css/style.css" rel="stylesheet">
-
+  <head>
+    <meta charset="UTF-8">    <meta name="author" content="Internal Note">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta property="og:image" content="https://widget.internalnote.com/img/banner.png">
+    <link href="css/atom-one-dark.css" rel="stylesheet">
+    <link rel="icon" href="img/favicon.png" type="image/x-icon">
+    <script defer data-domain="jwt.internalnote.com, demo.internalnote.com" src="https://plausible.io/js/script.js"></script>
+    <link href="css/style.css" rel="stylesheet">
       <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
       <script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=e125418a-9466-44d8-9b3f-2ac10e911ea4"> </script>
       <meta name="loader" content='proactive_contact'>

diff --git a/docs/proactive-product.html b/docs/proactive-product.html
@@ -1,6 +1,12 @@
 <html class="h-full">
-    <head>    <link href="css/style.css" rel="stylesheet">
-
+    <head>
+    <meta charset="UTF-8">    <meta name="author" content="Internal Note">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta property="og:image" content="https://widget.internalnote.com/img/banner.png">
+    <link href="css/atom-one-dark.css" rel="stylesheet">
+    <link rel="icon" href="img/favicon.png" type="image/x-icon">
+    <script defer data-domain="jwt.internalnote.com, demo.internalnote.com" src="https://plausible.io/js/script.js"></script>
+    <link href="css/style.css" rel="stylesheet">
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
         <script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=e125418a-9466-44d8-9b3f-2ac10e911ea4"> </script>
         <meta name="loader" content='proactive_product'>

diff --git a/docs/proactive.html b/docs/proactive.html
@@ -1,6 +1,12 @@
 <html class="h-full">
-    <head>    <link href="css/style.css" rel="stylesheet">
-
+    <head>
+    <meta charset="UTF-8">    <meta name="author" content="Internal Note">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta property="og:image" content="https://widget.internalnote.com/img/banner.png">
+    <link href="css/atom-one-dark.css" rel="stylesheet">
+    <link rel="icon" href="img/favicon.png" type="image/x-icon">
+    <script defer data-domain="jwt.internalnote.com, demo.internalnote.com" src="https://plausible.io/js/script.js"></script>
+    <link href="css/style.css" rel="stylesheet">
         <meta charset="UTF-8">
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
         <script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=e125418a-9466-44d8-9b3f-2ac10e911ea4"> </script>

diff --git a/docs/startours.html b/docs/startours.html
@@ -1,7 +1,13 @@
 <!doctype html>
 <html class="h-full">
-<head>    <link href="css/style.css" rel="stylesheet">
-
+<head>
+    <meta charset="UTF-8">    <meta name="author" content="Internal Note">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta property="og:image" content="https://widget.internalnote.com/img/banner.png">
+    <link href="css/atom-one-dark.css" rel="stylesheet">
+    <link rel="icon" href="img/favicon.png" type="image/x-icon">
+    <script defer data-domain="jwt.internalnote.com, demo.internalnote.com" src="https://plausible.io/js/script.js"></script>
+    <link href="css/style.css" rel="stylesheet">
     <meta charset="UTF-8">
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
     <script src="js/view.js"></script>