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.madeinthemidlands.com/news/rss

  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <script type="83d24d2aabef9fcfbb7d4848-text/javascript">
  5.    
  6.    dataLayer = [];
  7. </script>
  8.  
  9. <script type="83d24d2aabef9fcfbb7d4848-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="6KhEBtKXjJF2iiW4E9XGzDYPFNa1RZMXq0CCvuYH">
  19. <title>Made in the Midlands</title>
  20. <link rel="canonical" href="https://madeinthemidlands.com/news/rss" />
  21. <meta name="description" content="Championing Manufacturing and Engineering in the Midlands">
  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://madeinthemidlands.com/frontend_new/assets/images/favicon/mim/apple-touch-icon.png">
  24. <link rel="icon" type="image/png" sizes="32x32" href="https://madeinthemidlands.com/frontend_new/assets/images/favicon/mim/favicon-32x32.png">
  25. <link rel="icon" type="image/png" sizes="16x16" href="https://madeinthemidlands.com/frontend_new/assets/images/favicon/mim/favicon-16x16.png">
  26. <link rel="manifest" href="https://madeinthemidlands.com/frontend_new/assets/images/favicon/mim/site.webmanifest">
  27. <link rel="mask-icon" href="https://madeinthemidlands.com/frontend_new/assets/images/favicon/mim/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=f057bef5a950d5a8ddc4dbf580277f0c">
  32. <style>
  33.        :root{
  34.        --primary-color: #e41e4d;
  35.        --primary-color-hover: #3d464b;
  36.        --primary-color-rgb: rgb(228,30,77);
  37.        --primary-rgb: 228,30,77;
  38.        }
  39.        label.bell-btn:hover,label.bell-btn:focus,#minimize-chat:hover,#minimize-chat:focus{
  40.            background-color: #e41e4d !important;
  41.            filter: brightness(90%);
  42.        }
  43.        #join-as-guest:hover, #join-as-guest:focus {
  44.            background-color: #e41e4d !important;
  45.            filter: brightness(90%);
  46.        }
  47.     </style>
  48. </head>
  49. <body class>
  50.  
  51. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NKTZ4B4S"
  52.                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  53.  
  54. <script type="83d24d2aabef9fcfbb7d4848-text/javascript">
  55.    dataLayer.push({'userLoggedIn': 'false'});
  56. </script>
  57. <script type="83d24d2aabef9fcfbb7d4848-text/javascript">
  58.    
  59.    dataLayer.push({'websiteArea': 'frontend'});
  60. </script>
  61. <header class="main-header fixed-top" id="top-header">
  62. <div class="desktop-menu">
  63. <div class="container-fluid">
  64. <div class="d-flex justify-content-between">
  65. <div class="site-logo">
  66. <a href="/" class="d-block me-auto">
  67. <img src="https://ff6b0831fc22ae7448da-c42756d6a9d4d1816a8025cfbdc9dd0a.ssl.cf3.rackcdn.com/uploads//119ec060-8b93-4ba3-a032-07a37b897f24%2FMade%20in%20Group%20-%20Mids%20Web%20CMYK.png" alt="Made in the Midlands" style="width:140px;height:40px;">
  68. </a>
  69. </div>
  70. <div class="main-menu">
  71. <div class="header-join-btn d-flex justify-content-end gap-3">
  72. <a href="/register" title="Join Us" class="btn text-uppercase m-0 d-flex align-items-center justify-content-center">Join Us</a>
  73. <a href="https://madeinthemidlands.com/login" title="SIGN IN" class="btn icon-btn text-uppercase ">
  74. <span>SIGN IN</span>
  75. </a>
  76. </div>
  77. </div>
  78. </div>
  79. </div>
  80. <button type="button" class="menu-icon border-0">
  81. <div class="toggle-inner-wrpr">
  82. <span class="togglebar_desktop toggle_desktop_iconbar1"></span>
  83. <span class="togglebar_desktop toggle_desktop_iconbar2"></span>
  84. <span class="togglebar_desktop toggle_desktop_iconbar3"></span>
  85. </div>
  86. </button>
  87. </div>
  88. <div class="secondary-menu">
  89. <div class="container-fluid me-0">
  90. <div class="secondary-menu-wrpr">
  91. <ul class="menu-list">
  92. <li><a href="https://madeinthemidlands.com/benefits" title="BENEFITS" class="text-uppercase">BENEFITS</a></li>
  93. <li><a href="https://madeinthemidlands.com/what-we-do" title="WHAT WE DO" class="text-uppercase">WHAT WE DO</a></li>
  94. <li><a href="https://madeinthemidlands.com/members" class="text-uppercase" title="MEMBERS">MEMBERS</a></li>
  95. <li><a href="https://madeinthemidlands.com/news" class="text-uppercase" title="NEWS">NEWS</a></li>
  96. <li><a href="https://madeinthemidlands.com/events" class="text-uppercase" title="EVENTS">EVENTS</a></li>
  97. <li><a href="https://madeinthemidlands.com/contact" class="text-uppercase" title="CONTACT">CONTACT</a></li>
  98. </ul>
  99. </div>
  100. </div>
  101. </div>
  102. <div class="mobile-menu">
  103. <div class="container-fluid">
  104. <div class="mobile-menu-wrpr">
  105. <div class="site-logo">
  106. <a href="/" class="d-block me-auto">
  107. <img src="https://ff6b0831fc22ae7448da-c42756d6a9d4d1816a8025cfbdc9dd0a.ssl.cf3.rackcdn.com/uploads//119ec060-8b93-4ba3-a032-07a37b897f24%2FMade%20in%20Group%20-%20Mids%20Web%20CMYK.png" alt="Made in the Midlands" style="width:140px;height:40px;">
  108. </a>
  109. </div>
  110. <div class="right-wrpr">
  111. <div class="mobile-user-icon">
  112. <a href="https://madeinthemidlands.com/login">
  113. <svg xmlns="http://www.w3.org/2000/svg" width="18.572" height="20.795" viewBox="0 0 18.572 20.795" fill="none" stroke=" #363636 " stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
  114. <g transform="translate(0.75 0.75)">
  115. <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>
  116. <circle cx="4.279" cy="4.279" r="4.279" transform="translate(4.289)"></circle>
  117. </g>
  118. </svg>
  119. </a>
  120. </div>
  121. <button type="button" class="mobile_toggle_btn border-0">
  122. <div class="toggle-inner-wrpr">
  123. <span class="togglebar toggle_iconbar1"></span>
  124. <span class="togglebar toggle_iconbar2"></span>
  125. <span class="togglebar toggle_iconbar3"></span>
  126. </div>
  127. </button>
  128. </div>
  129. </div>
  130. </div>
  131. <div class="menu-wrpr flex-column" style="display: none;">
  132. <div class="mobile-menu-inner-wrpr">
  133. <ul class="mobile-nav list-style-none row mt-0">
  134. <li class="mobile-nav__item py-0 col-xs-12 col-md-6">
  135. <a href="https://madeinthemidlands.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>
  136. </li>
  137. <li class="mobile-nav__item py-0 col-xs-12 col-md-6">
  138. <a href="https://madeinthemidlands.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>
  139. </li>
  140. <li class="mobile-nav__item py-0 col-xs-12 col-md-6">
  141. <a href="https://madeinthemidlands.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>
  142. </li>
  143. <li class="mobile-nav__item py-0 col-xs-12 col-md-6">
  144. <a href="https://madeinthemidlands.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>
  145. </li>
  146. <li class="mobile-nav__item py-0 col-xs-12 col-md-6">
  147. <a href="https://madeinthemidlands.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>
  148. </li>
  149. <li class="mobile-nav__item py-0 col-xs-12 col-md-6">
  150. <a href="https://madeinthemidlands.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>
  151. </li>
  152. </ul>
  153. <div class="mobile-nav-cta">
  154. <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>
  155. </div>
  156. </div>
  157. </div>
  158. </div>
  159. </header>
  160. <main class="404">
  161. <section class="user-page error-404 my-5">
  162. <div class="container">
  163. <div class="row my-5">
  164. <div class="col-md-8 m-auto">
  165. <div class="inner">
  166. <h3 class="text-center color-gray">ERROR CODE 404</h3>
  167. <h1 class="text-center mb-5">This page was removed, renamed or doesn't exit.</h1>
  168. <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>
  169. <div class="d-flex justify-content-between">
  170. <a class="btn btn--404" href="/">Home</a>
  171. <a class="btn btn--404" href="/contact">Get in touch</a>
  172. </div>
  173. </div>
  174. </div>
  175. </div>
  176. </div>
  177. </section>
  178. </main>
  179. <section class="what-we-help-sec">
  180. <div class="container">
  181. <div class="whatWeDo__inner p-5">
  182. <div class="row">
  183. <div class="col-lg-3">
  184. <div class="white__logo">
  185. <img src="/frontend_new/assets/images/aboutus/white-logo.png" alt class="img-fluid">
  186. </div>
  187. </div>
  188. <div class="col-lg-5">
  189. <h3>We’re here to help.</h3>
  190. </div>
  191. <div class="col-lg-4">
  192. <div class="what-we-do-btn">
  193. <p>Ask about FREE plans, other memberships Live and hybrid events or anything else.</p>
  194. <a href="https://madeinthemidlands.com/contact" class="btn" title="TALK TO SALES">TALK TO SALES</a>
  195. </div>
  196. </div>
  197. </div>
  198. </div>
  199. </div>
  200. </section>
  201. <footer class="footer">
  202. <div class="footer-top">
  203. <div class="container" style="max-width: none !important;">
  204. <div class="row">
  205. <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-3">
  206. <div class="footer-logo-col">
  207. <a href="/" class="d-block w-100 footer-logo">
  208. <img src="https://ff6b0831fc22ae7448da-c42756d6a9d4d1816a8025cfbdc9dd0a.ssl.cf3.rackcdn.com/uploads//ec524be7-80c9-4c1b-b659-9aca2815d901%2FMade%20in%20Group%20-%20Mids%20Web%20Rev.png" alt="Made in the Midlands" style="width:140px;height:40px;">
  209. </a>
  210. <p class="text-white mt-4">Made in the Midlands, is a licensed franchise of Made in Group, which exists to champion and support Manufacturing.</p>
  211. <div class="social-connect">
  212. <a href="https://www.linkedin.com/company/made-in-the-midlands/" title="LinkedIn">
  213. <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
  214. <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" />
  215. </svg>
  216. </a>
  217. <a href="https://www.youtube.com/channel/UCzlw0YIb31XGu8xuHPtuPCw" title="YouTube">
  218. <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="currentColor" class="bi bi-youtube" viewBox="0 0 16 16">
  219. <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" />
  220. </svg>
  221. </a>
  222. <a href="https://www.facebook.com/madeinthemidlands" title="Facebook">
  223. <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
  224. <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" />
  225. </svg>
  226. </a>
  227. <a href="https://www.twitter.com/madeinthemids" title="Twitter">
  228. <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16">
  229. <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" />
  230. </svg>
  231. </a>
  232. </div>
  233. </div>
  234. </div>
  235. <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-6">
  236. <div class="footer-menu-wrapper">
  237. <div class="row">
  238. <div class="col-xs-6 col-sm-12 col-md-12 col-lg-auto flex-lg-grow-1">
  239. <div class="footer-menu">
  240. <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">
  241. <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
  242. <line x1="12" y1="5" x2="12" y2="19">
  243. </line>
  244. <line x1="5" y1="12" x2="19" y2="12">
  245. </line>
  246. </svg></a></h4>
  247. <div class="w-100 h-auto footer-menu__links-wrap">
  248. <ul class="m-0 footer-menu__links">
  249. <li class="p-md-0 m-0 d-block w-100 h-auto"><a class="d-block w-100" href="https://madeinthemidlands.com/what-we-do" title="What We Do">What We Do</a></li>
  250. <li class="p-md-0 m-0 d-block w-100 h-auto"><a class="d-block w-100" href="https://madeinthemidlands.com/staff" title="Meet The Team">Meet The
  251. Team</a></li>
  252. <li class="p-md-0 m-0 d-block w-100 h-auto"><a class="d-block w-100" href="https://madeinthemidlands.com/knowledge-hub" title="Knowledge Hub">Knowledge Hub</a></li>
  253. <li class="p-md-0 m-0 d-block w-100 h-auto"><a class="d-block w-100" href="https://madeinthemidlands.com/careers" title="Careers">Careers</a></li>
  254. <li class="p-md-0 m-0 d-block w-100 h-auto"><a class="d-block w-100" href="https://madeinthemidlands.com/contact" title="Contact">Contact</a></li>
  255. </ul>
  256. </div>
  257. </div>
  258. </div>
  259. <div class="col-xs-6 col-sm-12 col-md-12 col-lg-auto flex-lg-grow-1">
  260. <div class="footer-menu">
  261. <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">
  262. <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
  263. <line x1="12" y1="5" x2="12" y2="19">
  264. </line>
  265. <line x1="5" y1="12" x2="19" y2="12">
  266. </line>
  267. </svg></a></h4>
  268. <div class="w-100 h-auto footer-menu__links-wrap">
  269. <ul class="m-0 footer-menu__links">
  270. <li class="p-md-0 m-0 d-block w-100 h-auto"><a class="d-block w-100" href="https://madeinthemidlands.com/benefits" title="Benefits">Benefits</a></li>
  271. <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>
  272. <li class="p-md-0 m-0 d-block w-100 h-auto"><a class="d-block w-100" href="https://madeinthemidlands.com/platform-demo" title="Platform Demo">Platform Demo</a></li>
  273. <li class="p-md-0 m-0 d-block w-100 h-auto"><a class="d-block w-100" href="https://madeinthemidlands.com/bursary" title="Bursaries">Bursaries</a></li>
  274. <li class="p-md-0 m-0 d-block w-100 h-auto"><a class="d-block w-100" href="https://madeinthemidlands.com/3d-factory-tours" title="Factory Tours">Factory Tours</a></li>
  275. <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>
  276. </ul>
  277. </div>
  278. </div>
  279. </div>
  280. <div class="col-xs-6 col-sm-12 col-md-12 col-lg-auto flex-lg-grow-1">
  281. <div class="footer-menu">
  282. <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">
  283. <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
  284. <line x1="12" y1="5" x2="12" y2="19">
  285. </line>
  286. <line x1="5" y1="12" x2="19" y2="12">
  287. </line>
  288. </svg></a></h4>
  289. <div class="w-100 h-auto footer-menu__links-wrap">
  290. <ul class="m-0 footer-menu__links">
  291. <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>
  292. <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>
  293. <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>
  294. <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>
  295. <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>
  296. <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>
  297. <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>
  298. </ul>
  299. </div>
  300. </div>
  301. </div>
  302. <div class="col-xs-6 col-sm-12 col-md-12 col-lg-auto flex-lg-grow-1">
  303. <div class="footer-menu">
  304. <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">
  305. <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
  306. <line x1="12" y1="5" x2="12" y2="19">
  307. </line>
  308. <line x1="5" y1="12" x2="19" y2="12">
  309. </line>
  310. </svg></a></h4>
  311. <div class="w-100 h-auto footer-menu__links-wrap">
  312. <ul class="m-0 footer-menu__links">
  313. <li class="p-md-0 m-0 d-block w-100 h-auto">
  314. <a href="http://madefutures.com" class="d-block w-100" title="Made Futures">Made Futures</a>
  315. </li>
  316. <li class="p-md-0 m-0 d-block w-100 h-auto">
  317. <a href="http://backingbritain.com" class="d-block w-100" title="Backing Britain">Backing Britain</a>
  318. </li>
  319. <li class="p-md-0 m-0 d-block w-100 h-auto">
  320. <a href="http://madeinthenorthwest.co.uk" class="d-block w-100" title="Made in the North West">Made in the North West</a>
  321. </li>
  322. <li class="p-md-0 m-0 d-block w-100 h-auto">
  323. <a href="http://madeinwales.com" class="d-block w-100" title="Made in Wales">Made in Wales</a>
  324. </li>
  325. <li class="p-md-0 m-0 d-block w-100 h-auto">
  326. <a href="http://madeinthesoutheast.com" class="d-block w-100" title="Made in the South East">Made in the South East</a>
  327. </li>
  328. <li class="p-md-0 m-0 d-block w-100 h-auto">
  329. <a href="http://madeinthesouthwest.uk" class="d-block w-100" title="Made in the South West">Made in the South West</a>
  330. </li>
  331. <li class="p-md-0 m-0 d-block w-100 h-auto">
  332. <a href="http://madeinthenortheast.com" class="d-block w-100" title="Made in the North East">Made in the North East</a>
  333. </li>
  334. <li class="p-md-0 m-0 d-block w-100 h-auto">
  335. <a href="http://madeinnorthernireland.net" class="d-block w-100" title="Made in Northern Ireland">Made in Northern Ireland</a>
  336. </li>
  337. <li class="p-md-0 m-0 d-block w-100 h-auto">
  338. <a href="http://madeinscotland.net" class="d-block w-100" title="Made in Scotland">Made in Scotland</a>
  339. </li>
  340. <li class="p-md-0 m-0 d-block w-100 h-auto">
  341. <a href="http://madeineastengland.uk" class="d-block w-100" title="Made in East England">Made in East England</a>
  342. </li>
  343. <li class="p-md-0 m-0 d-block w-100 h-auto">
  344. <a href="http://madeinyorkshire.com" class="d-block w-100" title="Made in Yorkshire">Made in Yorkshire</a>
  345. </li>
  346. <li class="p-md-0 m-0 d-block w-100 h-auto">
  347. <a href="http://www.madeinlondon.com/" class="d-block w-100" title="Made in London">Made in
  348. London</a>
  349. </li>
  350. </ul>
  351. </div>
  352. </div>
  353. </div>
  354. </div>
  355. </div>
  356. </div>
  357. <div class="col-xs-12 col-sm-12 col-md-12 col-lg-auto col-xl-3">
  358. <div class="d-flex justify-content-center">
  359. <div class="connect-with-us">
  360. <h3>Sign Up To Our Mailing List</h3>
  361. <p>Enter Your Email Address below to stay up to date with our latest news and receive events
  362. notifications right inside your inbox.</p>
  363. <div class="footer-signup">
  364. <div class="d-grid gap-2 d-md-block">
  365. <button class="btn btn-signup___newsletter" type="button" data-bs-toggle="modal" data-bs-target="#newsletterSignup">Sign Up Now</button>
  366. </div>
  367. </div>
  368. </div>
  369. </div>
  370. </div>
  371. </div>
  372. </div>
  373. </div>
  374. </footer>
  375. <div class="copyright-wrpr">
  376. <div class="container" style="max-width: none !important;">
  377. <div class="row">
  378. <p class="col-xs-12 col-sm-12 col-md-4">&copy;Copyright. 2024. All rights reserved.</p>
  379. <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>
  380. <p class="col-xs-12 col-sm-12 col-md-4">
  381. Made in the Midlands is a licensed franchise of Made in Group.
  382. </p>
  383. </div>
  384. </div>
  385. </div>
  386.  
  387. <div class="modal fade" id="newsletterSignup" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
  388. <div class="modal-dialog modal-dialog-centered">
  389. <div class="modal-content">
  390. <div class="modal-header">
  391. <h5 class="modal-title" id="staticBackdropLabel">Sign Up To Our Mailing List</h5>
  392. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  393. </div>
  394. <div class="modal-body">
  395. <div class="row g-3 d-none" id="displayMsg">
  396. <div class="col-12">
  397. <div class="alert alert-success d-none" role="alert" id="responseSuccess">
  398. Thank you for your subscription.
  399. </div>
  400. <div class="alert alert-danger d-none" role="alert" id="responseError">
  401. The g-recaptcha field is required.
  402. </div>
  403. </div>
  404. </div>
  405. <div id="showForm">
  406. <form class="row g-3" action="https://madeinthemidlands.com/digest/subscribe" method="POST" id="footerDigest">
  407. <input type="hidden" name="_token" value="6KhEBtKXjJF2iiW4E9XGzDYPFNa1RZMXq0CCvuYH">
  408. <div class="col-6">
  409. <div class="form-floating w-100 has-validation">
  410. <input type="text" name="first_name" class="form-control register-input" id="fname" placeholder="First Name" required>
  411. <label class="inputLabel" for="fname">First Name</label>
  412. </div>
  413. </div>
  414. <div class="col-6">
  415. <div class="form-floating w-100 has-validation">
  416. <input type="text" name="last_name" class="form-control register-input" id="lname" placeholder="Last Name" required>
  417. <label class="inputLabel" for="lname">Last Name</label>
  418. </div>
  419. </div>
  420. <div class="col-12">
  421. <div class="form-floating w-100 has-validation">
  422. <input type="email" name="email" class="form-control register-input" id="emailAddress" placeholder="Email Address" required>
  423. <label class="inputLabel" for="emailAddress">Email Address</label>
  424. </div>
  425. </div>
  426. <style>
  427.                            #communication-error{display:none !important;}
  428.                        </style>
  429. <div class="col-12">
  430. <div class="form-check">
  431. <input class="form-check-input" type="checkbox" name="communication" id="communication-opt-in" data-parsley-errors-container=".comunication-opt-in" required>
  432. <label class="form-check-label" for="communication-opt-in">
  433. Tick to receive communications from Made in the Midlands
  434. </label>
  435. </div>
  436. </div>
  437. <div class="col-12">
  438. <script type="83d24d2aabef9fcfbb7d4848-text/javascript">
  439.        var RecaptchaOptions = {"curl_timeout":1,"curl_verify":true};
  440.    </script>
  441. <script src="https://www.google.com/recaptcha/api.js?render=onload" type="83d24d2aabef9fcfbb7d4848-text/javascript"></script>
  442. <div class="g-recaptcha" data-sitekey="6Lc3s_YSAAAAAPkRQkJ-owVHUwi77XLk-kffoeFU"></div>
  443. <noscript>
  444.    <div style="width: 302px; height: 352px;">
  445.        <div style="width: 302px; height: 352px; position: relative;">
  446.            <div style="width: 302px; height: 352px; position: absolute;">
  447.                <iframe src="https://www.google.com/recaptcha/api/fallback?k=6Lc3s_YSAAAAAPkRQkJ-owVHUwi77XLk-kffoeFU"
  448.                        frameborder="0" scrolling="no"
  449.                        style="width: 302px; height:352px; border-style: none;">
  450.                </iframe>
  451.            </div>
  452.            <div style="width: 250px; height: 80px; position: absolute; border-style: none;
  453.                  bottom: 21px; left: 25px; margin: 0; padding: 0; right: 25px;">
  454.        <textarea id="g-recaptcha-response" name="g-recaptcha-response"
  455.                  class="g-recaptcha-response"
  456.                  style="width: 250px; height: 80px; border: 1px solid #c1c1c1;
  457.                         margin: 0; padding: 0; resize: none;"></textarea>
  458.            </div>
  459.        </div>
  460.    </div>
  461. </noscript>
  462. </div>
  463. <div class="col-12">
  464. <button type="submit" class="btn btn-signup___subscribe" id="footerDigest__b">Sign Up</button>
  465. </div>
  466. </form>
  467. </div>
  468. </div>
  469. </div>
  470. </div>
  471. </div>
  472. <script src="/js/manifest.js?id=9da63d3f88541e0120fa2c9e51cac6d7" type="83d24d2aabef9fcfbb7d4848-text/javascript"></script>
  473. <script src="/js/vendor.js?id=5cdfe2bf59380f02cd8b499c6e69b7d4" type="83d24d2aabef9fcfbb7d4848-text/javascript"></script>
  474. <script src="/js/new-frontend.js?id=04056f0b2503fee9159d95317939bef5" type="83d24d2aabef9fcfbb7d4848-text/javascript"></script>
  475. <button id="join-guest" title="Join Chat" style="background-image: url(https://ff6b0831fc22ae7448da-c42756d6a9d4d1816a8025cfbdc9dd0a.ssl.cf3.rackcdn.com/uploads//e92f7381-af37-4bc5-a83f-a7578726e05c%2Fconversions%2Fdefault.jpg)"><span class></span></button>
  476. <span id="chat-message_bubble-wrap">
  477. <div class="bot-message">Chat with us!</div>
  478. <div id="close-chat-bubble" role="button"></div>
  479. </span>
  480. <div id="chat">
  481. <div class="chat-content">
  482. <div class="chat-header">
  483. <div class="chat-header-row">
  484. <h3 class="chat-heading">Live Chat</h3>
  485. <label class="btn bell-btn position-relative" for="notification-bell" title="Turn on sound notification"><input type="checkbox" id="notification-bell">
  486. <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">
  487. <path d="M0 0h24v24H0z" fill="none" />
  488. <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" />
  489. </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">
  490. <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" />
  491. </svg></span></div>
  492. </label>
  493. <button type="button" id="minimize-chat" title="Close chat">
  494. <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">
  495. <path d="M6 19h12v2H6z" fill="#fff" />
  496. <path d="M0 0h24v24H0V0z" fill="none" />
  497. </svg>
  498. </button>
  499. </div>
  500. </div>
  501. <div id="message-wrapper">
  502. <div class="message-list-wrapper" id="msg-list-wrap">
  503. <ul id="message-list">
  504. </ul>
  505. <span class="chat-alert new-message-alert" id="new-message-alert">
  506. <button class="chat-alert-content" id="chat-alert-button">
  507. <p class="chat-alert-message">Show new messages</p>
  508. </button>
  509. </span>
  510. </div>
  511. <div id="send-message-wrapper">
  512. <div class="send-message-row">
  513. <div class="send-message-input">
  514. <div id="typing" style="display: none;"><span id="typing-name"></span> is typing...</div>
  515. <input type="text" id="message" autocomplete="off" placeholder="Type a message...">
  516. </div>
  517. <div class="send-message-btn">
  518. <button id="send"></button>
  519. </div>
  520. </div>
  521. </div>
  522. </div>
  523. <div id="guest-wrapper">
  524. <div class="guest-register">
  525. <h6 class="text-center d-block w-100 mx-auto">How can we help you?</h6>
  526. <p class="text-center chat-instruction">Enter your name, email and company to connect to a
  527. member of our team</p>
  528. <div class="lc-input-field">
  529. <label for="chat-name">
  530. <div class="input-label-text">Name *</div>
  531. <input type="text" id="chat-name" value required>
  532. </label>
  533. </div>
  534. <div class="lc-input-field">
  535. <label for="chat-email">
  536. <div class="input-label-text">Email *</div>
  537. <input type="email" id="chat-email" value required>
  538. </label>
  539. </div>
  540. <div class="lc-input-field">
  541. <label for="chat-company">
  542. <div class="input-label-text">Company *</div>
  543. <input type="text" id="chat-company" value required>
  544. </label>
  545. </div>
  546. <button id="join-as-guest">Start Chat</button>
  547. </div>
  548. </div>
  549. </div>
  550. </div>
  551. <audio src="https://madeinthemidlands.com/notification.mp3" controls preload="auto" id="audio-notification"></audio>
  552. <script src="https://js.pusher.com/5.1/pusher.min.js" type="83d24d2aabef9fcfbb7d4848-text/javascript"></script>
  553. <script src="/js/partials/chat.js?id=9589bdc6ab97b32cd94d86989775557d" type="83d24d2aabef9fcfbb7d4848-text/javascript"></script>
  554. <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js" integrity="sha256-4iQZ6BVL4qNKlQ27TExEhBN1HFPvAvAMbFavKKosSWQ=" crossorigin="anonymous" type="83d24d2aabef9fcfbb7d4848-text/javascript"></script>
  555. <script type="83d24d2aabef9fcfbb7d4848-text/javascript">
  556.        (function() {
  557.            // Source: https://www.quirksmode.org/js/cookies.html
  558.            function createCookie(name, value, days) {
  559.                if (days) {
  560.                    var date = new Date();
  561.                    date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
  562.                    var expires = "; expires=" + date.toGMTString();
  563.                } else var expires = "";
  564.                document.cookie = name + "=" + value + expires + "; path=/";
  565.            }
  566.  
  567.            // Source: https://www.quirksmode.org/js/cookies.html
  568.            function readCookie(name) {
  569.                var nameEQ = name + "=";
  570.                var ca = document.cookie.split(';');
  571.                for (var i = 0; i < ca.length; i++) {
  572.                    var c = ca[i];
  573.                    while (c.charAt(0) == ' ') c = c.substring(1, c.length);
  574.                    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
  575.                }
  576.                return null;
  577.            }
  578.  
  579.            // Source: https://www.quirksmode.org/js/cookies.html
  580.            function eraseCookie(name) {
  581.                createCookie(name, "", -1);
  582.            }
  583.  
  584.            var chatSoundEnabled = false;
  585.  
  586.            var _soundEnabled = readCookie('frontend_live_chat_sound');
  587.  
  588.            if (_soundEnabled) {
  589.                if (_soundEnabled === 'muted') {
  590.                    chatSoundEnabled = false;
  591.                }
  592.  
  593.                if (_soundEnabled === 'unmuted') {
  594.                    chatSoundEnabled = true;
  595.                }
  596.            }
  597.  
  598.            $(document).ready(function() {
  599.                var userId = '933ada9e-c815-470d-b904-051d16cd43de';
  600.                var subdomain = 'madeingroup';
  601.                var domain = "https://madeinthemidlands.com";
  602.                var channel;
  603.                var timeout;
  604.                var agents;
  605.                var joined = false;
  606.                var sending = false;
  607.                var name = '';
  608.                var doc = document || document.documentElement;
  609.                var notificationAudio = doc.getElementById('audio-notification');
  610.                var notificationAudioExist = false;
  611.                var audioPlayed = false;
  612.  
  613.                if (notificationAudio) {
  614.                    $(notificationAudio).on('ended', function(event) {
  615.                        notificationAudio.pause();
  616.                        notificationAudio.currentTime = 0;
  617.                    });
  618.  
  619.                    if (chatSoundEnabled) {
  620.                        var startPlayPromise = notificationAudio.play();
  621.                        if (startPlayPromise !== undefined) {
  622.                            startPlayPromise.then(function() {
  623.                                $('input#notification-bell').prop('checked', true);
  624.                                $('label.bell-btn').addClass('enabled');
  625.                                createCookie('frontend_live_chat_sound', 'unmuted', 10000);
  626.                                chatSoundEnabled = true;
  627.                                audioPlayed = true;
  628.                            }).catch(function(error) {});
  629.                        }
  630.                    }
  631.  
  632.                    $('input#notification-bell').change(function(event) {
  633.                        if ($(this).is(':checked')) {
  634.                            $('label.bell-btn').addClass('enabled');
  635.                            $('label.bell-btn').attr('title', 'Turn off sound notification');
  636.                            createCookie('frontend_live_chat_sound', 'unmuted', 10000);
  637.                            chatSoundEnabled = true;
  638.  
  639.                            if (!audioPlayed) {
  640.                                audioPlayed = true;
  641.                                if (notificationAudio) {
  642.                                    notificationAudio.play();
  643.                                }
  644.                            }
  645.                        } else {
  646.                            $('label.bell-btn').removeClass('enabled');
  647.                            $('label.bell-btn').attr('title', 'Turn on sound notification');
  648.                            createCookie('frontend_live_chat_sound', 'muted', 10000);
  649.                            chatSoundEnabled = false;
  650.                        }
  651.                    });
  652.                }
  653.  
  654.                function updateMessagesTimeFromNow() {
  655.                    $('.message-time').each(function(index, element) {
  656.                        var timeFromNow = moment($(this).data('time'), "X").fromNow();
  657.                        $(this).text(timeFromNow);
  658.                    });
  659.                }
  660.  
  661.                $('#close-chat-bubble').click(function(event) {
  662.                    event.preventDefault();
  663.                    $('#chat-message_bubble-wrap').animate({
  664.                        opacity: 0,
  665.                        right: '8rem'
  666.                    }, 200, function() {
  667.                        $('#chat-message_bubble-wrap').hide();
  668.                    });
  669.                });
  670.  
  671.                setInterval(function() {
  672.                    updateMessagesTimeFromNow();
  673.                }, 5000);
  674.  
  675.                $('#chat-message_bubble-wrap').show();
  676.                window.setTimeout(function() {
  677.                    $('#chat-message_bubble-wrap').animate({
  678.                        opacity: 1,
  679.                        right: '8rem'
  680.                    }, 200, function() {
  681.                        $('#close-chat-bubble').delay(100).fadeIn(150);
  682.                    });
  683.                }, 2000);
  684.  
  685.                function joinChat() {
  686.                    $('#close-chat-bubble').click();
  687.                    join();
  688.                    $(this).hide();
  689.                    // $('#maximize-chat, #guest-wrapper').hide();
  690.                    $('#chat, #message-wrapper').show();
  691.  
  692.                    var chatStorage = localStorage.getItem('mcsp');
  693.                    if (chatStorage) {
  694.                        chatStorage = null;
  695.                        var chatSettings = JSON.parse(localStorage.getItem('mcsp'));
  696.                        var scrollPosition = chatSettings.scrollPositionTop;
  697.                        var hasUnreadMessage = chatSettings.message.unread;
  698.                        document.getElementById('message-list').scrollTo(0, +scrollPosition);
  699.                        if (hasUnreadMessage) {
  700.                            $('#new-message-alert').addClass('alert-show');
  701.                        } else {
  702.                            $('#new-message-alert').removeClass('alert-show');
  703.                        }
  704.                    }
  705.                }
  706.  
  707.                setInterval(function() {
  708.                    updateMessagesTimeFromNow();
  709.                }, 5000);
  710.  
  711.                $('#join').click(function() {
  712.                    joinChat();
  713.                });
  714.  
  715.                $('#msg-list-wrap').on('click', function(event) {
  716.                    var chatCloseAlert = document.getElementById('chat-alert-button');
  717.                    if (chatCloseAlert) {
  718.                        var chatCloseAlertIsClicked = chatCloseAlert.contains(event.target);
  719.  
  720.                        if (chatCloseAlertIsClicked) {
  721.                            event.preventDefault();
  722.  
  723.                            $('#message-list').animate({
  724.                                scrollTop: document.getElementById('message-list').scrollHeight
  725.                            }, 350);
  726.  
  727.                            $('#new-message-alert').removeClass('alert-show');
  728.                        }
  729.                    }
  730.                });
  731.  
  732.                $('#join-as-guest').click(function() {
  733.                    var nameField = $('input#chat-name');
  734.                    var emailField = $('input#chat-email');
  735.                    var companyField = $('input#chat-company');
  736.  
  737.                    if (typeof nameField !== typeof undefined && typeof nameField !== typeof false &&
  738.                        typeof emailField !== typeof undefined && typeof emailField !== typeof false &&
  739.                        typeof companyField !== typeof undefined && typeof companyField !== typeof false
  740.                    ) {
  741.                        joined = true;
  742.  
  743.                        if ($.trim(nameField.val()) === '') {
  744.                            joined = false
  745.                        }
  746.  
  747.                        if ($.trim(emailField.val()) === '') {
  748.                            joined = false;
  749.                        } else {
  750.                            var emailReg = /^([a-zA-Z0-9_\-\.]+)@([a-zA-Z0-9_\-\.]+)\.([a-zA-Z]{2,5})$/;
  751.  
  752.                            if (!emailReg.test(emailField.val())) {
  753.                                joined = false;
  754.                            }
  755.                        }
  756.  
  757.                        if ($.trim(companyField.val()) === '') {
  758.                            joined = false
  759.                        }
  760.                    }
  761.  
  762.                    if (joined) {
  763.                        name = $.trim(nameField.val());
  764.                        axios.post('/' + subdomain + '/join-as-guest', {
  765.                            name: nameField.val(),
  766.                            email: emailField.val(),
  767.                            company: companyField.val()
  768.                        }).then(function(response) {
  769.                            if (response.data.success) joinChat();
  770.                        });
  771.                    }
  772.                });
  773.  
  774.                $('#minimize-chat').click(function(event) {
  775.                    event.preventDefault();
  776.                    $('#chat').hide();
  777.                    $('#join, #join-guest').show();
  778.                    // if (joined) {
  779.                    //     $('#maximize-chat').show();
  780.                    // } else {
  781.                    //     $('#join, #join-guest').show();
  782.                    // }
  783.                });
  784.  
  785.                $('#maximize-chat').click(function(event) {
  786.                    event.preventDefault();
  787.                    $('#join, #join-guest, #maximize-chat').hide();
  788.                    $('#chat').show();
  789.                });
  790.  
  791.                $('#join-guest').click(function() {
  792.                    $('#chat').show();
  793.                });
  794.  
  795.                function join() {
  796.                    Echo.join('chat.' + subdomain)
  797.                        .here((users) => {
  798.                            channel = Echo.join('chat.' + subdomain + '.' + userId);
  799.  
  800.                            agents = 0;
  801.  
  802.                            for (var i = 0; i < users.length; i++) {
  803.                                if (users[i].agent) agents++;
  804.                            }
  805.  
  806.                            if (agents === 0) {
  807.                                appendAnnouncement(
  808.                                    'I\'m sorry we are not available right now, but please leave a message and we will respond as soon as possible',
  809.                                    false);
  810.                            } else {
  811.                                appendAnnouncement('Thanks for visiting our website, how can we help you?',
  812.                                    false);
  813.                            }
  814.  
  815.                            channel
  816.                                .listen('NewMessage', (e) => {
  817.                                    $('#typing').hide();
  818.                                    clearTimeout(timeout);
  819.                                    appendMessage(e.name, e.member, e.image, e.message, 'left');
  820.                                    if (chatSoundEnabled) {
  821.                                        if (notificationAudio) {
  822.                                            notificationAudio.currentTime = 0;
  823.                                            notificationAudio.play();
  824.                                        }
  825.                                    }
  826.                                })
  827.                                .listenForWhisper('typing', (e) => {
  828.                                    clearTimeout(timeout);
  829.                                    $('#typing-name').text(e.name);
  830.                                    $('#typing').show();
  831.                                    timeout = setTimeout(function() {
  832.                                        $('#typing').hide();
  833.                                    }, 1000);
  834.                                })
  835.                                .joining((user) => {
  836.                                    if (user.agent) agents++;
  837.                                    appendAnnouncementWithIcon(user.name + ' (' + user.member +
  838.                                        ') connected to the chat.', 'add');
  839.                                    if (chatSoundEnabled) {
  840.                                        if (notificationAudio) {
  841.                                            notificationAudio.currentTime = 0;
  842.                                            notificationAudio.play();
  843.                                        }
  844.                                    }
  845.                                })
  846.                                .leaving((user) => {
  847.                                    if (user.agent) agents--;
  848.                                    appendAnnouncementWithIcon(user.name + ' (' + user.member +
  849.                                        ') disconnected from the chat.', 'remove');
  850.                                });
  851.                        });
  852.                }
  853.  
  854.                function sendMessage() {
  855.                    if (sending) return;
  856.                    sending = true;
  857.                    var message = $.trim($('#message').val());
  858.                    if (message === '') return;
  859.                    var data = {
  860.                        message: message,
  861.                        agent_online: agents !== 0
  862.                    };
  863.                    if ($('#name').length) data.name = $('#name').val();
  864.                    if ($('#email').length) data.email = $('#email').val();
  865.                    if ($('#company').length) data.company = $('#company').val();
  866.                    axios.post(domain + '/' + subdomain + '/send', data)
  867.                        .then(function(response) {
  868.                            $('#message').val('');
  869.                            appendMessage(response.data.name, response.data.member, response.data.image,
  870.                                response.data.message, 'right');
  871.                            sending = false;
  872.                        });
  873.                }
  874.  
  875.                function isChatScrolledToEnd() {
  876.                    if (document.getElementById('message-list')) {
  877.                        var height = window.getComputedStyle(document.getElementById('message-list'), null)
  878.                            .getPropertyValue('height');
  879.  
  880.                        var regex = /^\d+$/;
  881.  
  882.                        var result = regex.test(height);
  883.  
  884.                        if (!result) {
  885.                            if (typeof height === 'string') {
  886.                                height = +height.slice(0, -2);
  887.                            }
  888.                        }
  889.  
  890.                        if (document.getElementById('message-list').scrollHeight <= document.getElementById(
  891.                                'message-list').scrollTop + height + 5) {
  892.                            return true;
  893.                        }
  894.                    }
  895.  
  896.                    return false;
  897.                }
  898.  
  899.                function scrollToBottom() {
  900.                    if (document.getElementById('message-list')) {
  901.                        document.getElementById('message-list').scrollTo(0, $('#message-list').prop(
  902.                            'scrollHeight'));
  903.                    }
  904.                }
  905.  
  906.                function appendAnnouncement(message, newMessage) {
  907.                    if (isChatScrolledToEnd()) {
  908.                        scrollToBottom();
  909.                    }
  910.  
  911.                    if (newMessage) {
  912.                        $('#message-list').append(
  913.                            '<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">' +
  914.                            escapeHtml(message) + '</span></div></span></div></li>');
  915.                    } else {
  916.                        $('#message-list').append(
  917.                            '<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">' +
  918.                            escapeHtml(message) + '</span></div></span></div></li>');
  919.                    }
  920.                }
  921.  
  922.                function appendAnnouncementWithIcon(message, iconType) {
  923.                    if (isChatScrolledToEnd()) {
  924.                        scrollToBottom();
  925.                    }
  926.  
  927.                    $('#message-list').append('<li class="chat-info-block ' + iconType +
  928.                        '"><div class="info-block__inner"><span class="info-block-row"><div class="info-block-content"><span class="info-block-text">' +
  929.                        escapeHtml(message) + '</span></div></span></div></li>');
  930.                    updateMessagesTimeFromNow();
  931.                }
  932.  
  933.                function appendMessage(name, member, image, message, leftOrRight) {
  934.                    var date = new Date();
  935.                    var seconds = date.getTime() / 1000;
  936.  
  937.                    var scrollToEnd = isChatScrolledToEnd();
  938.  
  939.                    if (leftOrRight === 'left') {
  940.                        if (!scrollToEnd) {
  941.                            var newMessageInfoBlock = $('.chat-info-new-message');
  942.                            if ((typeof newMessageInfoBlock !== typeof undefined &&
  943.                                    typeof newMessageInfoBlock !== typeof false)) {
  944.                                if (!(newMessageInfoBlock.length > 0)) {
  945.                                    appendAnnouncement('New messages', true);
  946.                                }
  947.                            }
  948.                        }
  949.  
  950.                        $('#message-list').append(
  951.                            '<li class="single-message align-left"><div class="message-block"><span class="profile-col"><div class="profile-circle" style="background-image: url(' +
  952.                            image +
  953.                            ')"></div></span><span class="message-info"><div class="sender-name-wrapper"><span class="sender-name">' +
  954.                            name + '</span><span class="sender-title">' + member +
  955.                            '</span></div><div class="message-bubble-wrapper"><div class="message-bubble"><p class="message-text">' +
  956.                            message +
  957.                            '</p></div><div class="message-time-wrapper"><time class="message-time" data-time="' +
  958.                            seconds + '">' + moment(date).fromNow() +
  959.                            '</time></div></div></span></div></li>');
  960.  
  961.                        var cSettings;
  962.  
  963.                        if (scrollToEnd) {
  964.                            scrollToBottom();
  965.  
  966.                            cSettings = {
  967.                                scrollPositionTop: this.scrollTop,
  968.                                message: {
  969.                                    unread: false
  970.                                }
  971.                            };
  972.                        } else {
  973.                            $('#new-message-alert').addClass('alert-show');
  974.  
  975.                            cSettings = {
  976.                                scrollPositionTop: this.scrollHeight,
  977.                                message: {
  978.                                    unread: true
  979.                                }
  980.                            };
  981.                        }
  982.  
  983.                        if (localStorage.getItem('mcsp')) localStorage.removeItem('mscp');
  984.  
  985.                        localStorage.setItem('mcsp', JSON.stringify(cSettings));
  986.                    } else {
  987.                        $('#message-list').append(
  988.                            '<li class="single-message align-right"><div class="message-block"><span class="message-info"><div class="sender-name-wrapper"><span class="sender-name">' +
  989.                            name + '</span><span class="sender-title">' + member +
  990.                            '</span></div><div class="message-bubble-wrapper"><div class="message-bubble"><p class="message-text">' +
  991.                            message +
  992.                            '</p></div><div class="message-time-wrapper"><time class="message-time" data-time="' +
  993.                            seconds + '">' + moment(date).fromNow() +
  994.                            '</time></div></div></span></div></li>');
  995.  
  996.                        scrollToBottom();
  997.                    }
  998.                }
  999.  
  1000.                $('#message-list').on('scroll', function() {
  1001.  
  1002.                    var height = window.getComputedStyle(this, null).getPropertyValue('height');
  1003.  
  1004.                    var regex = /^\d+$/;
  1005.  
  1006.                    var result = regex.test(height);
  1007.  
  1008.                    if (!result) {
  1009.                        if (typeof height === 'string') {
  1010.                            height = +height.slice(0, -2);
  1011.                        }
  1012.  
  1013.                        var haveNewMessages = $('#new-message-alert').is(':visible');
  1014.  
  1015.                        var cSettings;
  1016.  
  1017.                        if (this.scrollHeight <= this.scrollTop + height + 5) {
  1018.                            $('#new-message-alert').removeClass('alert-show');
  1019.                            haveNewMessages = false;
  1020.  
  1021.                            cSettings = {
  1022.                                scrollPositionTop: this.scrollHeight,
  1023.                                message: {
  1024.                                    unread: haveNewMessages
  1025.                                }
  1026.                            };
  1027.                        } else {
  1028.                            cSettings = {
  1029.                                scrollPositionTop: this.scrollTop,
  1030.                                message: {
  1031.                                    unread: haveNewMessages
  1032.                                }
  1033.                            };
  1034.                        }
  1035.  
  1036.                        if (localStorage.getItem('mcsp')) {
  1037.                            localStorage.removeItem('mscp');
  1038.                        }
  1039.  
  1040.                        localStorage.setItem('mcsp', JSON.stringify(cSettings));
  1041.                    }
  1042.                });
  1043.  
  1044.                function escapeHtml(text) {
  1045.                    var map = {
  1046.                        '&': '&amp;',
  1047.                        '<': '&lt;',
  1048.                        '>': '&gt;',
  1049.                        '"': '&quot;',
  1050.                        "'": '&#039;'
  1051.                    };
  1052.  
  1053.                    return text.replace(/[&<>"']/g, function(m) {
  1054.                        return map[m];
  1055.                    });
  1056.                }
  1057.  
  1058.                $('#message').on('keydown', function(e) {
  1059.                    if (e.which === 13) {
  1060.                        sendMessage();
  1061.                    } else {
  1062.                        channel.whisper('typing', {
  1063.                            name: name
  1064.                        });
  1065.                    }
  1066.                });
  1067.  
  1068.                $('button#send').click(function(event) {
  1069.                    sendMessage();
  1070.                    $('#message').focus();
  1071.                });
  1072.  
  1073.                $('#message').focus(function(event) {
  1074.                    if (($('#message-list').scrollTop() + $('#message-list').height() + 10) > $(
  1075.                            '#message-list').prop('scrollHeight')) {
  1076.                        $('#message-list').scrollTop($('#message-list').prop('scrollHeight'));
  1077.                    }
  1078.                });
  1079.            });
  1080.        })();
  1081.    </script>
  1082. <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="83d24d2aabef9fcfbb7d4848-|49" defer></script></body>
  1083. </html>
  1084.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda