It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://www.madeinyorkshire.com/news/rss

  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <script type="c59dfb59cf6e6bd9e039dbfa-text/javascript">
  5.    
  6.    dataLayer = [];
  7. </script>
  8.  
  9. <script type="c59dfb59cf6e6bd9e039dbfa-text/javascript">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  10.            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  11.        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  12.        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  13.    })(window,document,'script','dataLayer','GTM-NKTZ4B4S');</script>
  14.  
  15. <meta charset="UTF-8">
  16. <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  17. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  18. <meta name="csrf-token" content="b3niRNkXrvFsTlS4M0OSskhv0QuQiI6qBXR88UpO">
  19. <title>Made in Yorkshire</title>
  20. <link rel="canonical" href="https://madeinyorkshire.com/news/rss" />
  21. <meta name="description" content="Championing Manufacturing and Engineering in Yorkshire">
  22. <meta name="keywords" content="Manufacturing, Engineering, Midlands, Birmingham, Made In, Birthplace of Industry, Private Sector Manufacturing, Private Sector Engineering">
  23. <link rel="apple-touch-icon" sizes="180x180" href="https://madeinyorkshire.com/frontend_new/assets/images/favicon/miy/apple-touch-icon.png">
  24. <link rel="icon" type="image/png" sizes="32x32" href="https://madeinyorkshire.com/frontend_new/assets/images/favicon/miy/favicon-32x32.png">
  25. <link rel="icon" type="image/png" sizes="16x16" href="https://madeinyorkshire.com/frontend_new/assets/images/favicon/miy/favicon-16x16.png">
  26. <link rel="manifest" href="https://madeinyorkshire.com/frontend_new/assets/images/favicon/miy/site.webmanifest">
  27. <link rel="mask-icon" href="https://madeinyorkshire.com/frontend_new/assets/images/favicon/miy/safari-pinned-tab.svg" color="#5bbad5">
  28. <meta name="msapplication-TileColor" content="#da532c">
  29. <meta name="theme-color" content="#ffffff">
  30. <link rel="stylesheet" href="https://use.typekit.net/zdb8lvo.css">
  31. <link rel="stylesheet" href="/css/new-frontend/app.css?id=e2799eb99a083233acc3e0a37c1c9b84">
  32. <style>
  33.        :root{
  34.        --primary-color: #9ccc3d;
  35.        --primary-color-hover: #3498db;
  36.        --primary-color-rgb: rgb(156,204,61);
  37.        --primary-rgb: 156,204,61;
  38.        }
  39.        label.bell-btn:hover,label.bell-btn:focus,#minimize-chat:hover,#minimize-chat:focus{
  40.            background-color: #9ccc3d !important;
  41.            filter: brightness(90%);
  42.        }
  43.        #join-as-guest:hover, #join-as-guest:focus {
  44.            background-color: #9ccc3d !important;
  45.            filter: brightness(90%);
  46.        }
  47.     </style>
  48. <style>
  49.     :root{
  50.        --primary-color: #9ccc3d;
  51.        --primary-color-hover: #3498db;
  52.        --primary-color-rgb: rgb(156,204,61);
  53.        --primary-rgb: 156,204,61;
  54.    }
  55.    .mobile-user-icon a{
  56.        background-color: #9ccc3d !important;
  57.        filter: brightness(90%);
  58.        color: #FFFFFF;
  59.    }
  60.    .mobile-user-icon a:hover{
  61.        color: #FFFFFF;
  62.    }
  63.    .benefit-banner-caption-inner-wrpr ul li:before,.what-we-do---content ul li:before {
  64.        background-image: url('/frontend_new/assets/images/benefit/thik-gray.svg');
  65.    }
  66.    .what-we-do---content ul li:before {
  67.        height: 21px;
  68.        left: -25px;
  69.        width: 20px;
  70.    }
  71.    .what-we-help-sec{
  72.        background: rgb(54,54,54);
  73.        background: linear-gradient(0deg, rgba(54,54,54,1) 0%, rgba(128,128,128,1) 100%);
  74.    }
  75.    .back-britain ul li {
  76.        background-image: url('/frontend_new/assets/images/gray/tick.svg');
  77.    }
  78.    .benefit-banner-inner-img:before {
  79.        background-image: url('/frontend_new/assets/images/benefit/gray/path-4465.svg');
  80.    }
  81.    .benefit-banner-inner-img:after {
  82.        background-image: url('/frontend_new/assets/images/benefit/gray/group-4427.svg');
  83.    }
  84.    </style>
  85. <style>
  86.        :root{
  87.            --primary-color: #97bc34;
  88.            --primary-color-rgb: rgb(151,188,52);
  89.            --primary-rgb: 151,188,52;
  90.        }
  91.        label.bell-btn:hover,label.bell-btn:focus,#minimize-chat:hover,#minimize-chat:focus{
  92.            background-color: #97bc34 !important;
  93.            filter: brightness(90%);
  94.        }
  95.        #join-as-guest:hover, #join-as-guest:focus {
  96.            background-color: #97bc34 !important;
  97.            filter: brightness(90%);
  98.        }
  99.    .benefit-banner-caption-inner-wrpr ul li:before,.what-we-do---content ul li:before {
  100.        background-image: url('/frontend_new/assets/images/benefit/thik-green.svg');
  101.    }
  102.    .back-britain ul li {
  103.        background-image: url('/frontend_new/assets/images/green/tick.svg');
  104.    }
  105.    .what-we-help-sec{
  106.        background: rgb(116,148,32);
  107.        background: linear-gradient(0deg, rgba(116,148,32,1) 0%, rgba(151,188,52,1) 100%);
  108.    }
  109.    .benefit-banner-inner-img:before {
  110.        background-image: url('/frontend_new/assets/images/benefit/green/path-4465.svg');
  111.    }
  112.    .benefit-banner-inner-img:after {
  113.        background-image: url('/frontend_new/assets/images/benefit/green/group-4427.svg');
  114.    }
  115.    .pricing-table.gold .price{
  116.        background-color:#3cb042;
  117.    }
  118.    .pricing-table.scaleUp .price{
  119.        background-color:#466d1d;
  120.    }
  121.    </style>
  122. </head>
  123. <body class>
  124.  
  125. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NKTZ4B4S"
  126.                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  127.  
  128. <script type="c59dfb59cf6e6bd9e039dbfa-text/javascript">
  129.    dataLayer.push({'userLoggedIn': 'false'});
  130. </script>
  131. <script type="c59dfb59cf6e6bd9e039dbfa-text/javascript">
  132.    
  133.    dataLayer.push({'websiteArea': 'frontend'});
  134. </script>
  135. <header class="main-header fixed-top" id="top-header">
  136. <div class="desktop-menu">
  137. <div class="container-fluid">
  138. <div class="d-flex justify-content-between">
  139. <div class="site-logo">
  140. <a href="/" class="d-block me-auto">
  141. <img src="https://madeingroup.nyc3.cdn.digitaloceanspaces.com/ecaef0fc-737a-480f-b7d9-35e1d68eff77/Made-in-Group---Yorks-Web-CMYK.png" alt="Made in Yorkshire" style="width:140px;height:40px;">
  142. </a>
  143. </div>
  144. <div class="main-menu">
  145. <div class="header-join-btn d-flex justify-content-end gap-3">
  146. <a href="/register" title="Join Us" class="btn text-uppercase m-0 d-flex align-items-center justify-content-center">Join Us</a>
  147. <a href="https://madeinyorkshire.com/login" title="SIGN IN" class="btn icon-btn text-uppercase ">
  148. <span>SIGN IN</span>
  149. </a>
  150. </div>
  151. </div>
  152. </div>
  153. </div>
  154. <button type="button" class="menu-icon border-0">
  155. <div class="toggle-inner-wrpr">
  156. <span class="togglebar_desktop toggle_desktop_iconbar1"></span>
  157. <span class="togglebar_desktop toggle_desktop_iconbar2"></span>
  158. <span class="togglebar_desktop toggle_desktop_iconbar3"></span>
  159. </div>
  160. </button>
  161. </div>
  162. <div class="secondary-menu">
  163. <div class="container-fluid me-0">
  164. <div class="secondary-menu-wrpr">
  165. <ul class="menu-list">
  166. <li><a href="https://madeinyorkshire.com/benefits" title="BENEFITS" class="text-uppercase">BENEFITS</a></li>
  167. <li><a href="https://madeinyorkshire.com/what-we-do" title="WHAT WE DO" class="text-uppercase">WHAT WE DO</a></li>
  168. <li><a href="https://madeinyorkshire.com/members" class="text-uppercase" title="MEMBERS">MEMBERS</a></li>
  169. <li><a href="https://madeinyorkshire.com/news" class="text-uppercase" title="NEWS">NEWS</a></li>
  170. <li><a href="https://madeinyorkshire.com/events" class="text-uppercase" title="EVENTS">EVENTS</a></li>
  171. <li><a href="https://madeinyorkshire.com/contact" class="text-uppercase" title="CONTACT">CONTACT</a></li>
  172. </ul>
  173. </div>
  174. </div>
  175. </div>
  176. <div class="mobile-menu">
  177. <div class="container-fluid">
  178. <div class="mobile-menu-wrpr">
  179. <div class="site-logo">
  180. <a href="/" class="d-block me-auto">
  181. <img src="https://madeingroup.nyc3.cdn.digitaloceanspaces.com/ecaef0fc-737a-480f-b7d9-35e1d68eff77/Made-in-Group---Yorks-Web-CMYK.png" alt="Made in Yorkshire" style="width:140px;height:40px;">
  182. </a>
  183. </div>
  184. <div class="right-wrpr">
  185. <div class="mobile-user-icon">
  186. <a href="https://madeinyorkshire.com/login">
  187. <svg xmlns="http://www.w3.org/2000/svg" width="18.572" height="20.795" viewBox="0 0 18.572 20.795" fill="none" stroke=" #FFFFFF " stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
  188. <g transform="translate(0.75 0.75)">
  189. <path d="M21.072,21.4V19.268A4.268,4.268,0,0,0,16.8,15H8.268A4.268,4.268,0,0,0,4,19.268V21.4" transform="translate(-4 -2.107)"></path>
  190. <circle cx="4.279" cy="4.279" r="4.279" transform="translate(4.289)"></circle>
  191. </g>
  192. </svg>
  193. </a>
  194. </div>
  195. <button type="button" class="mobile_toggle_btn border-0">
  196. <div class="toggle-inner-wrpr">
  197. <span class="togglebar toggle_iconbar1"></span>
  198. <span class="togglebar toggle_iconbar2"></span>
  199. <span class="togglebar toggle_iconbar3"></span>
  200. </div>
  201. </button>
  202. </div>
  203. </div>
  204. </div>
  205. <div class="menu-wrpr flex-column" style="display: none;">
  206. <div class="mobile-menu-inner-wrpr">
  207. <ul class="mobile-nav list-style-none row mt-0">
  208. <li class="mobile-nav__item py-0 col-xs-12 col-md-6">
  209. <a href="https://madeinyorkshire.com/benefits" class="mobile-nav__link w-100 font-primary w-100 d-flex align-items-center justify-content-between px-0 py-2 shadow-none"><span class="d-block flex-grow-1">Benefits</span> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-narrow-right" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.75" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><line x1="5" y1="12" x2="19" y2="12"></line><line x1="15" y1="16" x2="19" y2="12"></line><line x1="15" y1="8" x2="19" y2="12"></line></svg></a>
  210. </li>
  211. <li class="mobile-nav__item py-0 col-xs-12 col-md-6">
  212. <a href="https://madeinyorkshire.com/what-we-do" class="mobile-nav__link w-100 font-primary w-100 d-flex align-items-center justify-content-between px-0 py-2 shadow-none"><span class="d-block flex-grow-1">What We Do</span> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-narrow-right" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.75" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><line x1="5" y1="12" x2="19" y2="12"></line><line x1="15" y1="16" x2="19" y2="12"></line><line x1="15" y1="8" x2="19" y2="12"></line></svg></a>
  213. </li>
  214. <li class="mobile-nav__item py-0 col-xs-12 col-md-6">
  215. <a href="https://madeinyorkshire.com/members" class="mobile-nav__link w-100 font-primary w-100 d-flex align-items-center justify-content-between px-0 py-2 shadow-none"><span class="d-block flex-grow-1">Members</span> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-narrow-right" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.75" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><line x1="5" y1="12" x2="19" y2="12"></line><line x1="15" y1="16" x2="19" y2="12"></line><line x1="15" y1="8" x2="19" y2="12"></line></svg></a>
  216. </li>
  217. <li class="mobile-nav__item py-0 col-xs-12 col-md-6">
  218. <a href="https://madeinyorkshire.com/news" class="mobile-nav__link w-100 font-primary w-100 d-flex align-items-center justify-content-between px-0 py-2 shadow-none"><span class="d-block flex-grow-1">News</span> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-narrow-right" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.75" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><line x1="5" y1="12" x2="19" y2="12"></line><line x1="15" y1="16" x2="19" y2="12"></line><line x1="15" y1="8" x2="19" y2="12"></line></svg></a>
  219. </li>
  220. <li class="mobile-nav__item py-0 col-xs-12 col-md-6">
  221. <a href="https://madeinyorkshire.com/events" class="mobile-nav__link w-100 font-primary w-100 d-flex align-items-center justify-content-between px-0 py-2 shadow-none"><span class="d-block flex-grow-1">Events</span> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-narrow-right" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.75" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><line x1="5" y1="12" x2="19" y2="12"></line><line x1="15" y1="16" x2="19" y2="12"></line><line x1="15" y1="8" x2="19" y2="12"></line></svg></a>
  222. </li>
  223. <li class="mobile-nav__item py-0 col-xs-12 col-md-6">
  224. <a href="https://madeinyorkshire.com/contact" class="mobile-nav__link w-100 font-primary w-100 d-flex align-items-center justify-content-between px-0 py-2 shadow-none"><span class="d-block flex-grow-1">Contact</span> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-narrow-right" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.75" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><line x1="5" y1="12" x2="19" y2="12"></line><line x1="15" y1="16" x2="19" y2="12"></line><line x1="15" y1="8" x2="19" y2="12"></line></svg></a>
  225. </li>
  226. </ul>
  227. <div class="mobile-nav-cta">
  228. <a href="/register" title="Join Us" class="d-flex align-items-center justify-content-center text-uppercase font-primary" style="border-radius: 0;">Join Us</a>
  229. </div>
  230. </div>
  231. </div>
  232. </div>
  233. </header>
  234. <main class="404">
  235. <section class="user-page error-404 my-5">
  236. <div class="container">
  237. <div class="row my-5">
  238. <div class="col-md-8 m-auto">
  239. <div class="inner">
  240. <h3 class="text-center color-gray">ERROR CODE 404</h3>
  241. <h1 class="text-center mb-5">This page was removed, renamed or doesn't exit.</h1>
  242. <p class="text-center">Unfortunately the content you're looking for isn't here. There may be a misspelling in your web address or you may have clicked a link for content that no longer exists.</p>
  243. <div class="d-flex justify-content-between">
  244. <a class="btn btn--404" href="/">Home</a>
  245. <a class="btn btn--404" href="/contact">Get in touch</a>
  246. </div>
  247. </div>
  248. </div>
  249. </div>
  250. </div>
  251. </section>
  252. </main>
  253. <section class="what-we-help-sec">
  254. <div class="container">
  255. <div class="whatWeDo__inner p-5">
  256. <div class="row">
  257. <div class="col-lg-3">
  258. <div class="white__logo">
  259. <img src="/frontend_new/assets/images/aboutus/white-logo.png" alt class="img-fluid">
  260. </div>
  261. </div>
  262. <div class="col-lg-5">
  263. <h3>We’re here to help.</h3>
  264. </div>
  265. <div class="col-lg-4">
  266. <div class="what-we-do-btn">
  267. <p>Ask about FREE plans, other memberships Live and hybrid events or anything else.</p>
  268. <a href="https://madeinyorkshire.com/contact" class="btn" title="TALK TO SALES">TALK TO SALES</a>
  269. </div>
  270. </div>
  271. </div>
  272. </div>
  273. </div>
  274. </section>
  275. <footer class="footer">
  276. <div class="footer-top">
  277. <div class="container" style="max-width: none !important;">
  278. <div class="row">
  279. <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-3">
  280. <div class="footer-logo-col">
  281. <a href="/" class="d-block w-100 footer-logo">
  282. <img src="https://madeingroup.nyc3.cdn.digitaloceanspaces.com/c822e22d-4f2e-499d-ab17-e70e76b7dd16/Made-Yorks-Reverse.png" alt="Made in Yorkshire" style="width:140px;height:40px;">
  283. </a>
  284. <p class="text-white mt-4">Made in Yorkshire, is a licensed franchise of Made in Group, which exists to champion and support Manufacturing.</p>
  285. <div class="social-connect">
  286. <a href="https://www.linkedin.com/company/made-in-yorkshire/" title="LinkedIn">
  287. <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
  288. <path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z" />
  289. </svg>
  290. </a>
  291. <a href="https://www.youtube.com/channel/UCzlw0YIb31XGu8xuHPtuPCw" title="YouTube">
  292. <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="currentColor" class="bi bi-youtube" viewBox="0 0 16 16">
  293. <path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z" />
  294. </svg>
  295. </a>
  296. <a href="https://www.facebook.com/madeinyorksYF/" title="Facebook">
  297. <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
  298. <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z" />
  299. </svg>
  300. </a>
  301. <a href="https://www.twitter.com/madeinyorks" title="Twitter">
  302. <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16">
  303. <path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z" />
  304. </svg>
  305. </a>
  306. </div>
  307. </div>
  308. </div>
  309. <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-6">
  310. <div class="footer-menu-wrapper">
  311. <div class="row">
  312. <div class="col-xs-6 col-sm-12 col-md-12 col-lg-auto flex-lg-grow-1">
  313. <div class="footer-menu">
  314. <h4 class="footer-menu__title"><a href="javascript:void();" role="button" class="d-flex align-items-center justify-content-between w-100 text-white footer-menu--toggle"><span>Company</span><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-plus" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.75" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  315. <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
  316. <line x1="12" y1="5" x2="12" y2="19">
  317. </line>
  318. <line x1="5" y1="12" x2="19" y2="12">
  319. </line>
  320. </svg></a></h4>
  321. <div class="w-100 h-auto footer-menu__links-wrap">
  322. <ul class="m-0 footer-menu__links">
  323. <li class="p-md-0 m-0 d-block w-100 h-auto"><a class="d-block w-100" href="https://madeinyorkshire.com/what-we-do" title="What We Do">What We Do</a></li>
  324. <li class="p-md-0 m-0 d-block w-100 h-auto"><a class="d-block w-100" href="https://madeinyorkshire.com/staff" title="Meet The Team">Meet The
  325. Team</a></li>
  326. <li class="p-md-0 m-0 d-block w-100 h-auto"><a class="d-block w-100" href="https://madeinyorkshire.com/knowledge-hub" title="Knowledge Hub">Knowledge Hub</a></li>
  327. <li class="p-md-0 m-0 d-block w-100 h-auto"><a class="d-block w-100" href="https://madeinyorkshire.com/careers" title="Careers">Careers</a></li>
  328. <li class="p-md-0 m-0 d-block w-100 h-auto"><a class="d-block w-100" href="https://madeinyorkshire.com/contact" title="Contact">Contact</a></li>
  329. </ul>
  330. </div>
  331. </div>
  332. </div>
  333. <div class="col-xs-6 col-sm-12 col-md-12 col-lg-auto flex-lg-grow-1">
  334. <div class="footer-menu">
  335. <h4 class="footer-menu__title"><a href="javascript:void();" role="button" class="d-flex align-items-center justify-content-between w-100 text-white footer-menu--toggle"><span>Join</span><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-plus" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.75" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  336. <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
  337. <line x1="12" y1="5" x2="12" y2="19">
  338. </line>
  339. <line x1="5" y1="12" x2="19" y2="12">
  340. </line>
  341. </svg></a></h4>
  342. <div class="w-100 h-auto footer-menu__links-wrap">
  343. <ul class="m-0 footer-menu__links">
  344. <li class="p-md-0 m-0 d-block w-100 h-auto"><a class="d-block w-100" href="https://madeinyorkshire.com/benefits" title="Benefits">Benefits</a></li>
  345. <li class="p-md-0 m-0 d-block w-100 h-auto"><a class="d-block w-100" href="/register" title="Join Us">Join Us</a></li>
  346. <li class="p-md-0 m-0 d-block w-100 h-auto"><a class="d-block w-100" href="https://madeinyorkshire.com/platform-demo" title="Platform Demo">Platform Demo</a></li>
  347. <li class="p-md-0 m-0 d-block w-100 h-auto"><a class="d-block w-100" href="https://madeinyorkshire.com/bursary" title="Bursaries">Bursaries</a></li>
  348. <li class="p-md-0 m-0 d-block w-100 h-auto"><a class="d-block w-100" href="https://madeinyorkshire.com/3d-factory-tours" title="Factory Tours">Factory Tours</a></li>
  349. <li class="p-md-0 m-0 d-block w-100 h-auto"><a class="d-block w-100" href="/job-board" title="Job Board">Job Board</a></li>
  350. </ul>
  351. </div>
  352. </div>
  353. </div>
  354. <div class="col-xs-6 col-sm-12 col-md-12 col-lg-auto flex-lg-grow-1">
  355. <div class="footer-menu">
  356. <h4 class="footer-menu__title"><a href="javascript:void();" role="button" class="d-flex align-items-center justify-content-between w-100 text-white footer-menu--toggle"><span>Initiatives</span><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-plus" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.75" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  357. <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
  358. <line x1="12" y1="5" x2="12" y2="19">
  359. </line>
  360. <line x1="5" y1="12" x2="19" y2="12">
  361. </line>
  362. </svg></a></h4>
  363. <div class="w-100 h-auto footer-menu__links-wrap">
  364. <ul class="m-0 footer-menu__links">
  365. <li class="p-md-0 m-0 d-block w-100 h-auto"><a class="d-block w-100" href="https://www.madeequal.com/" target="_blank" title="Made Equal">Made Equal</a></li>
  366. <li class="p-md-0 m-0 d-block w-100 h-auto"><a class="d-block w-100" href="https://madefutures.com/" target="_blank" title="Made Futures">Made Futures</a></li>
  367. <li class="p-md-0 m-0 d-block w-100 h-auto"><a class="d-block w-100" href="https://backingbritain.com/" target="_blank" title="Backing Britain">Backing Britain</a></li>
  368. <li class="p-md-0 m-0 d-block w-100 h-auto"><a class="d-block w-100" href="/made-u" title="Made-U">Made-U</a></li>
  369. <li class="p-md-0 m-0 d-block w-100 h-auto"><a class="d-block w-100" href="/finest-hour" title="Finest Hour">Our Finest Hour</a></li>
  370. <li class="p-md-0 m-0 d-block w-100 h-auto"><a class="d-block w-100" target="_blank" href="https://madeingroup.com/surveys" title="Surveys">Surveys</a></li>
  371. <li class="p-md-0 m-0 d-block w-100 h-auto"><a class="d-block w-100" target="_blank" href="https://madeingroup.com/ecology" title="Made Green">Made Green</a></li>
  372. </ul>
  373. </div>
  374. </div>
  375. </div>
  376. <div class="col-xs-6 col-sm-12 col-md-12 col-lg-auto flex-lg-grow-1">
  377. <div class="footer-menu">
  378. <h4 class="footer-menu__title"><a href="javascript:void();" role="button" class="d-flex align-items-center justify-content-between w-100 text-white footer-menu--toggle"><span>Regions</span><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-plus" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.75" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  379. <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
  380. <line x1="12" y1="5" x2="12" y2="19">
  381. </line>
  382. <line x1="5" y1="12" x2="19" y2="12">
  383. </line>
  384. </svg></a></h4>
  385. <div class="w-100 h-auto footer-menu__links-wrap">
  386. <ul class="m-0 footer-menu__links">
  387. <li class="p-md-0 m-0 d-block w-100 h-auto">
  388. <a href="http://madeinthemidlands.com" class="d-block w-100" title="Made in the Midlands">Made in the Midlands</a>
  389. </li>
  390. <li class="p-md-0 m-0 d-block w-100 h-auto">
  391. <a href="http://madefutures.com" class="d-block w-100" title="Made Futures">Made Futures</a>
  392. </li>
  393. <li class="p-md-0 m-0 d-block w-100 h-auto">
  394. <a href="http://backingbritain.com" class="d-block w-100" title="Backing Britain">Backing Britain</a>
  395. </li>
  396. <li class="p-md-0 m-0 d-block w-100 h-auto">
  397. <a href="http://madeinthenorthwest.co.uk" class="d-block w-100" title="Made in the North West">Made in the North West</a>
  398. </li>
  399. <li class="p-md-0 m-0 d-block w-100 h-auto">
  400. <a href="http://madeinwales.com" class="d-block w-100" title="Made in Wales">Made in Wales</a>
  401. </li>
  402. <li class="p-md-0 m-0 d-block w-100 h-auto">
  403. <a href="http://madeinthesoutheast.com" class="d-block w-100" title="Made in the South East">Made in the South East</a>
  404. </li>
  405. <li class="p-md-0 m-0 d-block w-100 h-auto">
  406. <a href="http://madeinthesouthwest.uk" class="d-block w-100" title="Made in the South West">Made in the South West</a>
  407. </li>
  408. <li class="p-md-0 m-0 d-block w-100 h-auto">
  409. <a href="http://madeinthenortheast.com" class="d-block w-100" title="Made in the North East">Made in the North East</a>
  410. </li>
  411. <li class="p-md-0 m-0 d-block w-100 h-auto">
  412. <a href="http://madeinnorthernireland.net" class="d-block w-100" title="Made in Northern Ireland">Made in Northern Ireland</a>
  413. </li>
  414. <li class="p-md-0 m-0 d-block w-100 h-auto">
  415. <a href="http://madeinscotland.net" class="d-block w-100" title="Made in Scotland">Made in Scotland</a>
  416. </li>
  417. <li class="p-md-0 m-0 d-block w-100 h-auto">
  418. <a href="http://madeineastengland.uk" class="d-block w-100" title="Made in East England">Made in East England</a>
  419. </li>
  420. <li class="p-md-0 m-0 d-block w-100 h-auto">
  421. <a href="http://www.madeinlondon.com/" class="d-block w-100" title="Made in London">Made in
  422. London</a>
  423. </li>
  424. </ul>
  425. </div>
  426. </div>
  427. </div>
  428. </div>
  429. </div>
  430. </div>
  431. <div class="col-xs-12 col-sm-12 col-md-12 col-lg-auto col-xl-3">
  432. <div class="d-flex justify-content-center">
  433. <div class="connect-with-us">
  434. <h3>Sign Up To Our Mailing List</h3>
  435. <p>Enter Your Email Address below to stay up to date with our latest news and receive events
  436. notifications right inside your inbox.</p>
  437. <div class="footer-signup">
  438. <div class="d-grid gap-2 d-md-block">
  439. <button class="btn btn-signup___newsletter" type="button" data-bs-toggle="modal" data-bs-target="#newsletterSignup">Sign Up Now</button>
  440. </div>
  441. </div>
  442. </div>
  443. </div>
  444. </div>
  445. </div>
  446. </div>
  447. </div>
  448. </footer>
  449. <div class="copyright-wrpr">
  450. <div class="container" style="max-width: none !important;">
  451. <div class="row">
  452. <p class="col-xs-12 col-sm-12 col-md-4">&copy;Copyright. 2024. All rights reserved.</p>
  453. <p class="col-xs-12 col-sm-12 col-md-4 text-center"><a href="/privacy-policy" style="color:#c3c3c3;">Privacy Policy | Terms & Conditions</a></p>
  454. <p class="col-xs-12 col-sm-12 col-md-4">
  455. Made in Yorkshire is a licensed franchise of Made in Group.
  456. </p>
  457. </div>
  458. </div>
  459. </div>
  460.  
  461. <div class="modal fade" id="newsletterSignup" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
  462. <div class="modal-dialog modal-dialog-centered">
  463. <div class="modal-content">
  464. <div class="modal-header">
  465. <h5 class="modal-title" id="staticBackdropLabel">Sign Up To Our Mailing List</h5>
  466. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  467. </div>
  468. <div class="modal-body">
  469. <div class="row g-3 d-none" id="displayMsg">
  470. <div class="col-12">
  471. <div class="alert alert-success d-none" role="alert" id="responseSuccess">
  472. Thank you for your subscription.
  473. </div>
  474. <div class="alert alert-danger d-none" role="alert" id="responseError">
  475. The g-recaptcha field is required.
  476. </div>
  477. </div>
  478. </div>
  479. <div id="showForm">
  480. <form class="row g-3" action="https://madeinyorkshire.com/digest/subscribe" method="POST" id="footerDigest">
  481. <input type="hidden" name="_token" value="b3niRNkXrvFsTlS4M0OSskhv0QuQiI6qBXR88UpO">
  482. <div class="col-6">
  483. <div class="form-floating w-100 has-validation">
  484. <input type="text" name="first_name" class="form-control register-input" id="fname" placeholder="First Name" required>
  485. <label class="inputLabel" for="fname">First Name</label>
  486. </div>
  487. </div>
  488. <div class="col-6">
  489. <div class="form-floating w-100 has-validation">
  490. <input type="text" name="last_name" class="form-control register-input" id="lname" placeholder="Last Name" required>
  491. <label class="inputLabel" for="lname">Last Name</label>
  492. </div>
  493. </div>
  494. <div class="col-12">
  495. <div class="form-floating w-100 has-validation">
  496. <input type="email" name="email" class="form-control register-input" id="emailAddress" placeholder="Email Address" required>
  497. <label class="inputLabel" for="emailAddress">Email Address</label>
  498. </div>
  499. </div>
  500. <style>
  501.                            #communication-error{display:none !important;}
  502.                        </style>
  503. <div class="col-12">
  504. <div class="form-check">
  505. <input class="form-check-input" type="checkbox" name="communication" id="communication-opt-in" data-parsley-errors-container=".comunication-opt-in" required>
  506. <label class="form-check-label" for="communication-opt-in">
  507. Tick to receive communications from Made in Yorkshire
  508. </label>
  509. </div>
  510. </div>
  511. <div class="col-12">
  512. <script type="c59dfb59cf6e6bd9e039dbfa-text/javascript">
  513.        var RecaptchaOptions = {"curl_timeout":1,"curl_verify":true};
  514.    </script>
  515. <script src="https://www.google.com/recaptcha/api.js?render=onload" type="c59dfb59cf6e6bd9e039dbfa-text/javascript"></script>
  516. <div class="g-recaptcha" data-sitekey="6Lc3s_YSAAAAAPkRQkJ-owVHUwi77XLk-kffoeFU"></div>
  517. <noscript>
  518.    <div style="width: 302px; height: 352px;">
  519.        <div style="width: 302px; height: 352px; position: relative;">
  520.            <div style="width: 302px; height: 352px; position: absolute;">
  521.                <iframe src="https://www.google.com/recaptcha/api/fallback?k=6Lc3s_YSAAAAAPkRQkJ-owVHUwi77XLk-kffoeFU"
  522.                        frameborder="0" scrolling="no"
  523.                        style="width: 302px; height:352px; border-style: none;">
  524.                </iframe>
  525.            </div>
  526.            <div style="width: 250px; height: 80px; position: absolute; border-style: none;
  527.                  bottom: 21px; left: 25px; margin: 0; padding: 0; right: 25px;">
  528.        <textarea id="g-recaptcha-response" name="g-recaptcha-response"
  529.                  class="g-recaptcha-response"
  530.                  style="width: 250px; height: 80px; border: 1px solid #c1c1c1;
  531.                         margin: 0; padding: 0; resize: none;"></textarea>
  532.            </div>
  533.        </div>
  534.    </div>
  535. </noscript>
  536. </div>
  537. <div class="col-12">
  538. <button type="submit" class="btn btn-signup___subscribe" id="footerDigest__b">Sign Up</button>
  539. </div>
  540. </form>
  541. </div>
  542. </div>
  543. </div>
  544. </div>
  545. </div>
  546. <script src="/js/manifest.js?id=e6900e64ffb3a53006eeabe5edbe14b2" type="c59dfb59cf6e6bd9e039dbfa-text/javascript"></script>
  547. <script src="/js/vendor.js?id=be43508056ec6f094e166d961efadd20" type="c59dfb59cf6e6bd9e039dbfa-text/javascript"></script>
  548. <script src="/js/new-frontend.js?id=58a6a5b6d67f4ac964ae637879151908" type="c59dfb59cf6e6bd9e039dbfa-text/javascript"></script>
  549. <button id="join-guest" title="Join Chat" style="background-image: url(https://madeingroup.nyc3.cdn.digitaloceanspaces.com/e92f7381-af37-4bc5-a83f-a7578726e05c/conversions/cd4d1124-0a94-4568-96ed-cbc9cd99f1e1_conversions_default-default.jpg)"><span class></span></button>
  550. <span id="chat-message_bubble-wrap">
  551. <div class="bot-message">Chat with us!</div>
  552. <div id="close-chat-bubble" role="button"></div>
  553. </span>
  554. <div id="chat">
  555. <div class="chat-content">
  556. <div class="chat-header">
  557. <div class="chat-header-row">
  558. <h3 class="chat-heading">Live Chat</h3>
  559. <label class="btn bell-btn position-relative" for="notification-bell" title="Turn on sound notification"><input type="checkbox" id="notification-bell">
  560. <div class="bell-icon"><span class="bell-off"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#FFFFFF">
  561. <path d="M0 0h24v24H0z" fill="none" />
  562. <path d="M20 18.69L7.84 6.14 5.27 3.49 4 4.76l2.8 2.8v.01c-.52.99-.8 2.16-.8 3.42v5l-2 2v1h13.73l2 2L21 19.72l-1-1.03zM12 22c1.11 0 2-.89 2-2h-4c0 1.11.89 2 2 2zm6-7.32V11c0-3.08-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68c-.15.03-.29.08-.42.12-.1.03-.2.07-.3.11h-.01c-.01 0-.01 0-.02.01-.23.09-.46.2-.68.31 0 0-.01 0-.01.01L18 14.68z" />
  563. </svg></span><span class="bell-on"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#FFFFFF">
  564. <path d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z" />
  565. </svg></span></div>
  566. </label>
  567. <button type="button" id="minimize-chat" title="Close chat">
  568. <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">
  569. <path d="M6 19h12v2H6z" fill="#fff" />
  570. <path d="M0 0h24v24H0V0z" fill="none" />
  571. </svg>
  572. </button>
  573. </div>
  574. </div>
  575. <div id="message-wrapper">
  576. <div class="message-list-wrapper" id="msg-list-wrap">
  577. <ul id="message-list">
  578. </ul>
  579. <span class="chat-alert new-message-alert" id="new-message-alert">
  580. <button class="chat-alert-content" id="chat-alert-button">
  581. <p class="chat-alert-message">Show new messages</p>
  582. </button>
  583. </span>
  584. </div>
  585. <div id="send-message-wrapper">
  586. <div class="send-message-row">
  587. <div class="send-message-input">
  588. <div id="typing" style="display: none;"><span id="typing-name"></span> is typing...</div>
  589. <input type="text" id="message" autocomplete="off" placeholder="Type a message...">
  590. </div>
  591. <div class="send-message-btn">
  592. <button id="send"></button>
  593. </div>
  594. </div>
  595. </div>
  596. </div>
  597. <div id="guest-wrapper">
  598. <div class="guest-register">
  599. <h6 class="text-center d-block w-100 mx-auto">How can we help you?</h6>
  600. <p class="text-center chat-instruction">Enter your name, email and company to connect to a
  601. member of our team</p>
  602. <div class="lc-input-field">
  603. <label for="chat-name">
  604. <div class="input-label-text">Name *</div>
  605. <input type="text" id="chat-name" value required>
  606. </label>
  607. </div>
  608. <div class="lc-input-field">
  609. <label for="chat-email">
  610. <div class="input-label-text">Email *</div>
  611. <input type="email" id="chat-email" value required>
  612. </label>
  613. </div>
  614. <div class="lc-input-field">
  615. <label for="chat-company">
  616. <div class="input-label-text">Company *</div>
  617. <input type="text" id="chat-company" value required>
  618. </label>
  619. </div>
  620. <button id="join-as-guest">Start Chat</button>
  621. </div>
  622. </div>
  623. </div>
  624. </div>
  625. <audio src="https://madeinyorkshire.com/notification.mp3" controls preload="auto" id="audio-notification"></audio>
  626. <script src="https://js.pusher.com/5.1/pusher.min.js" type="c59dfb59cf6e6bd9e039dbfa-text/javascript"></script>
  627. <script src="/js/partials/chat.js?id=e34888000232d3da5c7090fb65dd0210" type="c59dfb59cf6e6bd9e039dbfa-text/javascript"></script>
  628. <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js" integrity="sha256-4iQZ6BVL4qNKlQ27TExEhBN1HFPvAvAMbFavKKosSWQ=" crossorigin="anonymous" type="c59dfb59cf6e6bd9e039dbfa-text/javascript"></script>
  629. <script type="c59dfb59cf6e6bd9e039dbfa-text/javascript">
  630.        (function() {
  631.            // Source: https://www.quirksmode.org/js/cookies.html
  632.            function createCookie(name, value, days) {
  633.                if (days) {
  634.                    var date = new Date();
  635.                    date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
  636.                    var expires = "; expires=" + date.toGMTString();
  637.                } else var expires = "";
  638.                document.cookie = name + "=" + value + expires + "; path=/";
  639.            }
  640.  
  641.            // Source: https://www.quirksmode.org/js/cookies.html
  642.            function readCookie(name) {
  643.                var nameEQ = name + "=";
  644.                var ca = document.cookie.split(';');
  645.                for (var i = 0; i < ca.length; i++) {
  646.                    var c = ca[i];
  647.                    while (c.charAt(0) == ' ') c = c.substring(1, c.length);
  648.                    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
  649.                }
  650.                return null;
  651.            }
  652.  
  653.            // Source: https://www.quirksmode.org/js/cookies.html
  654.            function eraseCookie(name) {
  655.                createCookie(name, "", -1);
  656.            }
  657.  
  658.            var chatSoundEnabled = false;
  659.  
  660.            var _soundEnabled = readCookie('frontend_live_chat_sound');
  661.  
  662.            if (_soundEnabled) {
  663.                if (_soundEnabled === 'muted') {
  664.                    chatSoundEnabled = false;
  665.                }
  666.  
  667.                if (_soundEnabled === 'unmuted') {
  668.                    chatSoundEnabled = true;
  669.                }
  670.            }
  671.  
  672.            $(document).ready(function() {
  673.                var userId = '38289d88-d804-47be-b9fb-97a51861fb08';
  674.                var subdomain = 'madeingroup';
  675.                var domain = "https://madeinyorkshire.com";
  676.                var channel;
  677.                var timeout;
  678.                var agents;
  679.                var joined = false;
  680.                var sending = false;
  681.                var name = '';
  682.                var doc = document || document.documentElement;
  683.                var notificationAudio = doc.getElementById('audio-notification');
  684.                var notificationAudioExist = false;
  685.                var audioPlayed = false;
  686.  
  687.                if (notificationAudio) {
  688.                    $(notificationAudio).on('ended', function(event) {
  689.                        notificationAudio.pause();
  690.                        notificationAudio.currentTime = 0;
  691.                    });
  692.  
  693.                    if (chatSoundEnabled) {
  694.                        var startPlayPromise = notificationAudio.play();
  695.                        if (startPlayPromise !== undefined) {
  696.                            startPlayPromise.then(function() {
  697.                                $('input#notification-bell').prop('checked', true);
  698.                                $('label.bell-btn').addClass('enabled');
  699.                                createCookie('frontend_live_chat_sound', 'unmuted', 10000);
  700.                                chatSoundEnabled = true;
  701.                                audioPlayed = true;
  702.                            }).catch(function(error) {});
  703.                        }
  704.                    }
  705.  
  706.                    $('input#notification-bell').change(function(event) {
  707.                        if ($(this).is(':checked')) {
  708.                            $('label.bell-btn').addClass('enabled');
  709.                            $('label.bell-btn').attr('title', 'Turn off sound notification');
  710.                            createCookie('frontend_live_chat_sound', 'unmuted', 10000);
  711.                            chatSoundEnabled = true;
  712.  
  713.                            if (!audioPlayed) {
  714.                                audioPlayed = true;
  715.                                if (notificationAudio) {
  716.                                    notificationAudio.play();
  717.                                }
  718.                            }
  719.                        } else {
  720.                            $('label.bell-btn').removeClass('enabled');
  721.                            $('label.bell-btn').attr('title', 'Turn on sound notification');
  722.                            createCookie('frontend_live_chat_sound', 'muted', 10000);
  723.                            chatSoundEnabled = false;
  724.                        }
  725.                    });
  726.                }
  727.  
  728.                function updateMessagesTimeFromNow() {
  729.                    $('.message-time').each(function(index, element) {
  730.                        var timeFromNow = moment($(this).data('time'), "X").fromNow();
  731.                        $(this).text(timeFromNow);
  732.                    });
  733.                }
  734.  
  735.                $('#close-chat-bubble').click(function(event) {
  736.                    event.preventDefault();
  737.                    $('#chat-message_bubble-wrap').animate({
  738.                        opacity: 0,
  739.                        right: '8rem'
  740.                    }, 200, function() {
  741.                        $('#chat-message_bubble-wrap').hide();
  742.                    });
  743.                });
  744.  
  745.                setInterval(function() {
  746.                    updateMessagesTimeFromNow();
  747.                }, 5000);
  748.  
  749.                $('#chat-message_bubble-wrap').show();
  750.                window.setTimeout(function() {
  751.                    $('#chat-message_bubble-wrap').animate({
  752.                        opacity: 1,
  753.                        right: '8rem'
  754.                    }, 200, function() {
  755.                        $('#close-chat-bubble').delay(100).fadeIn(150);
  756.                    });
  757.                }, 2000);
  758.  
  759.                function joinChat() {
  760.                    $('#close-chat-bubble').click();
  761.                    join();
  762.                    $(this).hide();
  763.                    // $('#maximize-chat, #guest-wrapper').hide();
  764.                    $('#chat, #message-wrapper').show();
  765.  
  766.                    var chatStorage = localStorage.getItem('mcsp');
  767.                    if (chatStorage) {
  768.                        chatStorage = null;
  769.                        var chatSettings = JSON.parse(localStorage.getItem('mcsp'));
  770.                        var scrollPosition = chatSettings.scrollPositionTop;
  771.                        var hasUnreadMessage = chatSettings.message.unread;
  772.                        document.getElementById('message-list').scrollTo(0, +scrollPosition);
  773.                        if (hasUnreadMessage) {
  774.                            $('#new-message-alert').addClass('alert-show');
  775.                        } else {
  776.                            $('#new-message-alert').removeClass('alert-show');
  777.                        }
  778.                    }
  779.                }
  780.  
  781.                setInterval(function() {
  782.                    updateMessagesTimeFromNow();
  783.                }, 5000);
  784.  
  785.                $('#join').click(function() {
  786.                    joinChat();
  787.                });
  788.  
  789.                $('#msg-list-wrap').on('click', function(event) {
  790.                    var chatCloseAlert = document.getElementById('chat-alert-button');
  791.                    if (chatCloseAlert) {
  792.                        var chatCloseAlertIsClicked = chatCloseAlert.contains(event.target);
  793.  
  794.                        if (chatCloseAlertIsClicked) {
  795.                            event.preventDefault();
  796.  
  797.                            $('#message-list').animate({
  798.                                scrollTop: document.getElementById('message-list').scrollHeight
  799.                            }, 350);
  800.  
  801.                            $('#new-message-alert').removeClass('alert-show');
  802.                        }
  803.                    }
  804.                });
  805.  
  806.                $('#join-as-guest').click(function() {
  807.                    var nameField = $('input#chat-name');
  808.                    var emailField = $('input#chat-email');
  809.                    var companyField = $('input#chat-company');
  810.  
  811.                    if (typeof nameField !== typeof undefined && typeof nameField !== typeof false &&
  812.                        typeof emailField !== typeof undefined && typeof emailField !== typeof false &&
  813.                        typeof companyField !== typeof undefined && typeof companyField !== typeof false
  814.                    ) {
  815.                        joined = true;
  816.  
  817.                        if ($.trim(nameField.val()) === '') {
  818.                            joined = false
  819.                        }
  820.  
  821.                        if ($.trim(emailField.val()) === '') {
  822.                            joined = false;
  823.                        } else {
  824.                            var emailReg = /^([a-zA-Z0-9_\-\.]+)@([a-zA-Z0-9_\-\.]+)\.([a-zA-Z]{2,5})$/;
  825.  
  826.                            if (!emailReg.test(emailField.val())) {
  827.                                joined = false;
  828.                            }
  829.                        }
  830.  
  831.                        if ($.trim(companyField.val()) === '') {
  832.                            joined = false
  833.                        }
  834.                    }
  835.  
  836.                    if (joined) {
  837.                        name = $.trim(nameField.val());
  838.                        axios.post('/' + subdomain + '/join-as-guest', {
  839.                            name: nameField.val(),
  840.                            email: emailField.val(),
  841.                            company: companyField.val()
  842.                        }).then(function(response) {
  843.                            if (response.data.success) joinChat();
  844.                        });
  845.                    }
  846.                });
  847.  
  848.                $('#minimize-chat').click(function(event) {
  849.                    event.preventDefault();
  850.                    $('#chat').hide();
  851.                    $('#join, #join-guest').show();
  852.                    // if (joined) {
  853.                    //     $('#maximize-chat').show();
  854.                    // } else {
  855.                    //     $('#join, #join-guest').show();
  856.                    // }
  857.                });
  858.  
  859.                $('#maximize-chat').click(function(event) {
  860.                    event.preventDefault();
  861.                    $('#join, #join-guest, #maximize-chat').hide();
  862.                    $('#chat').show();
  863.                });
  864.  
  865.                $('#join-guest').click(function() {
  866.                    $('#chat').show();
  867.                });
  868.  
  869.                function join() {
  870.                    Echo.join('chat.' + subdomain)
  871.                        .here((users) => {
  872.                            channel = Echo.join('chat.' + subdomain + '.' + userId);
  873.  
  874.                            agents = 0;
  875.  
  876.                            for (var i = 0; i < users.length; i++) {
  877.                                if (users[i].agent) agents++;
  878.                            }
  879.  
  880.                            if (agents === 0) {
  881.                                appendAnnouncement(
  882.                                    'I\'m sorry we are not available right now, but please leave a message and we will respond as soon as possible',
  883.                                    false);
  884.                            } else {
  885.                                appendAnnouncement('Thanks for visiting our website, how can we help you?',
  886.                                    false);
  887.                            }
  888.  
  889.                            channel
  890.                                .listen('NewMessage', (e) => {
  891.                                    $('#typing').hide();
  892.                                    clearTimeout(timeout);
  893.                                    appendMessage(e.name, e.member, e.image, e.message, 'left');
  894.                                    if (chatSoundEnabled) {
  895.                                        if (notificationAudio) {
  896.                                            notificationAudio.currentTime = 0;
  897.                                            notificationAudio.play();
  898.                                        }
  899.                                    }
  900.                                })
  901.                                .listenForWhisper('typing', (e) => {
  902.                                    clearTimeout(timeout);
  903.                                    $('#typing-name').text(e.name);
  904.                                    $('#typing').show();
  905.                                    timeout = setTimeout(function() {
  906.                                        $('#typing').hide();
  907.                                    }, 1000);
  908.                                })
  909.                                .joining((user) => {
  910.                                    if (user.agent) agents++;
  911.                                    appendAnnouncementWithIcon(user.name + ' (' + user.member +
  912.                                        ') connected to the chat.', 'add');
  913.                                    if (chatSoundEnabled) {
  914.                                        if (notificationAudio) {
  915.                                            notificationAudio.currentTime = 0;
  916.                                            notificationAudio.play();
  917.                                        }
  918.                                    }
  919.                                })
  920.                                .leaving((user) => {
  921.                                    if (user.agent) agents--;
  922.                                    appendAnnouncementWithIcon(user.name + ' (' + user.member +
  923.                                        ') disconnected from the chat.', 'remove');
  924.                                });
  925.                        });
  926.                }
  927.  
  928.                function sendMessage() {
  929.                    if (sending) return;
  930.                    sending = true;
  931.                    var message = $.trim($('#message').val());
  932.                    if (message === '') return;
  933.                    var data = {
  934.                        message: message,
  935.                        agent_online: agents !== 0
  936.                    };
  937.                    if ($('#name').length) data.name = $('#name').val();
  938.                    if ($('#email').length) data.email = $('#email').val();
  939.                    if ($('#company').length) data.company = $('#company').val();
  940.                    axios.post(domain + '/' + subdomain + '/send', data)
  941.                        .then(function(response) {
  942.                            $('#message').val('');
  943.                            appendMessage(response.data.name, response.data.member, response.data.image,
  944.                                response.data.message, 'right');
  945.                            sending = false;
  946.                        });
  947.                }
  948.  
  949.                function isChatScrolledToEnd() {
  950.                    if (document.getElementById('message-list')) {
  951.                        var height = window.getComputedStyle(document.getElementById('message-list'), null)
  952.                            .getPropertyValue('height');
  953.  
  954.                        var regex = /^\d+$/;
  955.  
  956.                        var result = regex.test(height);
  957.  
  958.                        if (!result) {
  959.                            if (typeof height === 'string') {
  960.                                height = +height.slice(0, -2);
  961.                            }
  962.                        }
  963.  
  964.                        if (document.getElementById('message-list').scrollHeight <= document.getElementById(
  965.                                'message-list').scrollTop + height + 5) {
  966.                            return true;
  967.                        }
  968.                    }
  969.  
  970.                    return false;
  971.                }
  972.  
  973.                function scrollToBottom() {
  974.                    if (document.getElementById('message-list')) {
  975.                        document.getElementById('message-list').scrollTo(0, $('#message-list').prop(
  976.                            'scrollHeight'));
  977.                    }
  978.                }
  979.  
  980.                function appendAnnouncement(message, newMessage) {
  981.                    if (isChatScrolledToEnd()) {
  982.                        scrollToBottom();
  983.                    }
  984.  
  985.                    if (newMessage) {
  986.                        $('#message-list').append(
  987.                            '<li class="chat-info-block chat-info-new-message"><div class="info-block__inner"><span class="info-block-row"><div class="info-block-content"><span class="info-block-text">' +
  988.                            escapeHtml(message) + '</span></div></span></div></li>');
  989.                    } else {
  990.                        $('#message-list').append(
  991.                            '<li class="chat-info-block"><div class="info-block__inner"><span class="info-block-row"><div class="info-block-content"><span class="info-block-text">' +
  992.                            escapeHtml(message) + '</span></div></span></div></li>');
  993.                    }
  994.                }
  995.  
  996.                function appendAnnouncementWithIcon(message, iconType) {
  997.                    if (isChatScrolledToEnd()) {
  998.                        scrollToBottom();
  999.                    }
  1000.  
  1001.                    $('#message-list').append('<li class="chat-info-block ' + iconType +
  1002.                        '"><div class="info-block__inner"><span class="info-block-row"><div class="info-block-content"><span class="info-block-text">' +
  1003.                        escapeHtml(message) + '</span></div></span></div></li>');
  1004.                    updateMessagesTimeFromNow();
  1005.                }
  1006.  
  1007.                function appendMessage(name, member, image, message, leftOrRight) {
  1008.                    var date = new Date();
  1009.                    var seconds = date.getTime() / 1000;
  1010.  
  1011.                    var scrollToEnd = isChatScrolledToEnd();
  1012.  
  1013.                    if (leftOrRight === 'left') {
  1014.                        if (!scrollToEnd) {
  1015.                            var newMessageInfoBlock = $('.chat-info-new-message');
  1016.                            if ((typeof newMessageInfoBlock !== typeof undefined &&
  1017.                                    typeof newMessageInfoBlock !== typeof false)) {
  1018.                                if (!(newMessageInfoBlock.length > 0)) {
  1019.                                    appendAnnouncement('New messages', true);
  1020.                                }
  1021.                            }
  1022.                        }
  1023.  
  1024.                        $('#message-list').append(
  1025.                            '<li class="single-message align-left"><div class="message-block"><span class="profile-col"><div class="profile-circle" style="background-image: url(' +
  1026.                            image +
  1027.                            ')"></div></span><span class="message-info"><div class="sender-name-wrapper"><span class="sender-name">' +
  1028.                            name + '</span><span class="sender-title">' + member +
  1029.                            '</span></div><div class="message-bubble-wrapper"><div class="message-bubble"><p class="message-text">' +
  1030.                            message +
  1031.                            '</p></div><div class="message-time-wrapper"><time class="message-time" data-time="' +
  1032.                            seconds + '">' + moment(date).fromNow() +
  1033.                            '</time></div></div></span></div></li>');
  1034.  
  1035.                        var cSettings;
  1036.  
  1037.                        if (scrollToEnd) {
  1038.                            scrollToBottom();
  1039.  
  1040.                            cSettings = {
  1041.                                scrollPositionTop: this.scrollTop,
  1042.                                message: {
  1043.                                    unread: false
  1044.                                }
  1045.                            };
  1046.                        } else {
  1047.                            $('#new-message-alert').addClass('alert-show');
  1048.  
  1049.                            cSettings = {
  1050.                                scrollPositionTop: this.scrollHeight,
  1051.                                message: {
  1052.                                    unread: true
  1053.                                }
  1054.                            };
  1055.                        }
  1056.  
  1057.                        if (localStorage.getItem('mcsp')) localStorage.removeItem('mscp');
  1058.  
  1059.                        localStorage.setItem('mcsp', JSON.stringify(cSettings));
  1060.                    } else {
  1061.                        $('#message-list').append(
  1062.                            '<li class="single-message align-right"><div class="message-block"><span class="message-info"><div class="sender-name-wrapper"><span class="sender-name">' +
  1063.                            name + '</span><span class="sender-title">' + member +
  1064.                            '</span></div><div class="message-bubble-wrapper"><div class="message-bubble"><p class="message-text">' +
  1065.                            message +
  1066.                            '</p></div><div class="message-time-wrapper"><time class="message-time" data-time="' +
  1067.                            seconds + '">' + moment(date).fromNow() +
  1068.                            '</time></div></div></span></div></li>');
  1069.  
  1070.                        scrollToBottom();
  1071.                    }
  1072.                }
  1073.  
  1074.                $('#message-list').on('scroll', function() {
  1075.  
  1076.                    var height = window.getComputedStyle(this, null).getPropertyValue('height');
  1077.  
  1078.                    var regex = /^\d+$/;
  1079.  
  1080.                    var result = regex.test(height);
  1081.  
  1082.                    if (!result) {
  1083.                        if (typeof height === 'string') {
  1084.                            height = +height.slice(0, -2);
  1085.                        }
  1086.  
  1087.                        var haveNewMessages = $('#new-message-alert').is(':visible');
  1088.  
  1089.                        var cSettings;
  1090.  
  1091.                        if (this.scrollHeight <= this.scrollTop + height + 5) {
  1092.                            $('#new-message-alert').removeClass('alert-show');
  1093.                            haveNewMessages = false;
  1094.  
  1095.                            cSettings = {
  1096.                                scrollPositionTop: this.scrollHeight,
  1097.                                message: {
  1098.                                    unread: haveNewMessages
  1099.                                }
  1100.                            };
  1101.                        } else {
  1102.                            cSettings = {
  1103.                                scrollPositionTop: this.scrollTop,
  1104.                                message: {
  1105.                                    unread: haveNewMessages
  1106.                                }
  1107.                            };
  1108.                        }
  1109.  
  1110.                        if (localStorage.getItem('mcsp')) {
  1111.                            localStorage.removeItem('mscp');
  1112.                        }
  1113.  
  1114.                        localStorage.setItem('mcsp', JSON.stringify(cSettings));
  1115.                    }
  1116.                });
  1117.  
  1118.                function escapeHtml(text) {
  1119.                    var map = {
  1120.                        '&': '&amp;',
  1121.                        '<': '&lt;',
  1122.                        '>': '&gt;',
  1123.                        '"': '&quot;',
  1124.                        "'": '&#039;'
  1125.                    };
  1126.  
  1127.                    return text.replace(/[&<>"']/g, function(m) {
  1128.                        return map[m];
  1129.                    });
  1130.                }
  1131.  
  1132.                $('#message').on('keydown', function(e) {
  1133.                    if (e.which === 13) {
  1134.                        sendMessage();
  1135.                    } else {
  1136.                        channel.whisper('typing', {
  1137.                            name: name
  1138.                        });
  1139.                    }
  1140.                });
  1141.  
  1142.                $('button#send').click(function(event) {
  1143.                    sendMessage();
  1144.                    $('#message').focus();
  1145.                });
  1146.  
  1147.                $('#message').focus(function(event) {
  1148.                    if (($('#message-list').scrollTop() + $('#message-list').height() + 10) > $(
  1149.                            '#message-list').prop('scrollHeight')) {
  1150.                        $('#message-list').scrollTop($('#message-list').prop('scrollHeight'));
  1151.                    }
  1152.                });
  1153.            });
  1154.        })();
  1155.    </script>
  1156. <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="c59dfb59cf6e6bd9e039dbfa-|49" defer></script></body>
  1157. </html>
  1158.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda