<!doctype html>
<html lang="en">
<head>
<script type="83d24d2aabef9fcfbb7d4848-text/javascript">
dataLayer = [];
</script>
<script type="83d24d2aabef9fcfbb7d4848-text/javascript">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NKTZ4B4S');</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="csrf-token" content="6KhEBtKXjJF2iiW4E9XGzDYPFNa1RZMXq0CCvuYH">
<title>Made in the Midlands</title>
<link rel="canonical" href="https://madeinthemidlands.com/news/rss" />
<meta name="description" content="Championing Manufacturing and Engineering in the Midlands">
<meta name="keywords" content="Manufacturing, Engineering, Midlands, Birmingham, Made In, Birthplace of Industry, Private Sector Manufacturing, Private Sector Engineering">
<link rel="apple-touch-icon" sizes="180x180" href="https://madeinthemidlands.com/frontend_new/assets/images/favicon/mim/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://madeinthemidlands.com/frontend_new/assets/images/favicon/mim/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://madeinthemidlands.com/frontend_new/assets/images/favicon/mim/favicon-16x16.png">
<link rel="manifest" href="https://madeinthemidlands.com/frontend_new/assets/images/favicon/mim/site.webmanifest">
<link rel="mask-icon" href="https://madeinthemidlands.com/frontend_new/assets/images/favicon/mim/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="https://use.typekit.net/zdb8lvo.css">
<link rel="stylesheet" href="/css/new-frontend/app.css?id=f057bef5a950d5a8ddc4dbf580277f0c">
<style>
:root{
--primary-color: #e41e4d;
--primary-color-hover: #3d464b;
--primary-color-rgb: rgb(228,30,77);
--primary-rgb: 228,30,77;
}
label.bell-btn:hover,label.bell-btn:focus,#minimize-chat:hover,#minimize-chat:focus{
background-color: #e41e4d !important;
filter: brightness(90%);
}
#join-as-guest:hover, #join-as-guest:focus {
background-color: #e41e4d !important;
filter: brightness(90%);
}
</style>
</head>
<body class>
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NKTZ4B4S"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script type="83d24d2aabef9fcfbb7d4848-text/javascript">
dataLayer.push({'userLoggedIn': 'false'});
</script>
<script type="83d24d2aabef9fcfbb7d4848-text/javascript">
dataLayer.push({'websiteArea': 'frontend'});
</script>
<header class="main-header fixed-top" id="top-header">
<div class="desktop-menu">
<div class="container-fluid">
<div class="d-flex justify-content-between">
<div class="site-logo">
<a href="/" class="d-block me-auto">
<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;">
</a>
</div>
<div class="main-menu">
<div class="header-join-btn d-flex justify-content-end gap-3">
<a href="/register" title="Join Us" class="btn text-uppercase m-0 d-flex align-items-center justify-content-center">Join Us</a>
<a href="https://madeinthemidlands.com/login" title="SIGN IN" class="btn icon-btn text-uppercase ">
<span>SIGN IN</span>
</a>
</div>
</div>
</div>
</div>
<button type="button" class="menu-icon border-0">
<div class="toggle-inner-wrpr">
<span class="togglebar_desktop toggle_desktop_iconbar1"></span>
<span class="togglebar_desktop toggle_desktop_iconbar2"></span>
<span class="togglebar_desktop toggle_desktop_iconbar3"></span>
</div>
</button>
</div>
<div class="secondary-menu">
<div class="container-fluid me-0">
<div class="secondary-menu-wrpr">
<ul class="menu-list">
<li><a href="https://madeinthemidlands.com/benefits" title="BENEFITS" class="text-uppercase">BENEFITS</a></li>
<li><a href="https://madeinthemidlands.com/what-we-do" title="WHAT WE DO" class="text-uppercase">WHAT WE DO</a></li>
<li><a href="https://madeinthemidlands.com/members" class="text-uppercase" title="MEMBERS">MEMBERS</a></li>
<li><a href="https://madeinthemidlands.com/news" class="text-uppercase" title="NEWS">NEWS</a></li>
<li><a href="https://madeinthemidlands.com/events" class="text-uppercase" title="EVENTS">EVENTS</a></li>
<li><a href="https://madeinthemidlands.com/contact" class="text-uppercase" title="CONTACT">CONTACT</a></li>
</ul>
</div>
</div>
</div>
<div class="mobile-menu">
<div class="container-fluid">
<div class="mobile-menu-wrpr">
<div class="site-logo">
<a href="/" class="d-block me-auto">
<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;">
</a>
</div>
<div class="right-wrpr">
<div class="mobile-user-icon">
<a href="https://madeinthemidlands.com/login">
<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">
<g transform="translate(0.75 0.75)">
<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>
<circle cx="4.279" cy="4.279" r="4.279" transform="translate(4.289)"></circle>
</g>
</svg>
</a>
</div>
<button type="button" class="mobile_toggle_btn border-0">
<div class="toggle-inner-wrpr">
<span class="togglebar toggle_iconbar1"></span>
<span class="togglebar toggle_iconbar2"></span>
<span class="togglebar toggle_iconbar3"></span>
</div>
</button>
</div>
</div>
</div>
<div class="menu-wrpr flex-column" style="display: none;">
<div class="mobile-menu-inner-wrpr">
<ul class="mobile-nav list-style-none row mt-0">
<li class="mobile-nav__item py-0 col-xs-12 col-md-6">
<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>
</li>
<li class="mobile-nav__item py-0 col-xs-12 col-md-6">
<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>
</li>
<li class="mobile-nav__item py-0 col-xs-12 col-md-6">
<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>
</li>
<li class="mobile-nav__item py-0 col-xs-12 col-md-6">
<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>
</li>
<li class="mobile-nav__item py-0 col-xs-12 col-md-6">
<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>
</li>
<li class="mobile-nav__item py-0 col-xs-12 col-md-6">
<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>
</li>
</ul>
<div class="mobile-nav-cta">
<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>
</div>
</div>
</div>
</div>
</header>
<main class="404">
<section class="user-page error-404 my-5">
<div class="container">
<div class="row my-5">
<div class="col-md-8 m-auto">
<div class="inner">
<h3 class="text-center color-gray">ERROR CODE 404</h3>
<h1 class="text-center mb-5">This page was removed, renamed or doesn't exit.</h1>
<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>
<div class="d-flex justify-content-between">
<a class="btn btn--404" href="/">Home</a>
<a class="btn btn--404" href="/contact">Get in touch</a>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<section class="what-we-help-sec">
<div class="container">
<div class="whatWeDo__inner p-5">
<div class="row">
<div class="col-lg-3">
<div class="white__logo">
<img src="/frontend_new/assets/images/aboutus/white-logo.png" alt class="img-fluid">
</div>
</div>
<div class="col-lg-5">
<h3>We’re here to help.</h3>
</div>
<div class="col-lg-4">
<div class="what-we-do-btn">
<p>Ask about FREE plans, other memberships Live and hybrid events or anything else.</p>
<a href="https://madeinthemidlands.com/contact" class="btn" title="TALK TO SALES">TALK TO SALES</a>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="footer-top">
<div class="container" style="max-width: none !important;">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-3">
<div class="footer-logo-col">
<a href="/" class="d-block w-100 footer-logo">
<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;">
</a>
<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>
<div class="social-connect">
<a href="https://www.linkedin.com/company/made-in-the-midlands/" title="LinkedIn">
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
<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" />
</svg>
</a>
<a href="https://www.youtube.com/channel/UCzlw0YIb31XGu8xuHPtuPCw" title="YouTube">
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="currentColor" class="bi bi-youtube" viewBox="0 0 16 16">
<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" />
</svg>
</a>
<a href="https://www.facebook.com/madeinthemidlands" title="Facebook">
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
<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" />
</svg>
</a>
<a href="https://www.twitter.com/madeinthemids" title="Twitter">
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16">
<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" />
</svg>
</a>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-6">
<div class="footer-menu-wrapper">
<div class="row">
<div class="col-xs-6 col-sm-12 col-md-12 col-lg-auto flex-lg-grow-1">
<div class="footer-menu">
<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">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<line x1="12" y1="5" x2="12" y2="19">
</line>
<line x1="5" y1="12" x2="19" y2="12">
</line>
</svg></a></h4>
<div class="w-100 h-auto footer-menu__links-wrap">
<ul class="m-0 footer-menu__links">
<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>
<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
Team</a></li>
<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>
<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>
<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>
</ul>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-12 col-md-12 col-lg-auto flex-lg-grow-1">
<div class="footer-menu">
<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">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<line x1="12" y1="5" x2="12" y2="19">
</line>
<line x1="5" y1="12" x2="19" y2="12">
</line>
</svg></a></h4>
<div class="w-100 h-auto footer-menu__links-wrap">
<ul class="m-0 footer-menu__links">
<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>
<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>
<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>
<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>
<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>
<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>
</ul>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-12 col-md-12 col-lg-auto flex-lg-grow-1">
<div class="footer-menu">
<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">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<line x1="12" y1="5" x2="12" y2="19">
</line>
<line x1="5" y1="12" x2="19" y2="12">
</line>
</svg></a></h4>
<div class="w-100 h-auto footer-menu__links-wrap">
<ul class="m-0 footer-menu__links">
<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>
<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>
<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>
<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>
<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>
<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>
<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>
</ul>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-12 col-md-12 col-lg-auto flex-lg-grow-1">
<div class="footer-menu">
<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">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<line x1="12" y1="5" x2="12" y2="19">
</line>
<line x1="5" y1="12" x2="19" y2="12">
</line>
</svg></a></h4>
<div class="w-100 h-auto footer-menu__links-wrap">
<ul class="m-0 footer-menu__links">
<li class="p-md-0 m-0 d-block w-100 h-auto">
<a href="http://madefutures.com" class="d-block w-100" title="Made Futures">Made Futures</a>
</li>
<li class="p-md-0 m-0 d-block w-100 h-auto">
<a href="http://backingbritain.com" class="d-block w-100" title="Backing Britain">Backing Britain</a>
</li>
<li class="p-md-0 m-0 d-block w-100 h-auto">
<a href="http://madeinthenorthwest.co.uk" class="d-block w-100" title="Made in the North West">Made in the North West</a>
</li>
<li class="p-md-0 m-0 d-block w-100 h-auto">
<a href="http://madeinwales.com" class="d-block w-100" title="Made in Wales">Made in Wales</a>
</li>
<li class="p-md-0 m-0 d-block w-100 h-auto">
<a href="http://madeinthesoutheast.com" class="d-block w-100" title="Made in the South East">Made in the South East</a>
</li>
<li class="p-md-0 m-0 d-block w-100 h-auto">
<a href="http://madeinthesouthwest.uk" class="d-block w-100" title="Made in the South West">Made in the South West</a>
</li>
<li class="p-md-0 m-0 d-block w-100 h-auto">
<a href="http://madeinthenortheast.com" class="d-block w-100" title="Made in the North East">Made in the North East</a>
</li>
<li class="p-md-0 m-0 d-block w-100 h-auto">
<a href="http://madeinnorthernireland.net" class="d-block w-100" title="Made in Northern Ireland">Made in Northern Ireland</a>
</li>
<li class="p-md-0 m-0 d-block w-100 h-auto">
<a href="http://madeinscotland.net" class="d-block w-100" title="Made in Scotland">Made in Scotland</a>
</li>
<li class="p-md-0 m-0 d-block w-100 h-auto">
<a href="http://madeineastengland.uk" class="d-block w-100" title="Made in East England">Made in East England</a>
</li>
<li class="p-md-0 m-0 d-block w-100 h-auto">
<a href="http://madeinyorkshire.com" class="d-block w-100" title="Made in Yorkshire">Made in Yorkshire</a>
</li>
<li class="p-md-0 m-0 d-block w-100 h-auto">
<a href="http://www.madeinlondon.com/" class="d-block w-100" title="Made in London">Made in
London</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-auto col-xl-3">
<div class="d-flex justify-content-center">
<div class="connect-with-us">
<h3>Sign Up To Our Mailing List</h3>
<p>Enter Your Email Address below to stay up to date with our latest news and receive events
notifications right inside your inbox.</p>
<div class="footer-signup">
<div class="d-grid gap-2 d-md-block">
<button class="btn btn-signup___newsletter" type="button" data-bs-toggle="modal" data-bs-target="#newsletterSignup">Sign Up Now</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<div class="copyright-wrpr">
<div class="container" style="max-width: none !important;">
<div class="row">
<p class="col-xs-12 col-sm-12 col-md-4">©Copyright. 2024. All rights reserved.</p>
<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>
<p class="col-xs-12 col-sm-12 col-md-4">
Made in the Midlands is a licensed franchise of Made in Group.
</p>
</div>
</div>
</div>
<div class="modal fade" id="newsletterSignup" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="staticBackdropLabel">Sign Up To Our Mailing List</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="row g-3 d-none" id="displayMsg">
<div class="col-12">
<div class="alert alert-success d-none" role="alert" id="responseSuccess">
Thank you for your subscription.
</div>
<div class="alert alert-danger d-none" role="alert" id="responseError">
The g-recaptcha field is required.
</div>
</div>
</div>
<div id="showForm">
<form class="row g-3" action="https://madeinthemidlands.com/digest/subscribe" method="POST" id="footerDigest">
<input type="hidden" name="_token" value="6KhEBtKXjJF2iiW4E9XGzDYPFNa1RZMXq0CCvuYH">
<div class="col-6">
<div class="form-floating w-100 has-validation">
<input type="text" name="first_name" class="form-control register-input" id="fname" placeholder="First Name" required>
<label class="inputLabel" for="fname">First Name</label>
</div>
</div>
<div class="col-6">
<div class="form-floating w-100 has-validation">
<input type="text" name="last_name" class="form-control register-input" id="lname" placeholder="Last Name" required>
<label class="inputLabel" for="lname">Last Name</label>
</div>
</div>
<div class="col-12">
<div class="form-floating w-100 has-validation">
<input type="email" name="email" class="form-control register-input" id="emailAddress" placeholder="Email Address" required>
<label class="inputLabel" for="emailAddress">Email Address</label>
</div>
</div>
<style>
#communication-error{display:none !important;}
</style>
<div class="col-12">
<div class="form-check">
<input class="form-check-input" type="checkbox" name="communication" id="communication-opt-in" data-parsley-errors-container=".comunication-opt-in" required>
<label class="form-check-label" for="communication-opt-in">
Tick to receive communications from Made in the Midlands
</label>
</div>
</div>
<div class="col-12">
<script type="83d24d2aabef9fcfbb7d4848-text/javascript">
var RecaptchaOptions = {"curl_timeout":1,"curl_verify":true};
</script>
<script src="https://www.google.com/recaptcha/api.js?render=onload" type="83d24d2aabef9fcfbb7d4848-text/javascript"></script>
<div class="g-recaptcha" data-sitekey="6Lc3s_YSAAAAAPkRQkJ-owVHUwi77XLk-kffoeFU"></div>
<noscript>
<div style="width: 302px; height: 352px;">
<div style="width: 302px; height: 352px; position: relative;">
<div style="width: 302px; height: 352px; position: absolute;">
<iframe src="https://www.google.com/recaptcha/api/fallback?k=6Lc3s_YSAAAAAPkRQkJ-owVHUwi77XLk-kffoeFU"
frameborder="0" scrolling="no"
style="width: 302px; height:352px; border-style: none;">
</iframe>
</div>
<div style="width: 250px; height: 80px; position: absolute; border-style: none;
bottom: 21px; left: 25px; margin: 0; padding: 0; right: 25px;">
<textarea id="g-recaptcha-response" name="g-recaptcha-response"
class="g-recaptcha-response"
style="width: 250px; height: 80px; border: 1px solid #c1c1c1;
margin: 0; padding: 0; resize: none;"></textarea>
</div>
</div>
</div>
</noscript>
</div>
<div class="col-12">
<button type="submit" class="btn btn-signup___subscribe" id="footerDigest__b">Sign Up</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<script src="/js/manifest.js?id=9da63d3f88541e0120fa2c9e51cac6d7" type="83d24d2aabef9fcfbb7d4848-text/javascript"></script>
<script src="/js/vendor.js?id=5cdfe2bf59380f02cd8b499c6e69b7d4" type="83d24d2aabef9fcfbb7d4848-text/javascript"></script>
<script src="/js/new-frontend.js?id=04056f0b2503fee9159d95317939bef5" type="83d24d2aabef9fcfbb7d4848-text/javascript"></script>
<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>
<span id="chat-message_bubble-wrap">
<div class="bot-message">Chat with us!</div>
<div id="close-chat-bubble" role="button"></div>
</span>
<div id="chat">
<div class="chat-content">
<div class="chat-header">
<div class="chat-header-row">
<h3 class="chat-heading">Live Chat</h3>
<label class="btn bell-btn position-relative" for="notification-bell" title="Turn on sound notification"><input type="checkbox" id="notification-bell">
<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">
<path d="M0 0h24v24H0z" fill="none" />
<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" />
</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">
<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" />
</svg></span></div>
</label>
<button type="button" id="minimize-chat" title="Close chat">
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">
<path d="M6 19h12v2H6z" fill="#fff" />
<path d="M0 0h24v24H0V0z" fill="none" />
</svg>
</button>
</div>
</div>
<div id="message-wrapper">
<div class="message-list-wrapper" id="msg-list-wrap">
<ul id="message-list">
</ul>
<span class="chat-alert new-message-alert" id="new-message-alert">
<button class="chat-alert-content" id="chat-alert-button">
<p class="chat-alert-message">Show new messages</p>
</button>
</span>
</div>
<div id="send-message-wrapper">
<div class="send-message-row">
<div class="send-message-input">
<div id="typing" style="display: none;"><span id="typing-name"></span> is typing...</div>
<input type="text" id="message" autocomplete="off" placeholder="Type a message...">
</div>
<div class="send-message-btn">
<button id="send"></button>
</div>
</div>
</div>
</div>
<div id="guest-wrapper">
<div class="guest-register">
<h6 class="text-center d-block w-100 mx-auto">How can we help you?</h6>
<p class="text-center chat-instruction">Enter your name, email and company to connect to a
member of our team</p>
<div class="lc-input-field">
<label for="chat-name">
<div class="input-label-text">Name *</div>
<input type="text" id="chat-name" value required>
</label>
</div>
<div class="lc-input-field">
<label for="chat-email">
<div class="input-label-text">Email *</div>
<input type="email" id="chat-email" value required>
</label>
</div>
<div class="lc-input-field">
<label for="chat-company">
<div class="input-label-text">Company *</div>
<input type="text" id="chat-company" value required>
</label>
</div>
<button id="join-as-guest">Start Chat</button>
</div>
</div>
</div>
</div>
<audio src="https://madeinthemidlands.com/notification.mp3" controls preload="auto" id="audio-notification"></audio>
<script src="https://js.pusher.com/5.1/pusher.min.js" type="83d24d2aabef9fcfbb7d4848-text/javascript"></script>
<script src="/js/partials/chat.js?id=9589bdc6ab97b32cd94d86989775557d" type="83d24d2aabef9fcfbb7d4848-text/javascript"></script>
<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>
<script type="83d24d2aabef9fcfbb7d4848-text/javascript">
(function() {
// Source: https://www.quirksmode.org/js/cookies.html
function createCookie(name, value, days) {
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
var expires = "; expires=" + date.toGMTString();
} else var expires = "";
document.cookie = name + "=" + value + expires + "; path=/";
}
// Source: https://www.quirksmode.org/js/cookies.html
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') c = c.substring(1, c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
}
return null;
}
// Source: https://www.quirksmode.org/js/cookies.html
function eraseCookie(name) {
createCookie(name, "", -1);
}
var chatSoundEnabled = false;
var _soundEnabled = readCookie('frontend_live_chat_sound');
if (_soundEnabled) {
if (_soundEnabled === 'muted') {
chatSoundEnabled = false;
}
if (_soundEnabled === 'unmuted') {
chatSoundEnabled = true;
}
}
$(document).ready(function() {
var userId = '933ada9e-c815-470d-b904-051d16cd43de';
var subdomain = 'madeingroup';
var domain = "https://madeinthemidlands.com";
var channel;
var timeout;
var agents;
var joined = false;
var sending = false;
var name = '';
var doc = document || document.documentElement;
var notificationAudio = doc.getElementById('audio-notification');
var notificationAudioExist = false;
var audioPlayed = false;
if (notificationAudio) {
$(notificationAudio).on('ended', function(event) {
notificationAudio.pause();
notificationAudio.currentTime = 0;
});
if (chatSoundEnabled) {
var startPlayPromise = notificationAudio.play();
if (startPlayPromise !== undefined) {
startPlayPromise.then(function() {
$('input#notification-bell').prop('checked', true);
$('label.bell-btn').addClass('enabled');
createCookie('frontend_live_chat_sound', 'unmuted', 10000);
chatSoundEnabled = true;
audioPlayed = true;
}).catch(function(error) {});
}
}
$('input#notification-bell').change(function(event) {
if ($(this).is(':checked')) {
$('label.bell-btn').addClass('enabled');
$('label.bell-btn').attr('title', 'Turn off sound notification');
createCookie('frontend_live_chat_sound', 'unmuted', 10000);
chatSoundEnabled = true;
if (!audioPlayed) {
audioPlayed = true;
if (notificationAudio) {
notificationAudio.play();
}
}
} else {
$('label.bell-btn').removeClass('enabled');
$('label.bell-btn').attr('title', 'Turn on sound notification');
createCookie('frontend_live_chat_sound', 'muted', 10000);
chatSoundEnabled = false;
}
});
}
function updateMessagesTimeFromNow() {
$('.message-time').each(function(index, element) {
var timeFromNow = moment($(this).data('time'), "X").fromNow();
$(this).text(timeFromNow);
});
}
$('#close-chat-bubble').click(function(event) {
event.preventDefault();
$('#chat-message_bubble-wrap').animate({
opacity: 0,
right: '8rem'
}, 200, function() {
$('#chat-message_bubble-wrap').hide();
});
});
setInterval(function() {
updateMessagesTimeFromNow();
}, 5000);
$('#chat-message_bubble-wrap').show();
window.setTimeout(function() {
$('#chat-message_bubble-wrap').animate({
opacity: 1,
right: '8rem'
}, 200, function() {
$('#close-chat-bubble').delay(100).fadeIn(150);
});
}, 2000);
function joinChat() {
$('#close-chat-bubble').click();
join();
$(this).hide();
// $('#maximize-chat, #guest-wrapper').hide();
$('#chat, #message-wrapper').show();
var chatStorage = localStorage.getItem('mcsp');
if (chatStorage) {
chatStorage = null;
var chatSettings = JSON.parse(localStorage.getItem('mcsp'));
var scrollPosition = chatSettings.scrollPositionTop;
var hasUnreadMessage = chatSettings.message.unread;
document.getElementById('message-list').scrollTo(0, +scrollPosition);
if (hasUnreadMessage) {
$('#new-message-alert').addClass('alert-show');
} else {
$('#new-message-alert').removeClass('alert-show');
}
}
}
setInterval(function() {
updateMessagesTimeFromNow();
}, 5000);
$('#join').click(function() {
joinChat();
});
$('#msg-list-wrap').on('click', function(event) {
var chatCloseAlert = document.getElementById('chat-alert-button');
if (chatCloseAlert) {
var chatCloseAlertIsClicked = chatCloseAlert.contains(event.target);
if (chatCloseAlertIsClicked) {
event.preventDefault();
$('#message-list').animate({
scrollTop: document.getElementById('message-list').scrollHeight
}, 350);
$('#new-message-alert').removeClass('alert-show');
}
}
});
$('#join-as-guest').click(function() {
var nameField = $('input#chat-name');
var emailField = $('input#chat-email');
var companyField = $('input#chat-company');
if (typeof nameField !== typeof undefined && typeof nameField !== typeof false &&
typeof emailField !== typeof undefined && typeof emailField !== typeof false &&
typeof companyField !== typeof undefined && typeof companyField !== typeof false
) {
joined = true;
if ($.trim(nameField.val()) === '') {
joined = false
}
if ($.trim(emailField.val()) === '') {
joined = false;
} else {
var emailReg = /^([a-zA-Z0-9_\-\.]+)@([a-zA-Z0-9_\-\.]+)\.([a-zA-Z]{2,5})$/;
if (!emailReg.test(emailField.val())) {
joined = false;
}
}
if ($.trim(companyField.val()) === '') {
joined = false
}
}
if (joined) {
name = $.trim(nameField.val());
axios.post('/' + subdomain + '/join-as-guest', {
name: nameField.val(),
email: emailField.val(),
company: companyField.val()
}).then(function(response) {
if (response.data.success) joinChat();
});
}
});
$('#minimize-chat').click(function(event) {
event.preventDefault();
$('#chat').hide();
$('#join, #join-guest').show();
// if (joined) {
// $('#maximize-chat').show();
// } else {
// $('#join, #join-guest').show();
// }
});
$('#maximize-chat').click(function(event) {
event.preventDefault();
$('#join, #join-guest, #maximize-chat').hide();
$('#chat').show();
});
$('#join-guest').click(function() {
$('#chat').show();
});
function join() {
Echo.join('chat.' + subdomain)
.here((users) => {
channel = Echo.join('chat.' + subdomain + '.' + userId);
agents = 0;
for (var i = 0; i < users.length; i++) {
if (users[i].agent) agents++;
}
if (agents === 0) {
appendAnnouncement(
'I\'m sorry we are not available right now, but please leave a message and we will respond as soon as possible',
false);
} else {
appendAnnouncement('Thanks for visiting our website, how can we help you?',
false);
}
channel
.listen('NewMessage', (e) => {
$('#typing').hide();
clearTimeout(timeout);
appendMessage(e.name, e.member, e.image, e.message, 'left');
if (chatSoundEnabled) {
if (notificationAudio) {
notificationAudio.currentTime = 0;
notificationAudio.play();
}
}
})
.listenForWhisper('typing', (e) => {
clearTimeout(timeout);
$('#typing-name').text(e.name);
$('#typing').show();
timeout = setTimeout(function() {
$('#typing').hide();
}, 1000);
})
.joining((user) => {
if (user.agent) agents++;
appendAnnouncementWithIcon(user.name + ' (' + user.member +
') connected to the chat.', 'add');
if (chatSoundEnabled) {
if (notificationAudio) {
notificationAudio.currentTime = 0;
notificationAudio.play();
}
}
})
.leaving((user) => {
if (user.agent) agents--;
appendAnnouncementWithIcon(user.name + ' (' + user.member +
') disconnected from the chat.', 'remove');
});
});
}
function sendMessage() {
if (sending) return;
sending = true;
var message = $.trim($('#message').val());
if (message === '') return;
var data = {
message: message,
agent_online: agents !== 0
};
if ($('#name').length) data.name = $('#name').val();
if ($('#email').length) data.email = $('#email').val();
if ($('#company').length) data.company = $('#company').val();
axios.post(domain + '/' + subdomain + '/send', data)
.then(function(response) {
$('#message').val('');
appendMessage(response.data.name, response.data.member, response.data.image,
response.data.message, 'right');
sending = false;
});
}
function isChatScrolledToEnd() {
if (document.getElementById('message-list')) {
var height = window.getComputedStyle(document.getElementById('message-list'), null)
.getPropertyValue('height');
var regex = /^\d+$/;
var result = regex.test(height);
if (!result) {
if (typeof height === 'string') {
height = +height.slice(0, -2);
}
}
if (document.getElementById('message-list').scrollHeight <= document.getElementById(
'message-list').scrollTop + height + 5) {
return true;
}
}
return false;
}
function scrollToBottom() {
if (document.getElementById('message-list')) {
document.getElementById('message-list').scrollTo(0, $('#message-list').prop(
'scrollHeight'));
}
}
function appendAnnouncement(message, newMessage) {
if (isChatScrolledToEnd()) {
scrollToBottom();
}
if (newMessage) {
$('#message-list').append(
'<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">' +
escapeHtml(message) + '</span></div></span></div></li>');
} else {
$('#message-list').append(
'<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">' +
escapeHtml(message) + '</span></div></span></div></li>');
}
}
function appendAnnouncementWithIcon(message, iconType) {
if (isChatScrolledToEnd()) {
scrollToBottom();
}
$('#message-list').append('<li class="chat-info-block ' + iconType +
'"><div class="info-block__inner"><span class="info-block-row"><div class="info-block-content"><span class="info-block-text">' +
escapeHtml(message) + '</span></div></span></div></li>');
updateMessagesTimeFromNow();
}
function appendMessage(name, member, image, message, leftOrRight) {
var date = new Date();
var seconds = date.getTime() / 1000;
var scrollToEnd = isChatScrolledToEnd();
if (leftOrRight === 'left') {
if (!scrollToEnd) {
var newMessageInfoBlock = $('.chat-info-new-message');
if ((typeof newMessageInfoBlock !== typeof undefined &&
typeof newMessageInfoBlock !== typeof false)) {
if (!(newMessageInfoBlock.length > 0)) {
appendAnnouncement('New messages', true);
}
}
}
$('#message-list').append(
'<li class="single-message align-left"><div class="message-block"><span class="profile-col"><div class="profile-circle" style="background-image: url(' +
image +
')"></div></span><span class="message-info"><div class="sender-name-wrapper"><span class="sender-name">' +
name + '</span><span class="sender-title">' + member +
'</span></div><div class="message-bubble-wrapper"><div class="message-bubble"><p class="message-text">' +
message +
'</p></div><div class="message-time-wrapper"><time class="message-time" data-time="' +
seconds + '">' + moment(date).fromNow() +
'</time></div></div></span></div></li>');
var cSettings;
if (scrollToEnd) {
scrollToBottom();
cSettings = {
scrollPositionTop: this.scrollTop,
message: {
unread: false
}
};
} else {
$('#new-message-alert').addClass('alert-show');
cSettings = {
scrollPositionTop: this.scrollHeight,
message: {
unread: true
}
};
}
if (localStorage.getItem('mcsp')) localStorage.removeItem('mscp');
localStorage.setItem('mcsp', JSON.stringify(cSettings));
} else {
$('#message-list').append(
'<li class="single-message align-right"><div class="message-block"><span class="message-info"><div class="sender-name-wrapper"><span class="sender-name">' +
name + '</span><span class="sender-title">' + member +
'</span></div><div class="message-bubble-wrapper"><div class="message-bubble"><p class="message-text">' +
message +
'</p></div><div class="message-time-wrapper"><time class="message-time" data-time="' +
seconds + '">' + moment(date).fromNow() +
'</time></div></div></span></div></li>');
scrollToBottom();
}
}
$('#message-list').on('scroll', function() {
var height = window.getComputedStyle(this, null).getPropertyValue('height');
var regex = /^\d+$/;
var result = regex.test(height);
if (!result) {
if (typeof height === 'string') {
height = +height.slice(0, -2);
}
var haveNewMessages = $('#new-message-alert').is(':visible');
var cSettings;
if (this.scrollHeight <= this.scrollTop + height + 5) {
$('#new-message-alert').removeClass('alert-show');
haveNewMessages = false;
cSettings = {
scrollPositionTop: this.scrollHeight,
message: {
unread: haveNewMessages
}
};
} else {
cSettings = {
scrollPositionTop: this.scrollTop,
message: {
unread: haveNewMessages
}
};
}
if (localStorage.getItem('mcsp')) {
localStorage.removeItem('mscp');
}
localStorage.setItem('mcsp', JSON.stringify(cSettings));
}
});
function escapeHtml(text) {
var map = {
'&': '&',
'<': '<',
'>': '>',
'"': '"',
"'": '''
};
return text.replace(/[&<>"']/g, function(m) {
return map[m];
});
}
$('#message').on('keydown', function(e) {
if (e.which === 13) {
sendMessage();
} else {
channel.whisper('typing', {
name: name
});
}
});
$('button#send').click(function(event) {
sendMessage();
$('#message').focus();
});
$('#message').focus(function(event) {
if (($('#message-list').scrollTop() + $('#message-list').height() + 10) > $(
'#message-list').prop('scrollHeight')) {
$('#message-list').scrollTop($('#message-list').prop('scrollHeight'));
}
});
});
})();
</script>
<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="83d24d2aabef9fcfbb7d4848-|49" defer></script></body>
</html>