SDC Awards

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="{description}"> <meta name="author" content="Angel Business Communications"> <title>SDC Awards</title> <link rel="shortcut icon" href="/frontend/assets/uploads/dcs-favi.png" type="image/x-icon"> <link rel="apple-touch-icon" type="image/x-icon" href="/frontend/assets/img/apple-touch-icon-57x57-precomposed.png"> <link rel="apple-touch-icon" type="image/x-icon" sizes="72x72" href="/frontend/assets/img/apple-touch-icon-72x72-precomposed.png"> <link rel="apple-touch-icon" type="image/x-icon" sizes="114x114" href="/frontend/assets/img/apple-touch-icon-114x114-precomposed.png"> <link rel="apple-touch-icon" type="image/x-icon" sizes="144x144" href="/frontend/assets/img/apple-touch-icon-144x144-precomposed.png"> <meta property='og:title' content='SDC Awards'/> <meta property='og:image' content='https://awards.angel.digital/frontend/assets/uploads/1701866037-sdc-2023-home.jpg'/> <meta property='og:description' content='<p>Welcome to the SDC Awards. Now in its 15th year.</p>'/> <meta property='og:url' content='https://sdcawards.com' /> <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet"> <link href="/frontend/assets/css/bootstrap.min.css" rel="stylesheet"> <link href="/frontend/assets/css/style-2.css" rel="stylesheet"> <link href="/frontend/assets/css/menu-new.css" rel="stylesheet"> <link href="/frontend/assets/css/responsive.css" rel="stylesheet"> <link href="/frontend/assets/css/elegant_font/elegant_font.min.css" rel="stylesheet"> <link href="/frontend/assets/css/fontello/css/fontello.min.css" rel="stylesheet"> <link href="/frontend/assets/css/magnific-popup.min.css" rel="stylesheet"> <link href="/frontend/assets/css/skins/square/grey.css" rel="stylesheet"> <link href="/frontend/assets/css/date_picker.css" rel="stylesheet"> <link href="/frontend/assets/css/jquery.switch.css" rel="stylesheet"> <link href="/frontend/assets/layerslider/css/layerslider.css" rel="stylesheet"> <link href="/frontend/assets/css/jquery.flipster.min.css" rel="stylesheet"> <script src="/frontend/assets/js/modernizr.js"></script> <script src="/frontend/assets/js/jquery-3.6.0.min.js"></script> <script src="/frontend/assets/js/common_scripts_min.js"></script> </head> <body>  <style> html { scroll-behavior: smooth; } option, optgroup{ font-family:'Poppins', Arial, sans-serif; } </style>  <header> <div id="top_line"> <div class="container"> <div class="row"> <div class="col-sm-4 hidden-xs"> <span id="tag_line">BOOK YOUR SEATS </span> </div> <div class="col-sm-8"> <ul id="top_links"> <li><i class="icon-micky-small icon-clock-1"></i> <a href="/key-dates">28th November 2024</a></li> <li class="hidden-xs"><i class="icon-micky-small icon-location-1"></i> <a href="/venue">Leonardo Royal Hotel London City</a></li> <li class="hidden-xs"><i class="icon-micky-small icon-thumbs-up-2"></i> <a href='/vote'>View Finalists</a></li> </ul> </div> </div> </div> </div> <div id="menuToggle"> <i id="default" class=" icon-menu" style="font-size:24px;cursor:pointer;" onclick="openmenu()"></i> <div id="open" style="font-size:24px;padding:6px;display:none;cursor:pointer;margin-top:-6px;margin-left:-5px;" onclick="closemenu()">X</div> </div> <div class="container"> <div class="row"> <div class="col-xs-12 col-lg-5"> <div id="logo" style="margin-top:11px;"> <a href="/home"><img src="/frontend/assets/uploads/sdcawards-logo-on-light.png" id="main-logo" alt="Logo"></a> </div> </div> <div class="col-xs-12 col-lg-7"> <div style="margin-top:22px;"> <div class="row"> <div class="col-lg-6" style="padding-bottom:8px;"> <a href='/vote' class='btn btn-micky-1'>View Finalists</a> </div> <div class="col-lg-6" style="padding-bottom:8px;"> <a href='/sponsors' class='btn btn-micky-2'>Sponsor/Book a table</a> </div> </div> </div> </div> </div> <div class="row"> <div id="mobby-menu" style="display:none;"> <ul> <li><a href="/home">Home</a></li> <li><a class="" href="/key-dates">Key Dates</a></li> <li><a class="" href="/categories">Categories</a></li> <li style='display:none'><a class="" href="/nominate">Nominate</a></li> <li style='display:none'><a class="" href="/vote">Shortlist</a></li> <li ><a class="" href="/vote">Finalists</a></li> <li ><a class="" href="/venue">Venue</a></li> <li ><a class="" href="/charity">Charity</a></li> <li><a class="" href="/sponsors">Sponsor/Book a table</a></li> <li style=""><a href="https://awards.angel.digital/frontend/assets/uploads/SDC_Awards_2024_Media_Pack_v2.pdf" download>Download Sponsors Mediapack</a></li> <li><a href="/toolkit">Sponsors Toolkit</a></li> <li><a href='/winners/2023'>2023 Winners</a></li><li><a href='/winners/2022'>2022 Winners</a></li><li><a href='/winners/2021'>2021 Winners</a></li><li><a href='/winners/2020'>2020 Winners</a></li><li><a href='/winners/2019'>2019 Winners</a></li><li><a href='/winners/2018'>2018 Winners</a></li><li><a href='/winners/2017'>2017 Winners</a></li><li><a href='/winners/2016'>2016 Winners</a></li><li><a href='/winners/2015'>2015 Winners</a></li><li><a href='/winners/2014'>2014 Winners</a></li><li><a href='/winners/2013'>2013 Winners</a></li><li><a href='/winners/2012'>2012 Winners</a></li><li><a href='/winners/2011'>2011 Winners</a></li> <li {hide_magazine_link}><a class="{menu_selected_magazines}" href="/magazines">Magazines</a></li> <li><a class="" href="/contacts">Contact</a></li> </ul> </div> <nav role="navigation" id="main-menu" class="primary-navigation"> <ul> <li><a href="/home">Home</a></li> <li><a class="" href="/key-dates">Key Dates</a></li> <li><a class="" href="/categories">Categories</a></li> <li style='display:none' ><a class="" href="/nominate">Nominate</a></li> <li style='display:none'><a class="" href="/vote">Shortlist</a></li> <li ><a class="" href="/vote">Finalists</a></li> <li> <a href="javascript:void(0);" class="show-submenu ">Sponsor/Book a table <i class="icon-down-open-mini"></i></a> <ul class="dropdown"> <li><a class="" href="/sponsors">Become a Sponsor</a></li> <li style=""><a href="https://awards.angel.digital/frontend/assets/uploads/SDC_Awards_2024_Media_Pack_v2.pdf?" download>Download Mediapack</a></li> <li><a href="/toolkit">Toolkit</a></li> </ul> </li> <li ><a class="" href="/venue">Venue</a></li> <li ><a class="" href="/charity">Charity</a></li> <li > <a href="javascript:void(0);" class="show-submenu ">Winners <i class="icon-down-open-mini"></i></a> <ul class="dropdown"> <li><a href='/winners/2023'>2023</a></li><li><a href='/winners/2022'>2022</a></li><li><a href='/winners/2021'>2021</a></li><li><a href='/winners/2020'>2020</a></li><li><a href='/winners/2019'>2019</a></li><li><a href='/winners/2018'>2018</a></li><li><a href='/winners/2017'>2017</a></li><li><a href='/winners/2016'>2016</a></li><li><a href='/winners/2015'>2015</a></li><li><a href='/winners/2014'>2014</a></li><li><a href='/winners/2013'>2013</a></li><li><a href='/winners/2012'>2012</a></li><li><a href='/winners/2011'>2011</a></li> </ul> </li> <li {hide_magazine_link}><a class="{menu_selected_magazines}" href="/magazines">Magazines</a></li> <li style='display:none;'><a class="{menu_selected_conference}" target="_blank" href="">Conference</a></li> <li><a class="" href="/contacts">Contact</a></li> </ul> </nav> </div> </div> </header> <main> <section class="header-video" style="position:relative"> <div id="hero_video"> <div id='ribbonythingy'><div class='ribbon ribbon-top-left'><span>NOW IN ITS 15<sup>TH</sup> YEAR</span></div></div> <div class="row"> <div class="col-lg-8" > <div style="text-align:left;"> <h3> SDC Awards 2024 </h3> <p> 28th November 2024 </p> <p> BOOK YOUR SEATS </p> <a class="button_intro" href="/vote">View the Finalists</a> </div> </div> <div class="col-lg-4"> <h1 style="margin-top:88px;margin-bottom:33px;color:#fff;">  </h1> <p style="text-align:center;margin-bottom:42px;margin-top:-24px;"> <a href="https://exagrid.com/" target="_blank"><img style="width:100%;max-width:250px;" src="/frontend/assets/uploads/1715179483-exagrid400.jpg" alt="ExaGrid"></a> </p> </div> </div> </div> <img src="https://awards.angel.digital/frontend/assets/img/video_fix.png" alt="" class="header-video--media" data-video-src="https://awards.angel.digital/frontend/assets/video/home-slider-video-1701783727" data-teaser-source="https://awards.angel.digital/frontend/assets/video/home-slider-video-1701783727" data-provider="" data-video-width="1920" data-video-height="960"> </section> <div id="get_quote"> <div class="container"> <div class="row"> <div class="col-md-9"> <h3>LIMITED TABLES LEFT</h3><h3 style="color:#fff;font-size:24px;">Book your seats now to avoid disappointment </h3> </div> <div class="col-md-3" style="padding-top:8px;"> <a href="/sponsors" class="btn_quote" style="font-size:24px;">BOOK A TABLE</a> </div> </div> </div> </div>  <style> #ribbonythingy { display: block; } .ribbon { width: 275px; height: 340px; overflow: hidden; position: absolute; } .ribbon span { position: absolute; display: block; width: 420px; height:52px; padding: 16px 0; background-color: #d44793; box-shadow: 0 5px 10px rgba(0,0,0,.1); color: #fff; font: 700 22px/1 'Lato', sans-serif; text-shadow: 0 1px 1px rgba(0,0,0,.2); text-transform: uppercase; text-align: center; } /* top left*/ .ribbon-top-left { top: -0px; left: -0px; } .ribbon-top-left::before, .ribbon-top-left::after { border-top-color: transparent; border-left-color: transparent; } .ribbon-top-left::before { top: 0; right: 0; } .ribbon-top-left::after { bottom: 0; left: 0; } .ribbon-top-left span { left: -88px; top: 88px; transform: rotate(-45deg); } /* media query not working */ /* @media only screen and (max-width: 1199px) { #ribbonythingy { display: none; } } */ </style> <div id="feat_intro"> <div class="container margin_60_25"> <div class="row"> <div class="col-lg-7" style="font-size:17px;line-height:1.4;padding-right:24px;"> <p><strong>SDC AWARDS 2024 - 15th edition of Angel Business Communications' premier IT awards - predictably fantastic!<br /><br /></strong>Rewarding innovation and excellence</p> <p>The SDC Awards 2024 recognise the innovation, expertise and success of the IT industry across a range of key disciplines.</p> <p>First up, we focus on the practical ways in which IT is making a difference in the 'real world', helping end users to address operational challenges and grasp digital opportunities. Our Projects categories highlight success in automation, storage, cybersecurity, cloud, networking, digital transformation, as well as the significant contribution that the channel makes when it comes to providing solutions to their customers.</p> <p>Data protection and resilience is our second focus area, where we recognise innovations made within the storage and cybersecurity sectors. There are awards for backup and archive technology, business continuity and disaster recovery, cyber resilience, cloud storage and security, with both hardware and software solutions featuring.</p> <p>Our third awards area covers digitalisation - some of the newer IT categories which are bringing artificial intelligence and machine learning, data management and analytics, IT operations and management and IT orchestration and automation into the workplace.</p> <p>Next up, we salute the role that the channel plays in the IT industry. There are awards for the channel when it comes to storage, security, ESG, excellence in service, digitalisation, as well as recognition for vendor channel programmes.</p> <p>Last, but by no means least, we feature the companies who are making a difference 24 x 7 x 365 when it comes to their chosen area(s) of expertise - storage, security, digitalisation, the channel and ESG/CSR.</p> <p>Now in their 15<sup>th</sup> year, the SDC Awards continues to reflect the brilliance of the IT industry as it evolves to meet the demands of today's rapidly evolving digital landscape. Not only do we recognise organisations who have a long and strong track record for technology innovation and excellence, but we've also been quick to highlight start-ups who are bringing a fresh approach to many sectors of the industry.</p> <p>The SDC Awards are completely free to enter, with the winners coming from our open, online voting process.</p> <p>If you've been in business for the last 12 months, and are planning to be so for the next year, it's almost certain that you'll have customer success stories to share, technology innovations to highlight, not to mention overall company success to celebrate. In fact, if you haven't done anything award-worthy in recent times, or don't have any plans to do so in the next few months, then why are you in business?!!!</p> <p>Don't delay, make sure you enter the SDC Awards today.</p> </div> <div class="col-lg-5" style="min-height:1250px;height:100%;background-image: url('https://awards.angel.digital/frontend/assets/uploads/1701866037-sdc-2023-home.jpg'); background-size: cover;background-position: center center;"> <div class="c-wrapper"> <div class="c-body"> <h3 class="c-font-white c-font-bold"> </h3> </div> </div> </div> </div> </div> </div> <section id="winners-guide" style='display:none;'> <div style="background-color:#eee;"> <div class="container"> <div class="row"> <div class="col-lg-12"> <div style="padding-top:33px;padding-bottom:33px;"> <div class="row"> <div class="col-lg-4"> <a href="/frontend/assets/uploads/" target="_blank"><img src="/frontend/assets/uploads/" width="350"></a> </div> <div class="col-lg-8"> <h1>2024 Winners Guide</h1> <p style="font-size:18px;">The 2024 Winners Guide is now available to <a href="/frontend/assets/uploads/" target="_blank">view and download</a>.</p> <h4>Featuring</h4> <table width='100%' cellspacing='8' cellpadding='0'> </table> </div> </div> </div> </div> </div> </div> </div> </section> <div id="feat_home"> <div class="container margin_60_25"> <div class='row'> <div class="col-md-6" style="margin-bottom:16px;"> <div class="box_feat"> <span><i class="icon-heart icon-micky" style="color:#7cb929"></i></span> <h3>14 Years of Success</h3> <p>15th edition of Angel Business Communications' premier SDC awards will be lucky for some! This year, we're planning on making the SDC Awards bigger and better than ever. </p> </div> </div> <div class="col-md-6" style="margin-bottom:16px;"> <div class="box_feat"> <span><i class="icon-calendar icon-micky" style="color:#d44793"></i></span> <h3>Tables & Sponsorship</h3> <p>We have a range of sponsorship opportunities and table packages available for all budgets. To view all available options <a href="/sponsors">click here</a>. </p> </div> </div> </div><div class='row'> <div class="col-md-6" style="margin-bottom:16px;"> <div class="box_feat"> <span><i class="icon-mic icon-micky" style="color:#8d5ca2"></i></span> <h3>34 Categories</h3> <p>The SDC Awards 2024 features 34 categories, providing a wide range of options for organisations and individuals involved in the IT industry to participate. </p> </div> </div> <div class="col-md-6" style="margin-bottom:16px;"> <div class="box_feat"> <span><i class="icon-ok-circled2 icon-micky" style="color:#f0870e"></i></span> <h3>Maximise Visibility</h3> <p>Free PR opportunities with 5 months of marketing utilising the SDC/DW portfolio.</p> </div> </div> </div><div class='row'> <div class="col-md-6" style="margin-bottom:16px;"> <div class="box_feat"> <span><i class="icon-calendar icon-micky" style="color:#7cb929"></i></span> <h3>Increased Credibility</h3> <p>An award win, shortlisting or nomination acts as a 3rd party endorsement.</p> </div> </div> <div class="col-md-6" style="margin-bottom:16px;"> <div class="box_feat"> <span><i class="icon-calendar icon-micky" style="color:#d44793"></i></span> <h3>Networking</h3> <p>Over 300 industry leaders attend the gala awards evening.</p> </div> </div> </div> </div> </div> <div id="feat_gallery"> <div id="animated-thumbnailsb"> <div class="row" style="margin:0;"> <div class="col-xs-3 col-md-3" style="padding:0;margin:0;"> <div class="gitem" data-src="/frontend/assets/uploads/656dea253417a_awards-2023-sdc-31.jpg"><img src="/frontend/assets/uploads/656dea253417a_awards-2023-sdc-31.jpg" width="100%"></div> </div><div class="col-xs-3 col-md-3" style="padding:0;margin:0;"> <div class="gitem" data-src="/frontend/assets/uploads/656dea2c75268_awards-2023-sdc-6.jpg"><img src="/frontend/assets/uploads/656dea2c75268_awards-2023-sdc-6.jpg" width="100%"></div> </div><div class="col-xs-3 col-md-3" style="padding:0;margin:0;"> <div class="gitem" data-src="/frontend/assets/uploads/656dea29dedb3_awards-2023-sdc-1.jpg"><img src="/frontend/assets/uploads/656dea29dedb3_awards-2023-sdc-1.jpg" width="100%"></div> </div><div class="col-xs-3 col-md-3" style="padding:0;margin:0;"> <div class="gitem" data-src="/frontend/assets/uploads/656dea2dbecf8_awards-2023-sdc-9.jpg"><img src="/frontend/assets/uploads/656dea2dbecf8_awards-2023-sdc-9.jpg" width="100%"></div> </div><div class="col-xs-3 col-md-3" style="padding:0;margin:0;"> <div class="gitem" data-src="/frontend/assets/uploads/656dea20d0a23_awards-2023-sdc-23.jpg"><img src="/frontend/assets/uploads/656dea20d0a23_awards-2023-sdc-23.jpg" width="100%"></div> </div><div class="col-xs-3 col-md-3" style="padding:0;margin:0;"> <div class="gitem" data-src="/frontend/assets/uploads/656dea1ce46ea_awards-2023-sdc-17.jpg"><img src="/frontend/assets/uploads/656dea1ce46ea_awards-2023-sdc-17.jpg" width="100%"></div> </div><div class="col-xs-3 col-md-3" style="padding:0;margin:0;"> <div class="gitem" data-src="/frontend/assets/uploads/656dea1c37e7b_awards-2023-sdc-16.jpg"><img src="/frontend/assets/uploads/656dea1c37e7b_awards-2023-sdc-16.jpg" width="100%"></div> </div><div class="col-xs-3 col-md-3" style="padding:0;margin:0;"> <div class="gitem" data-src="/frontend/assets/uploads/656dea25913e6_awards-2023-sdc-32.jpg"><img src="/frontend/assets/uploads/656dea25913e6_awards-2023-sdc-32.jpg" width="100%"></div> </div> </div> </div> <div class="container" style="margin-top:33px;"> <h2 id="videos-360" style="padding:16px;background-color:#6c0053;color:#fff;display:none;">360 Video Gallery</h2> <div style="margin-top:44px;"> </div> </div> <div id="feat_sponsorsX" style="margin-top:-66px;margin-bottom:33px;"> <div class="container "> <h2 style="padding:16px;background-color:#6c0053;color:#fff;">Sponsors for 2024</h2> <hr> <div class='row' id='section-252' style='margin-bottom:24px;margin-top:24px;'><div class='col-lg-4'> <div style='padding:11px;font-size:16px;color:#fff;background-color:#0c2532;'> Headline Sponsors </div> </div> </div><div class='row'><div class='col-lg-4' style='padding:11px;'> <div style='border:1px solid #ccc;border-radius:5px;background-color:#141516;;padding:24px;;vertical-align:middle;'> <a href='javascript:;' onclick="getsponsor('1254')"><img src='/frontend/assets/uploads/1715179483-exagrid400.jpg' style='width:100%' /></a> </div> </div></div><div class='row' id='section-250' style='margin-bottom:24px;margin-top:24px;'><div class='col-lg-12'> <div style='padding:11px;font-size:16px;color:#fff;background-color:#0c2532;'> Category Sponsors </div> </div> </div><div class='row'><div class='col-lg-3' style='padding:11px;'> <div style='border:1px solid #ccc;border-radius:5px;background-color:#fff;;padding:24px;;vertical-align:middle;'> <a href='javascript:;' onclick="getsponsor('1257')"><img src='/frontend/assets/uploads/1715241930-1715181130-schneider_logo_400.jpg' style='width:100%' /></a> </div> </div><div class='col-lg-3' style='padding:11px;'> <div style='border:1px solid #ccc;border-radius:5px;background-color:#fff;;padding:24px;;vertical-align:middle;'> <a href='javascript:;' onclick="getsponsor('1263')"><img src='/frontend/assets/uploads/1727164457-infinidat-logo-purple.png' style='width:100%' /></a> </div> </div><div class='col-lg-3' style='padding:11px;'> <div style='border:1px solid #ccc;border-radius:5px;background-color:#fff;;padding:24px;;vertical-align:middle;'> <a href='javascript:;' onclick="getsponsor('1264')"><img src='/frontend/assets/uploads/1731409488-ninja-one-updated.png' style='width:100%' /></a> </div> </div></div> </div> </div> </main> <script> $(function() { var sdc_uid = localStorage.getItem('sdc_uid'); console.log("User known: "+sdc_uid); window.history.pushState({}, document.title, "/home"); }); </script> <div id="toasty"> <div class="heading">Nomination Received <div class="closer" onclick="closenominationtoast()">x</div> </div> <div class="title"><span id="nominator_name">Angel Business Communications</span> have just nominated in the 2024 SDC Awards</div> <div class="cta">Make sure you get your nomination in before 30th August.</div> <div class="row-button"> <a class="nomninate-button" href="/nominate">Nominate Now!</a> </div> </div> <footer> <div class="container"> <div class="row "> <div class="col-md-6 col-sm-12"> <img src="https://awards.angel.digital/frontend/assets/uploads/sdcawards-logo-on-dark.png" width="190" alt="SDC Awards Awards 2024" id="logo_footer"> <p>Reflecting the transformational nature of the enterprise technology world which it serves, this year's 15th edition of Angel Business Communications' premier IT awards has a new name. The SVC Awards have become... the SDC Awards! The SDC Awards are firmly focused on recognising and rewarding success in the products and services that are the foundation for digital transformation!</p> </div> <div class="col-md-6 col-sm-12"> <div class="row"> <div class="col-lg-6"> <h3>Contacts</h3> <ul id="contact_details_footer"> <li id="address_footer">6 Bow Court, Fletchworth Gate<br>Coventry, CV5 6SP, UK</li> <li id="email_footer"><a href="mailto:awards@sdcawards.com">awards@sdcawards.com</a></li> <li id="phone_footer"><a href="tel:+442476718970">+44(0)24 7671 8970</a></li> <li id="twitter_footer"><a href="https://x.com/msp_insights" target="_blank"><img src="https://cdn.bitmagazine.net/assets/images/twitter-icon.png" width="24"></a>      <a href="https://www.linkedin.com/company/digitalisationworld/" target="_blank"><img src="/frontend/assets/img/linkedin-group.png" width="150" alt="LinkedIn"></a> </li> </ul>  </div> <div class="col-lg-6" style="border-left:1px dotted #dd3ce3;margin-bottom:24px;"> <h3>Menu</h3> <ul> <li><a href="/home">Home</a></li> <li><a href="/nominate">Nominate</a></li> <li><a href="/key-dates">Key Dates</a></li> <li><a href="/categories">Categories</a></li> <li ><a href="/charity">Charity</a></li> <li><a href="/winners">Winners</a></li> <li><a href="/contacts">Contacts</a></li> <li><a href="/privacy-policy">Privacy Policy</a></li>  </ul> </div> </div> </div> </div> </div> <div id="copy" style="margin-top:24px;"> <div class="container"> Copyright © 2024 ~ Angel Business Communications Limited ~ Company Number 01972952 </div> </div> </footer> <div id="toTop"></div> <input type="hidden" value="normal" id="product-or-client" />   <div class="modal" id="myModal" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" style="float:left">Sponsor Details</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="z-index:66;float:right"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="row"> <div class="col-lg-4"> <div style="padding:4px;margin-bottom:24px;"> <img src="" alt="Loading..." id="mlogo" width="100%" style="border:1px solid #ccc;padding:16px;display:block;"> </div> </div> <div class="col-lg-8"> <p style="font-weight: bold;font-size:20px;" id="mname"></p> <p style="font-size:16px;" id="mcategory"></p> </div> </div> <div class="row"> <div class="col-lg-12"> <p id="minfo"></p> </div> </div> </div> <div class="modal-footer"> <p><a href="" id="murl" target="_blank" class="btn btn-primary">Visit Website</a></p>  </div> </div> </div> </div>  <div class="modal" id="nomination-vote" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <form method="post" action="/submit-vote" id="voting-form"> <div class="cf-turnstile" data-sitekey="0x4AAAAAAABWQcs8jl_Zv-87" data-callback="javascriptCallback"></div> <div class="modal-header"> <h5 class="modal-title" style="float:left" id="vote-form-title">Voting</h5> <input type="hidden" id="vid" value=""> <button type="button" class="close" data-dismiss="modal" data-bs-dismiss="modal" aria-label="Close" aria-hidden="true" onclick="bongledin()"> × </button> </div> <div class="modal-body"> <div id="info-box"> <div class="row"> <div class="class-lg-12" style="margin-left:16px;margin-right:16px;"> <div style="border-radius:16px;background-color:#d44793;color:#fff;padding:16px;margin-bottom:22px;"> <span style="font-weight:bold;">Category:</span> <br> <span style="font-size:20px;" id="vcategory"></span> </div> </div> </div> <div class="row"> <div class="col-lg-4"> <div style="padding:4px;margin-bottom:24px;"> <img src="" alt="Loading..." id="vlogo" width="100%" style="border:1px solid #ccc;padding:16px;display:block;"> </div> </div> <div class="col-lg-8"> Finalist: <br> <span style="font-weight: bold;font-size:20px;" id="vname"></span> <br> <br> <p> <button id="modal-voting-button" class="btn btn-primary" type="button" onclick="getMoreNomineeDetails()" style=" font-size:18px;border-radius:8px;background-color:#fff;border:3px solid #d44793;color:#d44793;padding-right:22px;" target="blank"><i class="icon-thumbs-up"></i> Click here to vote for us</button> </p>  </div> </div> <div class="row"> <div class="col-lg-12">  <p><b>Entry Details:</b></p> <p id="vinfo"></p> <p><b>Supporting Documents:</b></p> <table > <tr> <td><a href="" id="doc1" class="btn btn-primary" style="font-size:18px;border-radius:8px;background-color:#fff;border:3px solid #d44793;color:#d44793;" target="blank"><i class="icon-download"></i> Document 1</a></td> <td width="24"> </td> <td><a href="" id="doc2" class="btn btn-primary" style="font-size:18px;border-radius:8px;background-color:#fff;border:3px solid #d44793;color:#d44793;" target="blank"><i class="icon-download"></i> Document 2</a></td> </tr> </table> <p id="nodoc" style="display:none;">None provided</p> </div> </div> </div>  <div id="voting-box" style="display:none;"> <input type="hidden" name="voting_entry_id" id="voting_entry_id" value="" /> <input type="hidden" name="voting_category_id" id="voting_category_id" value="" /> <div class="row"> <div class="col-lg-12"> <div style="padding:16px;padding-bottom:11px;border-radius:16px;background-color:#d44793;color:#fff;display:block;"> <div style="line-height:12px;color:#fff;font-weight:bold;">You are voting for:</div> <div id="voting_company" style="font-size:20px;"></div> <div style="line-height:12px;color:#fff;font-weight:bold;margin-top:11px;">In the category:</div> <div id="voting_category" style="font-size:20px;"></div> </div> </div> </div> <div class="row"> <div class="col-lg-12" style="margin-bottom:11px;padding-top:16px;margin-top:16px;padding-bottom:11px;border-bottom:1px dotted #aaa;"> <h5 class="modal-title" style="">Please provide your details</h5> </div> <div class="col-lg-6" style="margin-bottom:11px;"> First name:<br> <input type="text" name="voting_first_name" class="form-control" style="border-radius:8px;background-color:#f5f5f5;" id="voting_first_name" required value="" /> </div> <div class="col-lg-6" style="margin-bottom:11px;"> Last name:<br> <input type="text" name="voting_last_name" class="form-control" style="border-radius:8px;background-color:#f5f5f5;" id="voting_last_name" required value="" /> </div> <div class="col-lg-6" style="margin-bottom:11px;"> Company:<br> <input type="text" name="voting_company" class="form-control" style="border-radius:8px;background-color:#f5f5f5;" id="voting_company" required value="" /> </div> <div class="col-lg-6" style="margin-bottom:11px;"> Job title:<br> <input type="text" name="voting_job_title" class="form-control" style="border-radius:8px;background-color:#f5f5f5;" id="voting_job_title" required value="" /> </div> <div class="col-lg-6" style="margin-bottom:11px;"> Email address:<br> <input type="email" name="voting_email" class="form-control" style="border-radius:8px;background-color:#f5f5f5;" onblur="checkEmail(this.value)" required id="voting_email" value="" /> <input type="hidden" id="email_status" name="email_status" value="bad"> </div> <div class="col-lg-6" style="margin-bottom:11px;">   <br> <button type="button" class="btn btn-primary" style="font-size:17px;border-radius:8px;color:#fff;border:0px;" onclick="cancelNomineeDetails()">View Entry</button>   <button type="submit" class="btn btn-primary" style="font-size:17px;border-radius:8px;background-color:#d44793;color:#fff;border:0px;">Submit Vote</button> </div> </div> <div class="row"> <div class="col-lg-12" style="margin-top:11px;"> Privacy Notice: Your details are only used to validate the legitimacy of your vote submission. They will not be shared with any third parties. </div> <div class="col-lg-12" style="border-top:1px dotted #ccc;margin-top:11px;padding-top:11px;"> Direct voting link to this entry:<br> <pre id="direct-voting-link">Loading...</pre> </div> </div> </div> </div>  </form> </div> </div> </div> <div id="overlay" class="overlay-confirm" style="display:none;"> <div class="row"> <div class="col-lg-8"> <div class="top-message" style="line-height:1.1;"> <span style="color:#cc0066;font-weight:bold;">Nearly there...</span> <br> <span style="font-size:15px;">Before submitting, please check your entry details and the formatting used.</span> <span style="font-size:12px;"><br>If you provide the reason or summary as one paragraph, then that is how it will be displayed on the voting form.</span> </div> </div> <div class="col-lg-4" style="text-align: right;">  </div> </div> <div class="row" style="margin-top:0px;"> <div class="col-lg-4"> <div class="preview-box"> <h5 style="border-bottom:2px dotted #cc0066;padding-bottom:8px;margin-bottom:16px;font-size:16px;margin-top:0px;">Your details</h5> <table class="details-table" width="100%" cellspacing="0" cellpadding="0"> <tr> <td width="88" style="font-weight:bold;">First name</td> <td id="preview-firstname">Loading</td> </tr> <tr> <td style="font-weight:bold;">Last name</td> <td id="preview-lastname">Loading</td> </tr> <tr> <td style="font-weight:bold;">Company</td> <td id="preview-company">Loading</td> </tr> <tr> <td style="font-weight:bold;">Email</td> <td id="preview-email">Loading</td> </tr> <tr> <td style="font-weight:bold;">Phone</td> <td id="preview-phone">Loading</td> </tr> </table> </div> <div class="preview-box"> <h5 style="border-bottom:2px dotted #cc0066;padding-bottom:8px;margin-bottom:16px;font-size:16px;margin-top:0px;">Entry details</h5> <table class="details-table" width="100%" cellspacing="0" cellpadding="0"> <tr> <td style="font-weight:bold;">Entry title</td> <td id="preview-n-title"></td> </tr> <tr> <td width="88" style="font-weight:bold;">Category</td> <td id="preview-n-category">Loading</td> </tr> <tr id="show-company-preview"> <td style="font-weight:bold;">Company</td> <td id="preview-n-company">Loading</td> </tr> <tr id="show-client-preview"> <td style="font-weight:bold;">Client</td> <td id="preview-n-client">Loading</td> </tr> <tr id="show-client-logo-preview"> <td style="font-weight:bold;">Client Logo</td> <td id="preview-n-logo">Loading</td> </tr> <tr id="show-product-preview"> <td style="font-weight:bold;">Product</td> <td id="preview-n-product">Loading</td> </tr> <tr id="show-person-preview"> <td style="font-weight:bold;">Person</td> <td id="preview-n-person">Loading</td> </tr> </table> </div> <div class="preview-box"> <h5 style="border-bottom:2px dotted #cc0066;padding-bottom:8px;margin-bottom:16px;font-size:16px;margin-top:0px;">Branding</h5> <table class="details-table" width="100%" cellspacing="0" cellpadding="0"> <tr> <td width="88" style="font-weight:bold;">Web logo</td> <td id="preview-logo-web">Loading</td> </tr> <tr> <td style="font-weight:bold;">Print logo</td> <td id="preview-logo-print">Loading</td> </tr> </table> </div> <div class="preview-box"> <h5 style="border-bottom:2px dotted #cc0066;padding-bottom:8px;margin-bottom:16px;font-size:16px;margin-top:0px;">Supporting documents</h5> <table class="details-table" width="100%" cellspacing="0" cellpadding="0"> <tr> <td width="88" style="font-weight:bold;">Document 1</td> <td id="preview-doc-1">Loading</td> </tr> <tr> <td style="font-weight:bold;">Document 2</td> <td id="preview-doc-2">Loading</td> </tr> </table> </div> </div> <div class="col-lg-4"> <div class="preview-box"> <h4 style="border-bottom:2px dotted #cc0066;padding-bottom:8px;margin-bottom:16px;font-size:16px;margin-top:0px;">Entry reason</h4> <div id="preview-reason" style="font-size:12px;"> Loading </div> </div> </div> <div class="col-lg-4"> <div class="preview-box"> <h4 style="border-bottom:2px dotted #cc0066;padding-bottom:8px;margin-bottom:16px;font-size:16px;margin-top:0px;">Entry summary</h4> <div id="preview-summary" style="font-size:12px;"> Loading </div> </div> <div class="preview-box"> <div class="row"> <div class="col-lg-12"> <div class="xxxxxxx" style="text-align:right;"> <button type="button" class="btn_1 medium btn-primary" onclick="closePreview()">Edit</button>     <button type="button" id="nomination-submit-button" class="btn_1 medium btn-successs" style="margin-top:15px;">Submit Nomination</button> </div> </div> </div> </div> </div> </div> </div> <style> #toasty { display: none; max-width: 450px; background-color: #a01c74; color: #fff; border-radius: 11px; padding: 11px; position: fixed; z-index: 666666; left: 22px; margin-right: 22px; bottom: 22px; border:5px solid #fff; font-family:arial; box-shadow: 0 0 10px #666; } #toasty .heading{ width:100%; position:relative; font-weight:bold;color:#dbaecc;font-size:19px; } #toasty .title{ margin-bottom:8px; margin-top:11px; font-size:20px; font-weight:bold; color:#dbaecc; } #toasty .row-button{ margin-top:22px;margin-bottom:16px; } #toasty .nomninate-button{ color:#7a1559; font-weight: bold; padding: 11px; border-radius:11px; background-color:#fff; text-decoration:none; } #toasty .nomninate-button:hover{ color:#fff;background-color:#7a1559; } #toasty .closer{ border-radius:3px;position:absolute;z-index:55px;right:0px;margin-top:-22px;background-color:#fff;color:#a01c74;font-weight:bold;padding:1px;padding-top:0px;padding-bottom:2px;cursor:pointer;font-size:20px;width:20px;text-align:center; } #toasty .closer:hover{ background-color:#7a1559;color:#fff; } #toasty #nominator_name{ color:#fff; } #toasty .cta{ line-height:1.2;color:#dbaecc; } .btn-successs{ background-color:#2a9e26; } .btn-successs:hover{ background-color:#5bbb58; } .modal { display: none; position: fixed; z-index: 1777777; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } .modal-content { background-color: #fefefe; margin: 15% auto; padding: 20px; border: 1px solid #888; width: 100%; } .modal-title{ margin:0px; } .close { color: #aaa; float: right; font-size: 28px; font-weight: bold; } .modal-title{ font-size:20px; } .close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; } </style> <style> /* gallery replacement */ /* .gallery-item { position: relative; margin-bottom: 30px; } .gallery-item img { width: 100%; } .gallery-item-overlay { background-color: rgba(22, 116, 209, 0.4); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; transition: .4s; } .gallery-item a { font-size: 16px; color: #ffffff; border: 2px solid #fff; width: 60px; height: 60px; text-align: center; transition: .4s; display: table; position: absolute; margin: -30px 0 0 -30px; top: 50%; left: 50%; line-height: 56px; border-radius: 50%; opacity: 0; transform: scale(1.4); transition: .4s; } .gallery-item:hover a { opacity: 1; transform: scale(1); transition: .4s; } .gallery-item a:hover { color: #111; background: #fff; border: 2px solid #fff; transition: .4s; } .gallery-item:hover .gallery-item-overlay { opacity: 1; transition: .4s; } */ </style> <script> function openmenu(){ $("#default").hide(); $("#open").show(); $("#mobby-menu").show(); } function closemenu(){ $("#default").show(); $("#open").hide(); $("#mobby-menu").hide(); } function bongledin(){ console.log("closer"); $("#nomination-vote").modal('hide'); $("#nomination-vote").hide(); } function getMoreNomineeDetails(){ $("#voting-box").show(); $("#info-box").hide(); $("#vote-form-title").html("Submit your vote"); } function cancelNomineeDetails(){ $("#voting-box").hide(); $("#info-box").show(); $("#vote-form-title").html("Voting"); } function getsponsor(id){ var modal = document.getElementById("myModal"); // Get the button that opens the modal //var btn = document.getElementById("myBtn"); var span = document.getElementsByClassName("close")[0]; $.ajax({ url: "/frontend/assets/sponsors/?id="+id, cache: false, success: function (data) { $("#mid").val(data.id); $("#mname").html(data.name); $("#murl").attr("href",data.url); $("#mcategory").html(data.category); $("#minfo").html(data.info); $("#mlogo").attr("src","/frontend/assets/uploads/"+data.logo); } }); modal.style.display = "block"; span.onclick = function() { modal.style.display = "none"; $("#mcategory").html(""); $("#murl").attr("href",""); $("#mlogo").attr("src",""); $("#mname").html(""); $("#minfo").html(""); $("#mid").val(""); } window.onclick = function(event) { if (event.target == modal) { modal.style.display = "none"; $("#mcategory").html(""); $("#murl").attr("href",""); $("#mlogo").attr("src",""); $("#mname").html(""); $("#minfo").html(""); $("#mid").val(""); } } } ////////////////////////////////////////// function getNominationForVoting(id,type){ var modal = document.getElementById("nomination-vote"); // Get the button that opens the modal //var btn = document.getElementById("myBtn"); var span = document.getElementsByClassName("close")[0]; if(type=="vote"){ $("#voting-box").show(); $("#info-box").hide(); $("#vote-form-title").html("Submit your vote"); } else { $("#voting-box").hide(); $("#info-box").show(); $("#vote-form-title").html("Voting"); } $.ajax({ url: "/frontend/assets/entries/?id="+id, cache: false, success: function (data) { $("#doc1").hide(); $("#doc2").hide(); $("#doc1").attr("href",""); $("#doc2").attr("href",""); $("#vid").val(data.id); $("#vname").html(data.name); $("#voting_company").html(data.name); $("#vurl").attr("href",data.url); $("#vcategory").html(data.category); $("#voting_category").html(data.category); $("#voting_category_id").val(data.category_id); $("#voting_entry_id").val(data.id); $("#vinfo").html(data.info); $("#vtitle").html(data.title); $("#vlogo").attr("src","/frontend/assets/uploads/"+data.logo); $("#direct-voting-link").html("https://sdcawards.com/vote?shortcut="+data.id); var excat = "Rising"; var thecat = data.category; if(thecat.includes(excat)){ $("#modal-voting-button").hide(); } else{ $("#modal-voting-button").show(); } $("#modal-voting-button").hide(); $("#nodoc").show(); if(data.doc1!="0"){ var doc1 = data.doc1; $("#doc1").show(); $("#doc1").attr("href","/frontend/assets/uploads/"+doc1); $("#nodoc").hide(); } if(data.doc2!="0"){ var doc2 = data.doc2; $("#doc2").show(); $("#doc2").attr("href","/frontend/assets/uploads/"+doc2); $("#nodoc").hide(); } } }); modal.style.display = "block"; span.onclick = function() { modal.style.display = "none"; $("#vcategory").html(""); $("#vurl").attr("href",""); $("#vlogo").attr("src",""); $("#voting_company").html(""); $("#voting_category").html(""); $("#voting_category_id").val(""); $("#voting_entry_id").val(""); $("#vinfo").html(""); $("#vid").val(""); } window.onclick = function(event) { if (event.target == modal) { modal.style.display = "none"; $("#vcategory").html(""); $("#vurl").attr("href",""); $("#vlogo").attr("src",""); $("#voting_company").html(""); $("#voting_category").html(""); $("#voting_category_id").val(""); $("#voting_entry_id").val(""); $("#vinfo").html(""); $("#vid").val(""); } } } function checkEmail(email){ // new_bad_email_hosts $.ajax({ url: "/frontend/assets/check-email/?email="+email, cache: false, success: function (data) { if(data=="bad"){ alert("Free Email services are not permitted."); $("#voting_email").val(""); $("#email_status").val("bad"); } else { $("#email_status").val("good"); } } }); } /* $(document).ready(function() { $("#voting-form").on('submit', function(e){ //e.preventDefault(); var status = $("#email_status").val(); console.log(status); if($status=="bad"){ e.preventDefault(); } else { $("#voting-form").submit(); } }); }); */ </script> <script src="/frontend/assets/js/functions.js"></script> <script src="/frontend/assets/js/video_header.js?m"></script> <script> HeaderVideo.init({ container: $('.header-video'), header: $('.header-video--media'), videoTrigger: $("#video-trigger"), autoPlayVideo: true }); </script> <script src="/frontend/assets/js/jquery.validate.js"></script> <script src="/frontend/assets/js/jquery.stepy.min.js"></script> <script src="/frontend/assets/js/quotation-validate.js"></script> <script src="/frontend/assets/js/bootstrap-datepicker.js"></script> <script> $('.datepicker').datepicker(); $("#quotation").validate(); </script> <script src="/frontend/assets/js/jquery.sticky-sidebar.min.js"></script>  <script> function nl2br (str, is_xhtml) { var breakTag = (is_xhtml || typeof is_xhtml === 'undefined') ? '<br />' : '<br>'; return (str + '').replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g, '$1'+ breakTag +'$2'); } function showPreview(){ $("#nomination-form-main").hide(); $("#preview-n-category").html($("#selected-nomination_category option:selected").text()); $("#preview-firstname").html($("#person_firstname").val()); $("#preview-lastname").html($("#person_lastname").val()); $("#preview-company").html($("#person_company").val()); $("#preview-email").html($("#person_email").val()); $("#preview-phone").html($("#person_phone").val()); $("#preview-n-product").html($("#nomination_product_name").val()); $("#preview-n-client").html($("#nomination_client_name").val()); var optionSelected = $("#selected-nomination_category").find(':selected').data('selected'); if(optionSelected!="Company"){ $("#preview-n-person").html($("#nomination_company").val()); $("#show-person-preview").show(); $("#show-company-preview").hide(); } else { $("#preview-n-company").html($("#nomination_company").val()); $("#show-person-preview").hide(); $("#show-company-preview").show(); } $("#preview-n-title").html($("#nomination_title").val()); var client_logo = $("#nomination_client_logo").val(); if(client_logo!=""){ $("#preview-n-logo").html("<span style='color:#72b31d;'>✓</span>"); } else{ $("#preview-n-logo").html("<span style='color:#cc0000;'>✗</span>"); } var doc1 = $("#nomination_document_1").val(); if(doc1!=""){ $("#preview-doc-1").html("<span style='color:#72b31d;'>✓</span>"); } else{ $("#preview-doc-1").html("<span style='color:#cc0000;'>✗</span>"); } var doc2 = $("#nomination_document_2").val(); if(doc2!=""){ $("#preview-doc-2").html("<span style='color:#72b31d;'>✓</span>"); } else{ $("#preview-doc-2").html("<span style='color:#cc0000;'>✗</span>"); } var logo_web = $("#nomination_logo_web").val(); if(logo_web!=""){ $("#preview-logo-web").html("<span style='color:#72b31d;'>✓</span>"); } else{ $("#preview-logo-web").html("<span style='color:#cc0000;'>✗</span>"); } var logo_print = $("#nomination_logo_print").val(); if(logo_print!=""){ $("#preview-logo-print").html("<span style='color:#72b31d;'>✓</span>"); } else{ $("#preview-logo-print").html("<span style='color:#cc0000;'>✗</span>"); } var is_xhtml = "1"; var reason = $("#nomination_reason").val(); var reason_formatted = nl2br(reason,is_xhtml); var summary = $("#nomination_highlights").val(); var summary_formatted = nl2br(summary,is_xhtml); console.log("reason:"); console.log(reason_formatted); console.log("highlights:"); console.log(summary_formatted); $("#preview-reason").html(reason_formatted); $("#preview-summary").html(summary_formatted); $("#overlay").show(); $("html, body").animate({ scrollTop: 0 }, "slow"); } function closePreview(){ $("#preview-reason").html(""); $("#nomination-form-main").show(); $("#overlay").hide(); } </script> <script> // this requires updating to get the form more complete. then check the admin form etc. // teh values here should come from the database - todo note bodge var clientFieldShowedForCategories = [876,846,845,844,843,840,841,842]; // project before space are dcs and after are sdc var productFieldShowedForCategories = [878,877,859,850,851,849,848,847,855,853,854,852]; // innovation var allOthers = [885,884,883,882,881,869,867,866,862,887,886,888,889,872]; // w w what those are DCS so What to do with the SDC ones...? // var clientFieldShowedForCategories = [527,526,525,524,523,522, 555,560,557,558,559,561,556]; // project before space are dcs and after are sdc // var productFieldShowedForCategories = [529,530,531,532,533,534,535,536,537,538,539,540,541,542, 564,566,565,562,563,567,569,570,568,571,573,572,575,574]; // innovation // var allOthers = [543,544,545,546,547,548,549,550,551,552,553,554]; // w w what those are DCS so What to do with the SDC ones...? $('[name="nomination_category"]').on('change', function() { var velr = parseInt($(this).val()); //console.log($(this).val(), clientFieldShowedForCategories.includes(velr)); if(clientFieldShowedForCategories.includes(velr)) { $('.c-client').show(); $("#show-person-preview").hide(); $("#show-client-preview").show(); $("#show-client-logo-preview").show(); $("#product-or-client").val("client"); } else { $('.c-client').hide(); $("#show-client-preview").hide(); $("#show-client-logo-preview").hide(); } if(productFieldShowedForCategories.includes(velr)) { $('.c-product').show(); $("#show-person-preview").hide(); $("#show-product-preview").show(); // note product preview isn't in the client version above. $("#product-or-client").val("product"); } else { $('.c-product').hide(); $("#show-product-preview").hide(); } if(allOthers.includes(velr)) { $('.c-product').hide(); $("#show-product-preview").hide(); $("#show-person-preview").hide(); $("#show-show-preview").hide(); // also hide client logo? $("#product-or-client").val("normal"); } /* show-company-preview show-client-preview show-product-preview show-person-preview */ show_reason_placeholder(velr); }).trigger('change'); // setting required for the categories is whether the client logo is requried = this may fall under something else like product etc $('#selected-nomination_category').on('change', function (e) { var optionSelected = $(this).find(':selected').data('selected'); var output = optionSelected+" Name" $("#company-or-persons").html(output); }); function show_reason_placeholder(id){ $("#nomination_reason_prompts").show(); var theone = "#reason_info_"+id; var thecontent = $(theone).html(); //console.log("The ID to get the innerHTML from: "+theone); //console.log(thecontent); // $("#nomination_reason").attr("placeholder",thecontent); $("#nomination_reason_prompts").html(thecontent) } function getReadableFileSizeString(fileSizeInBytes) { var i = -1; var byteUnits = [' kB', ' MB', ' GB', ' TB', 'PB', 'EB', 'ZB', 'YB']; do { fileSizeInBytes = fileSizeInBytes / 1024; i++; } while (fileSizeInBytes > 1024); return Math.max(fileSizeInBytes, 0.1).toFixed(1) + byteUnits[i]; }; function isValidEmailAddress(emailAddress) { var pattern = /^([a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+(\.[a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+)*|"((([ \t]*\r\n)?[ \t]+)?([\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*(([ \t]*\r\n)?[ \t]+)?")@(([a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.)+([a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.?$/i; return pattern.test(emailAddress); } $('input[max-size]').on('change', function(){ if(typeof this.files[0] !== 'undefined'){ var maxSize = parseInt($(this).attr('max-size'),10), size = this.files[0].size; if(size > maxSize) { $('input[max-size]').val(''); $('#errorModalContent').html("The file you uploaded was "+getReadableFileSizeString(size)+" which is larger than the allowed "+getReadableFileSizeString(maxSize)+".<br>Please upload a smaller file."); $('#errorModal').modal('show'); } } }); /* var formHasErrors = false; $('#entry-form').on('submit', function(e) { e.preventDefault(); formHasErrors = false; $('#nomination-submit-button').text('Submitting....').attr('disabled', true); $($('#entry-form input, #entry-form select, #entry-form textarea').get().reverse()).each(function() { $(this).trigger('change'); }); setTimeout(function() { if(formHasErrors !== false) { console.log("Errors would show"); $('#errorModalContent').html("There were some errors in your entry. Please check that all required fields have been completed and that there are no errors.<br><br>If you need help with your entry, call +44 (0)2476 718 970 or <a href='mailto:awards@dcsawards.com'>drop us an email</a>."); $('#errorModal').modal('show'); setTimeout(function() { $('html, body').animate({ scrollTop: parseInt($(formHasErrors).offset().top - 150) }, 500); }, 200); $('#nomination-submit-button').text('Submit Entry').attr('disabled', false); } else { $('#entry-form')[0].submit(); } }, 500); }); $('#entry-form [required]').on('change', function() { $(this).closest('.form-group').removeClass('has-success has-error has-feedback'); $(this).closest('.form-group').find('.form-control-feedback').hide(); $(this).closest('.form-group').find('.feedback-error-message').hide(); //Ignore Files if($(this).attr('type') == 'file') { return; } //Trim on inputs if($(this).val() != null) { $(this).val($(this).val().trim()); } //If Not Empty if($(this).val() != null) { if($(this).val().length > 0) { if($(this).attr('type') == 'email') { if(!isValidEmailAddress($(this).val())) { $(this).closest('.form-group').addClass('has-error has-feedback'); $(this).closest('.form-group').find('.feedback-error').show(); $(this).closest('.form-group').find('.feedback-error-message').text('Please enter a valid email address.').show(); formHasErrors = $(this); return; } } if($(this).attr('minlength') > '0') { if($(this).val().length < $(this).attr('minlength')) { $(this).closest('.form-group').addClass('has-error has-feedback'); $(this).closest('.form-group').find('.feedback-error').show(); $(this).closest('.form-group').find('.feedback-error-message').text('Minimum of '+$(this).attr('minlength')+' characters required.').show(); formHasErrors = $(this); return; } } } else { $(this).closest('.form-group').addClass('has-error has-feedback'); $(this).closest('.form-group').find('.feedback-error').show(); $(this).closest('.form-group').find('.feedback-error-message').text('This field is required.').show(); formHasErrors = $(this); return; } } else { $(this).closest('.form-group').addClass('has-error has-feedback'); $(this).closest('.form-group').find('.feedback-error').show(); $(this).closest('.form-group').find('.feedback-error-message').text('This field is required.').show(); formHasErrors = $(this); return; } $(this).closest('.form-group').addClass('has-success has-feedback'); $(this).closest('.form-group').find('.feedback-success').show(); }); */ $("#nomination-submit-button").on( "click", function() { var current_selection = $("#product-or-client").val(); var errors = ""; var error = ""; var person_firstname = $("#person_firstname").val(); if(person_firstname==""){ errors="yes"; error+="\nFirst name"; } var person_lastname = $("#person_lastname").val(); if(person_lastname==""){ errors="yes"; error+="\nLast name"; } var person_company = $("#person_company").val(); if(person_company==""){ errors="yes"; error+="\nCompany name"; } var person_email = $("#person_email").val(); if(person_email==""){ errors="yes"; error+="\nEmail address"; } var person_phone = $("#person_phone").val(); if(person_phone==""){ errors="yes"; error+="\nPhone number"; } var nomination_category = $("#nomination_category").val(); if(nomination_category==""){ errors="yes"; error+="\nCategory"; } var nomination_title = $("#nomination_title").val(); if(nomination_title==""){ errors="yes"; error+="\nNomination title"; } var nomination_reason = $("#nomination_reason").val(); if(nomination_reason==""){ errors="yes"; error+="\nReason"; } var nomination_company = $("#nomination_company").val(); if(nomination_company==""){ errors="yes"; error+="\nNomination company"; } //var nomination_logo_print = $("#nomination_logo_print").val(); //var nomination_document_1 = $("#nomination_document_1").val(); //var nomination_document_2 = $("#nomination_document_2").val(); var logo_web = $("#nomination_logo_web")[0].files.length; if(logo_web === 0){ errors="yes"; error+="\nCompany logo"; } if(current_selection=="client"){ var client_logo = $("#nomination_client_logo")[0].files.length; if(client_logo === 0){ errors="yes"; error+="\nClient logo"; } } var nomination_client_name = $("#nomination_client_name").val(); if(current_selection=="client" && nomination_client_name==""){ errors="yes"; error+="\nClient name"; } var nomination_product_name = $("#nomination_product_name").val(); if(current_selection=="product" && nomination_product_name==""){ errors="yes"; error+="\nProduct name"; } if(errors==""){ $("#nomination").submit(); } else { alert("You have missed some required fields:\n"+error); } }); // read what the user had selected and make this selection on the drop down $(function(){ // not certain where this is used. // get url var theUrl = window.location.href; // split the url down to get just the cateogryID var theOne = theUrl.split("="); var theRealOne = theOne[1]; var theOther = theUrl.split("/"); var theRealOther = theOther[4]; if( window.location.href.indexOf("proposal") >= 0 ){ var uid = theRealOne; localStorage.setItem('sdc_uid', uid); // change to {brand_short}_uid } // added a timeout since it was not triggering setTimeout(function() { console.log(theRealOne); console.log(theRealOther); // temp for previewing the winners but rememeber the template do have hiding as default so remove that style alsp if(theRealOne=="mike" && theRealOther=="2024"){ $("#das-winners-ya").show(); } if(theRealOther < "2024"){ $("#das-winners-ya").show(); } // end temp // set the dropdown $("#selected-category").val(theRealOne); }, 600); var optionSelected = $("#selected-nomination_category").find(':selected').data('selected'); if(optionSelected){ var output = optionSelected+" name"; $("#company-or-persons").html(output); } /* $('.owl-carousel').owlCarousel({ items: 1, loop: true, autoplay: true, animateIn: 'flipInX', margin: 0, stagePadding: 3, smartSpeed: 450, responsiveClass: true, responsive: { 600: { items: 6 }, 1000: { items: 10, nav: false } } }); $('.owl-carousel').owlCarousel({ items:5, merge:true, loop:true, margin:10, video:true, lazyLoad:true, center:true, responsive:{ 480:{ items:2 }, 600:{ items:4 } } }); */ }); $(window).on('load', function(){ "use strict"; if ($(window).width() > 990) { $('#sider').stickySidebar({ topSpacing: 100, bottomSpacing: 50, containerSelector: '#mainer', }); } }); </script> <script src="https://cdn.jsdelivr.net/npm/lightgallery@2.3.0/lightgallery.min.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/lightgallery@2.3.0/css/lightgallery-bundle.min.css" /> <script> $(document).ready(function(){ lightGallery(document.getElementById('animated-thumbnailsa'), { thumbnail:true, selector: '.gitem' }); }); // check highlights for max words on keypress document.getElementById("nomination_highlights").addEventListener("keypress", function(evt){ var words = this.value.split(/\s+/); var numWords = words.length; // Get # of words in array var maxWords = 450; if(numWords > maxWords){ $("#words-message-highlights").html("You have reached the maximum number of 450 words."); evt.preventDefault(); // Cancel event } else { if(numWords=="1"){var plural="";} else {var plural="s";} $("#words-message-highlights").html("You have entered "+numWords+" word"+plural+"."); } }); document.getElementById('nomination_highlights').addEventListener('paste', function(event) { var textarea = event.target; var clipboardData = event.clipboardData || window.clipboardData; var pastedText = clipboardData.getData('text'); var currentText = textarea.value; var currentWordCount = currentText.split(/\s+/).length; var pastedWordCount = pastedText.split(/\s+/).length; var totalWordCount = currentWordCount + pastedWordCount; if (totalWordCount > 450) { event.preventDefault(); // Prevent the default paste behavior alert('Exceeds maximum word limit of 450.'); } }); // check highlights for max words onbur for pasters document.getElementById("nomination_highlights").addEventListener("blur", function(evt){ var words = this.value.split(/\s+/); var numWords = words.length; // Get # of words in array var maxWords = 450; if(numWords > maxWords){ $("#words-message-highlights").html("You have reached the maximum number of 450 words."); evt.preventDefault(); // Cancel event } else { if(numWords=="1"){var plural="";} else {var plural="s";} $("#words-message-highlights").html("You have entered "+numWords+" word"+plural+"."); } }); /////////////// // check highlights for min words on keypress document.getElementById("nomination_reason").addEventListener("keypress", function(evt){ var words = this.value.split(/\s+/); var numWords = words.length; // Get # of words in array var minWords = 450; var wordsShort = minWords-numWords; if(numWords < minWords){ $("#words-message-details").html("You are "+wordsShort+" words short."); // evt.preventDefault(); // Cancel event } else { if(wordsShort=="1"){var plural="";} else {var plural="s";} $("#words-message-details").html("You have entered "+numWords+" word"+plural+" which is ideal."); } }); // check highlights for min words onbur for pasters document.getElementById("nomination_reason").addEventListener("blur", function(evt){ var words = this.value.split(/\s+/); var numWords = words.length; // Get # of words in array var minWords = 450; var wordsShort = minWords-numWords; if(numWords < minWords){ $("#words-message-details").html("You are "+wordsShort+" words short."); //evt.preventDefault(); // Cancel event } else { if(wordsShort=="1"){var plural="";} else {var plural="s";} $("#words-message-details").html("You have entered "+numWords+" word"+plural+" which is ideal."); } }); </script>  <script src="/frontend/assets/js/jquery-migrate.min.js"></script> <script src="/frontend/assets/layerslider/js/greensock.js"></script> <script src="/frontend/assets/layerslider/js/layerslider.transitions.js"></script> <script src="/frontend/assets/layerslider/js/layerslider.kreaturamedia.jquery.js"></script> <script src="/frontend/assets/js/slider_func.js"></script> <script src="/frontend/assets/js/jquery.flipster.min.js"></script> <script> function videoFocus(which){ stopallFocus(); var theplayer = "video-360-"+which; let vid = document.getElementById(theplayer); vid.play(); } function stopallFocus(){ let vid1 = document.getElementById("video-360-1"); vid1.pause(); let vid2 = document.getElementById("video-360-2"); vid2.pause(); let vid3 = document.getElementById("video-360-3"); vid3.pause(); let vid4 = document.getElementById("video-360-4"); vid4.pause(); let vid5 = document.getElementById("video-360-5"); vid5.pause(); let vid6 = document.getElementById("video-360-6"); vid6.pause(); let vid7 = document.getElementById("video-360-7"); vid7.pause(); let vid8 = document.getElementById("video-360-8"); vid8.pause(); let vid9 = document.getElementById("video-360-9"); vid9.pause(); let vid10 = document.getElementById("video-360-10"); vid10.pause(); let vid11 = document.getElementById("video-360-11"); vid11.pause(); let vid12 = document.getElementById("video-360-12"); vid12.pause(); let vid13 = document.getElementById("video-360-13"); vid13.pause(); let vid14 = document.getElementById("video-360-14"); vid14.pause(); let vid15 = document.getElementById("video-360-15"); vid15.pause(); let vid16 = document.getElementById("video-360-16"); vid16.pause(); let vid17 = document.getElementById("video-360-17"); vid17.pause(); let vid18 = document.getElementById("video-360-18"); vid18.pause(); let vid19 = document.getElementById("video-360-19"); vid19.pause(); } $(function() { var coverflow = $("#coverflow").flipster(); }); //////////////// toast function loadnominationtoast() { setTimeout(function(){ $.ajax({ url: "/frontend/test-inject-ajax.php", cache: false, success: function (data) { $("#nominator_name").html(data); $("#toasty").fadeIn(500); }, error: function (error) { } }); }, 2000); } function closenominationtoast(){ $("#toasty").fadeOut(500); } </script> <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script> </body> </html>

CINXE.COM

SDC Awards