CINXE.COM
Welcome to Photonic Integrated Circuits - News, features and analysis.
<!DOCTYPE html> <html lang="en"> <head> <!-- (C) Copyright 2025 - All Rights Reserved --><!-- ####' :@########@ .@### #@@ @@@@@@@. ;@# #@ #@@@@, ;# @ @@@@ @ ; ,@@: . .@ @@` @@ @@` @@ @@ @@, @@ @@ @@, #@ @@ @@, '@ @@ @@, ;@ @@@@@@@# @@:......;@. @@@@@@# @@@@@@@@@@@# @@@@# @@@@@@@@@@@@ +@@# @@@@@@@@@@@@@ `@# COMPOUND SEMICONDUCTOR MAGAZINE @@@@@@@@@@@@@@ # HTTPS://COMPOUNDSEMICONDUCTOR.NET @@@@@@@@@@@@@@@ : @@@@@@@@@@@@@@@@; @@@ ;@@@@@@@@ @@@ ;@######+@. @@@ '@` @@ @@@ +@` @@: @@@ #@` @@' @@@ @@, @@; .@' @@: @@` : `@@@ @ @@@@ #, .@@@@; # #@ @@@@@@. :# #@@: :@@@@@@@@# #@# DESIGNED AND DEVELOPED BY MIKE HEWITT FOR ANGEL BUSINESS COMMUNICATIONS LIMITED --><!-- Last updated : 21/03/2025 --> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge" > <title>Welcome to Photonic Integrated Circuits - News, features and analysis.</title> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /> <meta name="description" content="PIC Magazine" /> <meta name="author" content="PIC Magazine" /> <meta name="theme-color" content="#07a0de" /> <meta name="robots" content="noodp" > <meta name="news_keywords" content="" > <meta name="publicationDate" content="" > <meta property="og:title" content="Welcome to Photonic Integrated Circuits - News, features and analysis." > <meta property="og:site_name" content="PIC (Photonics Integrated Circuits)" > <meta property="og:url" content="/audio/Welcome to Photonic Integrated Circuits - News, features and analysis." > <meta property="og:description" content="PIC Magazine" > <meta property="og:image" content="" > <meta property="og:type" content="article" > <meta property="og:locale" content="en_GB" > <meta property="article:publisher" content="https://picmagazine.net" > <meta name="twitter:creator" content="" > <meta name="twitter:card" content="summary" > <meta name="twitter:site" content="/audio/Welcome to Photonic Integrated Circuits - News, features and analysis." > <meta name="twitter:title" content="Welcome to Photonic Integrated Circuits - News, features and analysis." > <meta name="twitter:description" content="PIC Magazine" > <meta name="twitter:image" content="" > <link rel='icon' type='image/png' href='https://cdn.bitmagazine.net/assets/favicons/picmagazine.net/favicon.png'> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Abel|Oswald|Open+Sans:400,600|Arvo:400,700|Patua+One|Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic%7CPaytone+One%7CGochi+Hand" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" /> <link rel="stylesheet" type="text/css" href="https://cdn.bitmagazine.net/assets/css/vendor.css" /> <link rel="stylesheet" type="text/css" href="https://cdn.bitmagazine.net/assets/css/picmagazine.net/colours.css" /> <link rel="stylesheet" type="text/css" href="https://cdn.bitmagazine.net/assets/css/toast.css" /> <link rel="stylesheet" type="text/css" href="https://cdn.bitmagazine.net/assets/css/circuits.css" /> <link rel="stylesheet" type="text/css" href="https://cdn.bitmagazine.net/assets/css/snackbar.css" /> <link rel="stylesheet" type="text/css" href="https://cdn.bitmagazine.net/assets/css/snackbar-theme.css" /> <link rel="stylesheet" type="text/css" href="https://cdn.bitmagazine.net/assets/css/pagination.css" /> <link rel="stylesheet" type="text/css" href="https://cdn.bitmagazine.net/assets/css/iframe-lightbox.css" /> <link rel="stylesheet" type="text/css" href="https://cdn.bitmagazine.net/assets/css/lightrope.css" /> <script src="https://cdn.bitmagazine.net/assets/js/vendor.js"></script> <script src="https://cdn.bitmagazine.net/assets/js/subs.js"></script> <script src="https://cdn.bitmagazine.net/assets/js/toast.js"></script> <script src="https://cdn.bitmagazine.net/assets/js/picmagazine.net/cookie.js" type="text/javascript"></script> <script src="https://cdn.bitmagazine.net/assets/js/cs.js?cache=cs-1742556263" type="text/javascript"></script> <script src="https://cdn.bitmagazine.net/assets/js/topbar.js"></script> <script src='https://cdn.onesignal.com/sdks/web/v16/OneSignalSDK.page.js' defer></script><script>window.OneSignalDeferred = window.OneSignalDeferred || []; OneSignalDeferred.push(async function(OneSignal) { await OneSignal.init({ appId: '8cafb926-a945-4181-8205-d8d320aa2cec', }); });</script> <script type="text/javascript" id="hs-script-loader" async defer src="//js-eu1.hs-scripts.com/26586232.js"></script> </head> <body id="front-pagex" oncontextmenu="closeSubMenu()" contextmenu="mega-right-click-menu"> <div hx-ext="client-side-templates"> <!-- welcome --> <div id="fixed-menu"><a href="javascript:;" onclick="menuOpen()"><img src="https://cdn.bitmagazine.net/assets/images/menu-box-48-hover.png" /></a></div> <div mustache-template="top-menu-template" hx-get="/menu-elements/menu.json" hx-trigger="load" hx-target="#fogey-menu" hx-headers='{"Accept":"application/json","Authorization":"Bearer WelcomeToTheHoneyPot"}'></div> <div id="wrapper"> <!-- the closing of this is in the footer --> <div class="main-box" style="background-color:#fff;"> <div id="page"> <div class="page-wrapper"> <div class="super-top-menu"> <div class="container-fluid"> <div class="row"> <div class="col-lg-3"> <i class="fa fa-phone"></i> +44 (0)24 7671 8970 </div> <div class="col-lg-3"> <div id="top-bar-info"> </div> </div> <div class="col-lg-6" style="text-align:right;"> <a href="https://bitmagazine.net/subscribe/?pub=7" target="_blank" class="top-button-blue" style="text-transform: uppercase;font-size:11px;">Subscribe</a> <a href="/sister-publications" class="top-button-blue" style="text-transform: uppercase;font-size:11px;">More publications</a> <a href="/advertise" class="top-button-blue" style="text-transform: uppercase;font-size:11px;">Advertise with us</a> <a href="/contact" class="top-button-blue" style="text-transform: uppercase;font-size:11px;">Contact us</a> </div> </div> </div> </div> <div id="top-bar-extra" > <!-- onmouseout="dongle();" --> <!-- hover to load content --> </div> <header id="normal-nav" style="position:fixed;z-index:66666666666;background-color:#2d3853;border-bottom:8px solid ##07a0de;"> <!-- <div class="main-header-wrapper snowflake-container" style="height:95px;background:#2d3853 url(https://cdn.bitmagazine.net/assets/images/header-snow-bg-18-19-2.gif) bottom center repeat-x;"> --> <!-- 313845 --> <div class="main-header-wrapper"> <!-- do not remove the new lightrope references --> <!-- <ul class="lightrope"> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> --> <!-- alt christmas header (older) --> <!-- <div id="snow"></div>--> <div class="container-fluid"> <div class="row"> <div class="col-lg-2 col-md-3 col-sm-3 col-xs-5" style="height:75px;line-height:75px;"> <a class="site-identity sub christmas-logo" href="/home" style="vertical-align:center;"> <span class="christmas-helper"></span> <img src="https://cdn.bitmagazine.net/assets/images/picmagazine.net/logo.png?" alt="PIC (Photonics Integrated Circuits)" id="nav-logo" style="width:100%;min-width:150px;max-width:200px !important;" class="cmenu1" /> </a> </div> <div class="col-lg-10 col-md-9 col-sm-9 col-xs-5"> <nav class="main-nav align-right" id="nav-bits"> <!-- SMALL --> <div id="pop-menu" style="position:fixed;right:15px;top:8px;"> <ul> <li><a href="javascript:;" onclick="menuOpen()"><img src="https://cdn.bitmagazine.net/assets/images/menu-box-48.png" alt="Menu" id="menu-icon" /></a></li> </ul> </div> <!-- LARGE MAIN DEFAULT MENU --> <div id="fogey-menu"> </div> <script type="application/javascript"> /* $(function() { // quick example of ajax instead of htmx $.ajax({ url: "/top-menu", cache: false, success: function (data) { $("#tops").html(data); } }); }); */ function openSearch(){ // subs.openclose('open'); // $("#search-input-big").focus(); } $(function() { // checkReadingList(); }); function subAd(mode){ if(mode=="show"){ $("#sub-ad").show(); } else { $("#sub-ad").hide(); } } function openNewsMenu(){ $("#newsdropmenu").show(); } function closeNewsMenu(){ $("#newsdropmenu").hide(); } function openMagazineMenu(){ $("#magazinedropmenu").show(); } function closeMagazineMenu(){ $("#magazinedropmenu").hide(); } function openInterviewsMenu(){ $("#interviewsdropmenu").show(); } function closeInterviewsMenu(){ $("#interviewsdropmenu").hide(); } function openVideosMenu(){ $("#videosdropmenu").show(); } function closeVideosMenu(){ $("#videosdropmenu").hide(); } function cornersearch(mode){ if(mode=="wide"){ $("#searchquery").attr("style","width:240px;margin-right:16px;"); $("#top-menu-home").hide(); } else { $("#searchquery").attr("style","width:150px;margin-right:16px;"); $("#top-menu-home").show(); } } </script> <style> #sub-ad a{ padding:11px; text-align:left; } #sub-ad a:hover{ } .clean-list{ float:right; margin-top:16px; } .clean-list li{ float:left; list-style:none; margin-left:22px; } .clean-list a{ color:#fff; } .clean-list a:hover{ color:#df3132; text-decoration:none; } #newsdropmenu{ margin-left:-20px; } #newsdropmenu li{ float:none; clear:both; margin-left:0px; } #magazinedropmenu{ margin-left:-20px; } #magazinedropmenu li{ float:none; clear:both; margin-left:0px; } #interviewsdropmenu{ margin-left:-311px; } #interviewsdropmenu li{ float:none; clear:both; margin-left:0px; } #newsdropmenu{ margin-left:-280px; } #videosdropmenu{ margin-left:-18px; } #videosdropmenu li{ float:none; clear:both; margin-left:0px; } .interviews-button-small-blue{ text-transform: uppercase; background-color:#3688cd; padding:6px; padding-left:11px; padding-right:11px; color:#fff; text-decoration: none; text-transform:none; border-radius:6px; font-weight:normal; } .interviews-button-small-blue:hover{ text-transform: uppercase; background-color:#fff; padding:6px; padding-left:11px; padding-right:11px; color:#3688cd; text-decoration: none; text-transform:none; border-radius:6px; font-weight:normal; } .interviews-button-big-blue{ text-transform: uppercase;background-color:#3688cd;padding:11px;padding-left:18px;padding-right:18px;color:#fff;text-transform:none;text-decoration: none;border-radius:6px; } .interviews-button-big-blue:hover{ text-transform: uppercase;background-color:#fff;padding:11px;padding-left:18px;padding-right:18px;color:#3688cd;text-transform:none;text-decoration: none;border-radius:6px; } .interviews-video-area{ padding:11px;border:1px solid #3f4d6d;border-radius:6px;margin-bottom:11px; } .interviews-video-area:hover{ background-color:#3f4d6d; } .interviews-menu-video-title{ font-size:16px;text-transform: none;font-weight:normal;font-size:14px;line-height:1.2; } .interviews-menu-video-cover{ width:150px !important;height:84px !important; } .interviews-button-small-red{ text-transform: uppercase; background-color:#da2d34; padding:6px; padding-left:11px; padding-right:11px; color:#fff; text-decoration: none; text-transform:none; border-radius:6px; font-weight:normal; } .interviews-button-small-red:hover{ text-transform: uppercase; background-color:#fff; padding:6px; padding-left:11px; padding-right:11px; color:#da2d34; text-decoration: none; text-transform:none; border-radius:6px; font-weight:normal; } .interviews-button-big-red{ text-transform: uppercase;background-color:#da2d34;padding:11px;padding-left:18px;padding-right:18px;color:#fff;text-transform:none;text-decoration: none;border-radius:6px; } .interviews-button-big-red:hover{ text-transform: uppercase;background-color:#fff;padding:11px;padding-left:18px;padding-right:18px;color:#da2d34;text-transform:none;text-decoration: none;border-radius:6px; } .interviews-button-small-green{ text-transform: uppercase; background-color:#81a32b; padding:6px; padding-left:11px; padding-right:11px; color:#fff; text-decoration: none; text-transform:none; border-radius:6px; font-weight:normal; } .interviews-button-small-green:hover{ text-transform: uppercase; background-color:#fff; padding:6px; padding-left:11px; padding-right:11px; color:#81a32b; text-decoration: none; text-transform:none; border-radius:6px; font-weight:normal; } .interviews-button-big-green{ text-transform: uppercase;background-color:#81a32b;padding:11px;padding-left:18px;padding-right:18px;color:#fff;text-transform:none;text-decoration: none;border-radius:6px; } .interviews-button-big-green:hover{ text-transform: uppercase;background-color:#fff;padding:11px;padding-left:18px;padding-right:18px;color:#81a32b;text-transform:none;text-decoration: none;border-radius:6px; } .shadow-animate { box-shadow: 0px 0px 20px 10px #48abe0; animation: shadows 1.5s infinite; } @keyframes shadows { 0% { text-shadow: #48abe0 0 0 10px; box-shadow: 0px 0px 20px 10px #48abe0; } 50% { text-shadow: rgb(22, 20, 51) 0 0 10px; box-shadow: 0px 0px 20px 10px rgb(22, 20, 51); } 75% { text-shadow: rgb(190, 194, 201) 0 0 10px; box-shadow: 0px 0px 20px 10px rebeccapuprle; } 100% { text-shadow: #48abe0 0 0 10px; box-shadow: 0px 0px 20px 10px #48abe0; } } </style> </nav> </div> </div> </div> </div> </header> <script type="text/javascript"> // do not remove the christmassy things yet /* let snowflakes_count=200;if(typeof total!=='undefined'){snowflakes_count=total;} function toggle_snow(){let check_box=document.getElementById("toggle_snow");if(check_box.checked==true){document.getElementById('snow').style.display="block";} else{document.getElementById('snow').style.display="none";}} function spawn_snow(snow_density=100){snow_density-=1;for(let x=0;x<snow_density;x++){let board=document.createElement('div');board.className="snowflake";document.getElementById('snow').appendChild(board);}} function add_css(rule){let css=document.createElement('style');css.type='text/css';css.appendChild(document.createTextNode(rule));document.getElementsByTagName("head")[0].appendChild(css);} function random_int(value=100){return Math.floor(Math.random()*value)+1;} function random_range(min,max){min=Math.ceil(min);max=Math.floor(max);return Math.floor(Math.random()*(max-min+1))+min;} function spawnSnowCSS(snow_density=100){let snowflake_name="snowflake";let rule=``;if(typeof base_css!=='undefined'){rule=base_css;} for(let i=1;i<snow_density;i++){let random_x=Math.random()*100;let random_offset=random_range(-100000,100000)*0.0001;let random_x_end=random_x+random_offset;let random_x_end_yoyo=random_x+(random_offset/2);let random_yoyo_time=random_range(30000,80000)/100000;let random_yoyo_y=random_yoyo_time*100;let random_scale=Math.random();let fall_duration=random_range(10,30)*1;let fall_delay=random_int(30)*-1;let opacity_=Math.random();rule+=` .${snowflake_name}:nth-child(${i}) { opacity: ${opacity_}; transform: translate(${random_x}vw, -20px) scale(${random_scale}); animation: fall-${i} ${fall_duration}s ${fall_delay}s linear infinite; } @keyframes fall-${i} { ${random_yoyo_time*100}% { transform: translate(${random_x_end}vw, ${random_yoyo_y}vh) scale(${random_scale}); } to { transform: translate(${random_x_end_yoyo}vw, 100vh) scale(${random_scale}); } } `} add_css(rule);} window.onload=function(){spawnSnowCSS(snowflakes_count);spawn_snow(snowflakes_count);}; */ function mikeMenu(which){ closeSubMenu(); var theID = "#sub-menu-"+which; var menu = "#menu-option-"+which; $(theID).fadeIn(333); $(menu).attr("style","background-color:#07a0de;padding:10px;border-radius: 3px 3px 0px 0px;color:#fff;"); } function closeTheGears(){ $("#loadit").hide(); } function startLoad(){ } function startLoader(){ } function endLoader(){ // $("#progress").hide(); } function showqr(){ $("#qr").show(); } function hideqr(){ $("#qr").hide(); } function dingle(){ $("#top-bar-extra").show(); $("#top-bar-info").hide(); } function dongle(){ $("#top-bar-extra").hide(); $("#top-bar-info").show(); } function closeBdModal(){ $("#bd-modal").hide(); } $(window).scroll(function() { if ($(window).width() > 1200) { if ($(this).scrollTop() > 0) { $('.super-top-menu').hide(); $('#top-bar-extra').hide(); $("#top-bar-info").hide(); // $('.super-top-menu2').hide(); } else { $('.super-top-menu').show(); $('#top-bar-extra').hide(); $("#top-bar-info").show(); } } else { $('.super-top-menu').hide(); $('#top-bar-extra').hide(); $("#top-bar-info").hide(); } }); </script> <style> #progress { position:relative; width:100%; height:13px; } #progress .progress-bar { background:#cc0000; height:6px; width:0%; display:inline-block; } #progress .progress-text { position:absolute; z-index:2; right:0; } .e-b{ z-index:22;bottom:25px;position:relative; } .e-b a{ background-color:#cc0000;font-size:14px;color:#fff !important;font-weight:bold;text-align:center;height:33px;width:100px;padding:6px; } .e-b a:hover{ background-color:#a51010; } .top-button-red{ font-size:12px;color:#fff;padding:3px;padding-left:11px;padding-right:11px;background-color:#cc0000;border-radius:6px; text-decoration:none; } .top-button-red:hover{ color:#cc0000;background-color:#fff; text-decoration:none; } .top-button-green{ font-size:12px;color:#fff;padding:3px;padding-left:11px;padding-right:11px;background-color:#81a32b;border-radius:6px; text-decoration:none; } .top-button-green:hover{ color:#81a32b;background-color:#fff; text-decoration:none; } .top-button-blue{ font-size:12px;color:#fff;padding:3px;padding-left:11px;padding-right:11px;background-color:#0980b8;border-radius:6px; text-decoration:none; } .top-button-blue:hover{ color:#0980b8;background-color:#fff; text-decoration:none; } .big-button-red{ font-size:18px;color:#fff;padding:11px;padding-left:22px;padding-right:22px;background-color:#cc0000;border-radius:6px; text-decoration:none; } .big-button-red:hover{ background-color:#d62b2b;color:#fff; text-decoration:none; } .big-button-green{ font-size:18px;color:#fff;padding:11px;padding-left:22px;padding-right:22px;background-color:#81a32b;border-radius:6px; text-decoration:none; } .big-button-green:hover{ background-color:#81a32b;color:#fff; text-decoration:none; } .big-button-blue{ font-size:18px;color:#fff;padding:11px;padding-left:22px;padding-right:22px;background-color:#0980b8;border-radius:6px; text-decoration:none; } .big-button-blue:hover{ background-color:#3fa4d3;color:#fff; text-decoration:none; } #top-bar-extra{ background-color:#1f2736; padding:24px; display:none; position:relative; z-index:789547895; } /* .christmas-logo{ position: relative; } .christmas-helper { background: url("https://cdn.bitmagazine.net/assets/images/small_sh_rev.png") no-repeat transparent; display: block; left: auto; left: -8px; top: -20px; position: absolute; z-index: 5; width: 50px; height: 55px; } */ .snowflake { position: absolute; width: 10px; height: 10px; background: linear-gradient(white, white); border-radius: 50%; filter: drop-shadow(0 0 10px white); z-index:2; } /* new christmas 2025/2026 light rope */ .super-top-menu{ line-height:20px; font-size:12px; color:#fff; background-color:#11151d; padding:8px; } @media (max-width: 1280px) { .super-top-menu{display:none;} } .super-top-menu2{ line-height:20px; font-size:12px; color:#fff; background-color:#11151d; display:none; } .super-top-menu2 a{ padding:8px;background-color:#2d3853 } .modal-backdrop { z-index: -1; } #bd-modal{ z-index:8888888888888; position:absolute; height:100%; width:100%; display:none; background-color:rgba(0,0,0,0.7); } .bd-modal-inner{ margin-left:auto; margin-right:auto; width:300px; margin-top:200px; background-color:#fff; border-radius:8px; border:1px solid #ccc; } .widget-extra{ width:386px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media screen and (max-width: 1700px) { .widget-extra{ width:280px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } .btn-pagination{ padding:6px; border:1px solid #a01616; background-color:#fff; border-radius:3px; color:#11151d !important; text-decoration: none !important; width:24px; } .btn-pagination:hover{ background-color:#cc0000; color:#fff; } .btn-pagination.active{ } .btn-paginationx{ cursor:pointer; text-decoration:none !important; color:#1f2736 !important; border:1px solid #11151d; padding:5px; width:42px; line-height:32px; display:inline-block; text-align:center; margin-bottom:5px; } .btn-paginationx:hover{ color:#fff !important; background-color: #cc0000; } .btn-paginationx.active{ color:#fff !important; background-color: #11151d; } .search-button{ height:58px; line-height:30px; font-size:18px; padding:16px; padding-top:11px; padding-bottom:11px; background-color:#1f2736; color:#fff; border-radius:5px; width:100%; } </style> <script id="top-menu-template" type="x-tmpl-mustache"> <ul class="clean-list"> <li><a class="" href="/home" onmouseover="closeSubMenu()">Home</a></li> <!-- <li id="reading-list-button"><a class="sub" href="/reading-list" title="My Reading List" onmouseover="closeSubMenu()" ><img src="https://cdn.bitmagazine.net/assets/images/reading-list.png" /></a></li> --> <li onclick="openNewsMenu();" onmouseover="openNewsMenu();" onmouseout="closeNewsMenu()"><a class="" href="/news/list/1">News <i class="fa fa-chevron-down"></i></a> <div id="newsdropmenu" style="width:1200px;display:none;position:absolute;z-index:999999999999;top:45px;background-color:#2d3853;-webkit-box-shadow: 0px 13px 15px -6px rgba(0,0,0,0.52);box-shadow: 0px 13px 15px -6px rgba(0,0,0,0.52);"> <div style="height:25px;"> </div> <div style="background-color:#3688cd;font-size:13px;padding:22px;padding-bottom:12px;padding-top:12px;text-align:left;">Latest Company, Industry, and Lab News</div> <div style="padding:22px;text-align:left;text-transform: none;"> <table width="100%"> <tr> <td width="380" style="text-align:left;text-transform: none;padding-bottom:11px;" valign="top"> <div> <a href="/news/pic-company/1" style="font-size:18px;">Company News</a> </div> <div style="margin-top:20px;"> <table cellspacing="0" cellpadding="0"> {{#company}} <tr height="60"> <td style="padding:8px;"> <div style="width:45px;height:45px;border-radius:4px;background-image:url({{image}});background-size:cover;"> </div> </td> <td style="padding:8px;text-align:left;font-size:15px;text-transform: none;padding-left:11px;font-weight:normal;line-height:1.0;"> <a href="/article/{{article_id}}/{{title_clean}}" style="font-size:14px">{{title}}</a> </td> </tr> {{/company}} </table> </div> <div style="margin-top:24px;"> <a href="/news/pic-company/1" class="interviews-button-big-blue"><i class="fa fa-solid fa-clone"></i> Read more company news</a> </div> </td> <td width="380" style="text-align:left;text-transform: none;padding-bottom:11px;" valign="top"> <div> <a href="/news/pic-industry/1" style="font-size:18px;">Industry News</a> </div> <div style="margin-top:20px;"> <table cellspacing="0" cellpadding="0"> {{#industry}} <tr height="60"> <td style="padding:8px;"> <div style="width:45px;height:45px;border-radius:4px;background-image:url({{image}});background-size:cover;"> </div> </td> <td style="padding:8px;text-align:left;font-size:15px;text-transform: none;padding-left:11px;font-weight:normal;line-height:1.0;"> <a href="/article/{{article_id}}/{{title_clean}}" style="font-size:14px">{{title}}</a> </td> </tr> {{/industry}} </table> </div> <div style="margin-top:24px;"> <a href="/news/pic-industry/1" class="interviews-button-big-blue"><i class="fa fa-solid fa-clone"></i> Read more industry news</a> </div> </td> <td width="20"> </td> <td width="380" style="text-align:left;text-transform: none;padding-bottom:11px;" valign="top"> <div> <a href="/news/pic-lab/1" style="font-size:18px;">Lab & Fab News</a> </div> <div style="margin-top:20px;"> <table cellspacing="0" cellpadding="0"> {{#lab}} <tr height="60"> <td style="padding:8px;"> <div style="width:45px;height:45px;border-radius:4px;background-image:url({{image}});background-size:cover;"> </div> </td> <td style="padding:8px;text-align:left;font-size:15px;text-transform: none;padding-left:11px;font-weight:normal;line-height:1.0;"> <a href="/article/{{article_id}}/{{title_clean}}" style="font-size:14px">{{title}}</a> </td> </tr> {{/lab}} </table> </div> <div style="margin-top:24px;"> <a href="/news/pic-lab/1" class="interviews-button-big-blue"><i class="fa fa-solid fa-clone"></i> Read more lab news</a> </div> </td> </tr> </table> </div> </div> </li> <li onclick="openMagazineMenu();" onmouseover="openMagazineMenu();" onmouseout="closeMagazineMenu()"><a class="" href="/magazine">Magazine <i class="fa fa-chevron-down"></i></a> {{#magazine}} <div id="magazinedropmenu" style="width:444px;display:none;position:absolute;z-index:999999999999;top:45px;background-color:#2d3853;-webkit-box-shadow: 0px 13px 15px -6px rgba(0,0,0,0.52);box-shadow: 0px 13px 15px -6px rgba(0,0,0,0.52);" > <div style="background-color:#2d3853;height:25px;"> </div> <div style="background-color:#3688cd;font-size:13px;padding:22px;padding-bottom:12px;padding-top:12px;text-align:left;">Latest Magazine: Issue {{issue}} • Volume {{volume}}</div> <table width="100%" cellspacing="0" cellpadding="0"> <tr> <td style="padding:22px;" width="180"> <div><a href="/magazine/{{magazine_id}}"><img src="https://cdn.bitmagazine.net/assets/images/magazines/{{image}}" style="display:block;" class="shadow-animate" width="100%"></a></div> </td> <td> <ul style="padding:8px;margin-top:0px;padding-top:10px;padding-bottom:15px;"> <li style="text-align:left;display:block;">• <a class="" href="/magazine/{{magazine_id}}" target="_blank" onmouseover="closeSubMenu()" style="padding-top:4px;padding-bottom:4px;">Read Latest Magazine</a></li> <li style="text-align:left;display:block;">• <a class="" href="/magazine" onmouseover="closeSubMenu()" style="padding-top:4px;padding-bottom:4px;">Magazine Archive</a></li> <li style="text-align:left;display:block;">• <a class="" href="/news/interviews/1" onmouseover="closeSubMenu()" style="padding-top:4px;padding-bottom:4px;">Interviews</a></li> <li style="text-align:left;display:block;">• <a class="" href="/news/technical/1" onmouseover="closeSubMenu()" style="padding-top:4px;padding-bottom:4px;">Technical Insights</a></li> <li style="text-align:left;display:block;">• <a class="" href="/news/conference/1" onmouseover="closeSubMenu()" style="padding-top:4px;padding-bottom:4px;">Conference Reports</a></li> <li style="text-align:left;display:block;">• <a class="" href="/news/vendor" onmouseover="closeSubMenu()" style="padding-top:4px;padding-bottom:4px;">Vendor View</a></li> <li style="text-align:left;display:block;">• <a class="" href="http://www.siscmag.com/" onmouseover="closeSubMenu()" target="_blank" style="padding-top:4px;padding-bottom:4px;">SiS China</a></li> <li style="text-align:left;display:block;">• <a href="https://bitmagazine.net/subscribe/?pub=7" target="_blank" class="">Subscribe</a></li> </ul> </td> </tr> </table> </div> {{/magazine}} </li> <li onclick="openInterviewsMenu();" onmouseover="openInterviewsMenu();" onmouseout="closeInterviewsMenu()"><a class="" href="javascript:;">Interviews <i class="fa fa-chevron-down"></i></a> <div id="interviewsdropmenu" style="width:840px;display:none;position:absolute;z-index:999999999999;top:45px;background-color:#2d3853;-webkit-box-shadow: 0px 13px 15px -6px rgba(0,0,0,0.52);box-shadow: 0px 13px 15px -6px rgba(0,0,0,0.52);" > <div style="background-color:#2d3853;height:25px;"> </div> <div style="background-color:#3688cd;font-size:13px;padding:22px;padding-bottom:12px;padding-top:12px;text-align:left;">Latest Video, Audio, and uploaded Magazine Interviews</div> <div style="padding:22px;text-align:left;text-transform: none;"> <table width="100%"> <tr> <td width="400" style="text-align:left;text-transform: none;padding-bottom:11px;" valign="top"> <div>Magazine Interviews</div> <div style="margin-top:20px;"> <table cellspacing="0" cellpadding="0"> {{#interviews}} <tr> <td style="padding:8px;"> <div style="width:45px;height:45px;border-radius:4px;background-image:url({{image}});background-size:cover;"> </div> </td> <td style="padding:8px;text-align:left;font-size:15px;text-transform: none;padding-left:11px;font-weight:normal;line-height:1.2;"> <a href="/article/{{article_id}}/{{title_clean}}" style="font-size:14px">{{title}}</a> </td> </tr> {{/interviews}} </table> </div> <div style="margin-top:24px;"> <a href="/news/interviews/1" class="interviews-button-big-blue"><i class="fa fa-solid fa-clone"></i> Read more interviews</a> </div> </td> <td width="20"> </td> <td width="400" style="text-align:left;text-transform: none;padding-bottom:16px;" valign="top"> <div style="margin-bottom:20px;">Video / Audio Interviews</div> {{#videos}} <div class="interviews-video-area"> <table> <tr> <td width="150"><img src="https://cdn.bitmagazine.net/assets/images/videos/{{image}}" alt="{{company_name}}" class="interviews-menu-video-cover"></td> <td style="padding-left:16px;" valign="top"> <div class="interviews-menu-video-title"> {{title}} </div> <div style="margin-top:8px;"> <a href="/video/{{video_id}}/{{title_clean}}" class="interviews-button-small-blue"><i class="fa fa-solid fa-play"></i> Watch</a> <a href="/audio#{{video_id}}" class="interviews-button-small-blue"><i class="fa fa-solid fa-headphones"></i> Listen</a> </div> </td> </tr> </table> </div> {{/videos}} <div style="margin-top:30px;"> <a href="/videos/interviews" class="interviews-button-big-blue"><i class="fa fa-solid fa-play"></i> View all Videos</a> <a href="/audio" class="interviews-button-big-blue"><i class="fa fa-solid fa-headphones"></i> View all Audio</a> </div> </td> </tr> </table> </div> </div> </li> <li onclick="openVideosMenu();" onmouseover="openVideosMenu();" onmouseout="closeVideosMenu()"><a class="" href="javascript:;">Videos <i class="fa fa-chevron-down"></i></a> <ul id="videosdropmenu" style="display:none;position:absolute;z-index:999999999999;top:45px;background-color:#2d3853;padding:18px;margin-top:0px;padding-top:10px;padding-bottom:15px;-webkit-box-shadow: 0px 13px 15px -6px rgba(0,0,0,0.52);box-shadow: 0px 13px 15px -6px rgba(0,0,0,0.52);"> <li style="text-align:left;display:block;"><a class="" href="/videos/webinars" onmouseover="closeSubMenu()" style="padding-top:4px;padding-bottom:4px;">Webinars</a></li> <li style="text-align:left;display:block;"><a class="" href="/videos/interviews" onmouseover="closeSubMenu()" style="padding-top:4px;padding-bottom:4px;">Interviews</a></li> <li style="text-align:left;display:block;"><a class="" href="/videos/information" onmouseover="closeSubMenu()" style="padding-top:4px;padding-bottom:4px;">Information</a></li> </ul> </li> <li><a class="" href="/buyers-guide/companies" id="menu-option-buyers" onmouseover="closeSubMenu()" oncontextmenu="showContextTest()">Buyer's Guide</a></li> <li><a class="" href="/events" onmouseover="closeSubMenu()" >Events</a></li> <!-- <li><a href="https://bitmagazine.net/subscribe/?pub=7" target="_blank" onmouseover="closeSubMenu()" class="">Subscribe</a></li> --> <li style="margin-top:-2px;"><a class="" href="https://pic-international.net" target="_blank" onmouseover="closeSubMenu()"><img alt="Conference" src="https://angel-tech.net/storage/sites/59eff51cc1b3bea69e68a3fb5f4c09a0.png" style="width:100px;"></a></li> <li style="margin-top:-5px;"> <form> <input type="hidden" name="pub_id" value="7"> <input type="text" class="form-control" name="q" id="searchquery" placeholder="Search Articles" style="width:150px;margin-right:16px;"> <button name="search" style="display:none;" onclick="searchin()" mustache-template="search-results" hx-post="https://bitmagazine.net/news-api/" hx-trigger="click" hx-target="#main-page-contentx" hx-indicator=".htmx-indicator" hx-encoding="multipart/form-data" hx-include="[name='pub_id'],[name='q']" hx-headers='{"Accept":"application/json","Authorization":"Bearer jskdljKDFJKDJFgsklfjksdjflksjKSDSJFKJSDJF384737sujfhjs"}' class="form-control"> </button> </form> </li> </ul> </script> <script id="search-results" type="x-tmpl-mustache"> <div class="content-wrapper"> <div class="container-fluid"> <div class="row"> <div class="col-lg-2"> </div> <div class="col-lg-8 col-md-12 col-sm-12 col-xs-12 wider-main"> <div style="margin-bottom:25px;"> <div class="post single-post"> <div class="readable-post-area"> <div style="display:none;margin-bottom:24px;border:5px dotted #aaa;background-color:#f5f5f5;padding:16px;border-radius:11px;"> <div class="row"> <div class="col-lg-2"> <img src="https://data.angel.digital/images/companies/GTLogo_blue.png" width="100%"> </div> <div class="col-lg-10"> Greene Tweed is a Compound Semiconductor Corporate Partner.<br>Visit their website: <a href="https://gtweed.com" style=font-weight:bold;text-decoration:none;"" target="_blank">gtweed.com</a> </div> </div> </div> <div style="padding:24px;background-color:#f1f2f3;border-radius:11px;margin-bottom:24px;"> <h2>Search</h2> <p>Here you may search through our archive of News and Magazine articles. <form> <div class="row"> <div class="col-lg-10 col-md-10 col-sm-10 col-xs-12"> <input type="hidden" name="pub_id_search" value="{{pub_id}}"> <input type="text" class="form-control html-indicator2" name="qq" id="qq" value="{{query}}" style="line-height:30px;font-size:30px;height:60px;"> </div> <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12" id="search-block-button"> <input type="hidden" name="page" value="1"> <button name="search" id="search-button-main" onclick="searchini()" mustache-template="search-results" hx-post="https://bitmagazine.net/news-api/" hx-trigger="click" hx-target="#main-page-contentx" hx-indicator=".htmx-indicator2" hx-encoding="multipart/form-data" hx-include="[name='pub_id_search'],[name='qq'],[name='page']" hx-headers='{"Accept":"application/json","Authorization":"Bearer 8gOuozj1FpJ5s3l8HccWiHdtBvx6dQWhg"}' class="search-button"> Search </button> </div> <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12" id="search-block-loader" style="display:none;margin-top:14px;"> <img src="https://cdn.bitmagazine.net/assets/images/loader-blue-narrow.gif" width="100%"> </div> </div> </form> </div> <div style="border-bottom:1px dotted #aaa;padding-bottom:11px;margin-bottom:16px;"> <table width="100%"> <tr> <td style="padding-left:16px;">{{total}} Search Results for: <b>{{query}}</b></td> <td style="text-align:right;padding-right:16px;">Page: <b>{{page}}</b> of <b>{{totalpages}}</b></td> </tr> </table> </div> <div style="padding-left:16px;font-size:18px;margin-bottom:11px;{{fuzzy_style}}"> Perhaps you meant: <a mustache-template="search-results" style="cursor:pointer" hx-get="https://bitmagazine.net/news-api/?pub_id={{pub_id}}&page=1&fq={{fuzzy_word}}" hx-trigger="click" hx-target="#main-page-contentx" hx-indicator=".htmx-indicator2" hx-encoding="multipart/form-data" hx-headers='{"Accept":"application/json","Authorization":"Bearer 8gOuozj1FpJ5s3l8HccWiHdtBvx6dQWhg"}'>{{fuzzy_word}}</a> </div> <p style="font-size:18px;margin-bottom:11px;">{{message}}</p> <!-- <div style="margin-top:11px;margin-bottom:26px;" id="pagi"> {{#pagination}} <a mustache-template="search-results" class=" btn-paginationx {{current_class}}" hx-get="https://bitmagazine.net/news-api/?pub_id={{pub_id}}&q={{q}}&page={{page_count}}" hx-trigger="click" hx-target="#main-page-contentx">{{page_count}}</a> {{/pagination}} </div> --> <table cellpadding="0" cellspacing="0" width="100%"> {{#results}} <tr style=""> <td valign="top" width="20%" style="padding:16px;border-top-left-radius:16px;border-bottom-left-radius:16px;background-color:#eee;"><a href="{{url}}?{{query}}" target="_blank"><img src="{{image}}" width="100%" style="border-radius:8px;"></a></td> <td valign="top" style="padding:16px;padding-left:0px;background-color:#eee;border-top-right-radius:16px;border-bottom-right-radius:16px;"> <div style="margin-bottom:3px;" class="hihi"> <a href="{{url}}?{{query}}" style="font-size:18px;font-weight:bold;" target="_blank">{{title}}</a> </div> <div style="margin-bottom:3px;font-size:12px;"> {{date}} </div> <div class="hihi"> {{standfirst}} </div> <div style="margin-top:8px;"> <a href="{{cat_link}}" target="_blank" class="btn btn-sm " style="font-size:12px;background-color:#18171b;border:0px;font-weight:bold;color:#fff;text-decoration:none;padding-bottom:6px;">{{cat_name}}</a> </div> </td> </tr> <tr><td colspan="2"> </td></tr> {{/results}} </table> <hr> <div class="pagi"> {{#pagination}} <a mustache-template="search-results" href="#" class=" btn-paginationx {{current_class}}" hx-get="https://bitmagazine.net/news-api/?pub_id={{pub_id}}&q={{q}}&page={{page_count}}" hx-trigger="click" hx-target="#main-page-contentx">{{page_count}}</a> {{/pagination}} </div> <input type="hidden" id="total-pages" value="{{totalpages}}"> </div> </div> </div> </div> </div> </div> </div> </script> <div class="htmx-indicator">Loading...</div> <div id="main-page-contentx" style="padding-top:75px;"> <script> function filterVideos(filter){ if(filter=="all"){ $(".videobox").show(); } else { $(".videobox").hide(); var selecting = "."+filter; console.log(selecting); $(selecting).show(); } } </script> <style> .filter-button{ padding:11px;padding-top:5px;padding-bottom:5px;color:#fff !important;background-color:#0061af;font-family:arial;text-decoration:none; } .filter-button:hover{ background-color: #4592cf; } .filter-button:focus{ background-color: #4592cf; } </style> <div class="content-wrapper"> <div class="container-fluid"> <!-- <div class="row"> <div class="col-lg-8 col-md-8 col-sm-8 " id="b-2"> </div> <div class="col-lg-4 col-md-4 col-sm-4" id="b-15"> </div> </div> --> <div style="" id="default-top-bar"> <div class="row"> <div class="col-lg-9 col-md-9 col-sm-9 " style="margin-bottom:8px;" id="b-2"> </div> <div class="col-lg-3 col-md-3 col-sm-3" id="b-15"> </div> </div> </div> <div style="" id="mobile-top-bar"> <div class="container"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="" id="b-3"> </div> </div> <div class="row" style="margin-top: 16px;"> <div class="col-lg-12 col-md-12 col-sm-12 col-12" id="b-15-copy" style="margin-bottom:16px;"> </div> <!-- <div class="col-lg-6 col-md-6 col-sm-6 col-6" id="b-22-copy" style="margin-bottom:16px;"> </div> --> </div> </div> </div> <div class="row"> <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 wider-main" id="mainer" style="background-color:#fff;padding:16px;"> <span id="pod-top"></span> <h1>Podcasts</h1> <!-- <div style="margin-top:16px;margin-bottom:16px;"> <a href="/video-collection/1"><img src="https://cdn.bitmagazine.net/assets/images/semicon-europa-info-banner.jpg" width="100%"></a> </div> --> <div style="margin-bottom:25px;" class="row"> <div class="col-lg-12"> <div style="margin-bottom:12px;border-radius:8px;background-color:#0061af;padding:16px;color:#fff;font-size:28px;"> <span id="latest-or-selected">Latest</span> Interview </div> <div style="border:1px solid #afafaf;border-radius:8px;padding:11px;background-color:#eee;margin-bottom:1px;"> <table> <tr> <td width="200" height="200" style="padding:20px;background-color:#fff;border-radius:6px;"> <img src="https://cdn.bitmagazine.net/assets/images/company_logos/Logo_Site_Polariton.png" id="audio-logo" alt="Polariton" width="160"> </td> <td> <table> <tr> <td style="padding-left:24px;padding-bottom:24px;"> <span style="font-weight:bold;" id="audio-title"> Record-breaking bandwidth of 1.1 THz for plasmonic modulators </span> <br> <span style="font-size:11px;" id="audio-description"> Stephan Koch from Polariton, a Swiss designer and manufacturer of high-performance PICs discusses the company's recent achievement of record bandwidth beyond 1 THz using state-of-the-art plasmonic modulators, and the benefits of this technology for datacentres, 6G networks, and ultra-broadband applications in wireless communication, sensing, and more. </span> </td> </tr> <tr> <td style="padding-left:24px;"> <audio src="https://angel.video/audio/audio-878.mp3" id="audio"></audio> </td> </tr> <tr> <td style="padding-left:24px;"> <div class="row d-flex align-items-center"> <div class="col-2 mb-3 col-md-1 mb-md-0 order-md-1"> <button class="btn btn-primary btn-lg" id="play-pause"><i class="fas fa-play"></i></button> </div> <div class="col-10 mb-3 col-md-6 mb-md-0 order-md-3" style="padding-top:9px;padding-left:24px;"> <input class="form-range" type="range" id="duration-bar" value="0"> </div> <div class="col-6 col-md-2 order-md-2" style="padding-top:9px;font-size:11px;"> <span id="time-elapsed">0:00</span> / <span id="total-time">0:00</span> </div> <div class="col-2 col-md-1 order-md-4"> <button class="btn btn-default btn-lg" id="mute"><i class="fas fa-volume-up"></i></button> </div> <div class="col-4 col-md-2 order-md-5" style="padding-top:9px;"> <input class="form-range" type="range" id="volume-bar" value="100"> </div> </div> </td> </tr> </table> </td> </tr> </table> <input type="hidden" id="start_video_id" value="610"> </div> </div> </div> <div style="margin-bottom:25px;" class="row"> <div class="col-lg-12"> <div style="margin-bottom:12px;border-radius:8px;background-color:#0061af;padding:16px;color:#fff;font-size:28px;"> Recent Interviews </div> <div> <div style="border:1px solid #afafaf;border-radius:8px;padding:11px;background-color:#eee;margin-bottom:12px;display:none;" id="audio_item_610" class="audio-item"> <table cellpadding="8" width="100%"> <tr> <td width="75" style="padding:20px;background-color:#080d1c;border-radius:6px;text-align: center;"> <a href="/audio#610" class="btn btn-primary btn-lg playplay" data-video_id="610" data-title="Record-breaking bandwidth of 1.1 THz for plasmonic modulators" data-logo="Logo_Site_Polariton.png" data-id="610" data-details="U3RlcGhhbiBLb2NoIGZyb20gUG9sYXJpdG9uLCBhIFN3aXNzIGRlc2lnbmVyIGFuZCBtYW51ZmFjdHVyZXIgb2YgaGlnaC1wZXJmb3JtYW5jZSBQSUNzIGRpc2N1c3NlcyB0aGUgY29tcGFueSdzIHJlY2VudCBhY2hpZXZlbWVudCBvZiByZWNvcmQgYmFuZHdpZHRoIGJleW9uZCAxIFRIeiB1c2luZyBzdGF0ZS1vZi10aGUtYXJ0IHBsYXNtb25pYyBtb2R1bGF0b3JzLCBhbmQgdGhlIGJlbmVmaXRzIG9mIHRoaXMgdGVjaG5vbG9neSBmb3IgZGF0YWNlbnRyZXMsIDZHIG5ldHdvcmtzLCBhbmQgdWx0cmEtYnJvYWRiYW5kIGFwcGxpY2F0aW9ucyBpbiB3aXJlbGVzcyBjb21tdW5pY2F0aW9uLCBzZW5zaW5nLCBhbmQgbW9yZS4=" data-mp3="audio-878.mp3" title="Play/Pause" id="play-pause-610"><i class="fas fa-play"></i></a> <!-- <br><br> <a href="https://angel.video/audio/audio-878.mp3" target="_blank" download="Record-breaking bandwidth of 1.1 THz for plasmonic modulators.mp3"><i class="fa fa-arrow-alt-circle-down" style="color:#fff" title="Download"></i></a> <a href="javascript:;" data-title="Record-breaking bandwidth of 1.1 THz for plasmonic modulators" data-logo="Logo_Site_Polariton.png" data-id="610" data-details="U3RlcGhhbiBLb2NoIGZyb20gUG9sYXJpdG9uLCBhIFN3aXNzIGRlc2lnbmVyIGFuZCBtYW51ZmFjdHVyZXIgb2YgaGlnaC1wZXJmb3JtYW5jZSBQSUNzIGRpc2N1c3NlcyB0aGUgY29tcGFueSdzIHJlY2VudCBhY2hpZXZlbWVudCBvZiByZWNvcmQgYmFuZHdpZHRoIGJleW9uZCAxIFRIeiB1c2luZyBzdGF0ZS1vZi10aGUtYXJ0IHBsYXNtb25pYyBtb2R1bGF0b3JzLCBhbmQgdGhlIGJlbmVmaXRzIG9mIHRoaXMgdGVjaG5vbG9neSBmb3IgZGF0YWNlbnRyZXMsIDZHIG5ldHdvcmtzLCBhbmQgdWx0cmEtYnJvYWRiYW5kIGFwcGxpY2F0aW9ucyBpbiB3aXJlbGVzcyBjb21tdW5pY2F0aW9uLCBzZW5zaW5nLCBhbmQgbW9yZS4=" data-mp3="audio-878.mp3" title="Play/Pause" id="play-popup-610"><i class="fa fa-external-link-square-alt" style="color:#fff" title="Open in popup player"></i></a> --> </td> <td style="padding-left:16px;padding-right:16px;line-height:1.2;"> <span style="font-weight:bold;">Record-breaking bandwidth of 1.1 THz for plasmonic modulators </span> <br> <span style="font-size:11px;"> Stephan Koch from Polariton, a Swiss designer and manufacturer of high-performance PICs discusses the company's recent achievement of record bandwidth beyond 1 THz using state-of-the-art plasmonic modulators, and the benefits of this technology for datacentres, 6G networks, and ultra-broadband applications in wireless communication, sensing, and more. </span> </td> <td width="160" style="padding:20px;background-color:#fff;border-radius:6px;"> <img src="https://cdn.bitmagazine.net/assets/images/company_logos/Logo_Site_Polariton.png" width="160"> </td> </tr> </table> </div> <div style="border:1px solid #afafaf;border-radius:8px;padding:11px;background-color:#eee;margin-bottom:12px;" id="audio_item_567" class="audio-item"> <table cellpadding="8" width="100%"> <tr> <td width="75" style="padding:20px;background-color:#080d1c;border-radius:6px;text-align: center;"> <a href="/audio#567" class="btn btn-primary btn-lg playplay" data-video_id="567" data-title="Photonic processor promises 30x energy efficiency improvements" data-logo="qant-logo.png" data-id="567" data-details="RHIuIE1pY2hhZWwgRsO2cnRzY2gsIENFTyBvZiBRLkFOVCwgZGlzY3Vzc2VzIHRoZSBjb21wYW55J3MgZmlyc3QgY29tbWVyY2lhbCBwcm9kdWN0IC0gYSBwaG90b25pY3MtYmFzZWQgTmF0aXZlIFByb2Nlc3NpbmcgVW5pdCAoTlBVKSBidWlsdCBvbiB0aGUgaXRzIGNvbXB1dGUgYXJjaGl0ZWN0dXJlIExFTkEgLSBMaWdodCBFbXBvd2VyZWQgTmF0aXZlIEFyaXRobWV0aWNzLiBUaGUgUS5BTlQgTlBVIGV4ZWN1dGVzIGNvbXBsZXgsIG5vbi1saW5lYXIgbWF0aGVtYXRpY3MgbmF0aXZlbHkgdXNpbmcgbGlnaHQgaW5zdGVhZCBvZiBlbGVjdHJvbnMsIHByb21pc2luZyB0byBkZWxpdmVyIGF0IGxlYXN0IDMwIHRpbWVzIGdyZWF0ZXIgZW5lcmd5IGVmZmljaWVuY3kgYW5kIHNpZ25pZmljYW50IGNvbXB1dGF0aW9uYWwgc3BlZWQgaW1wcm92ZW1lbnRzIG92ZXIgdHJhZGl0aW9uYWwgQ01PUyB0ZWNobm9sb2d5LiA=" data-mp3="audio-781.mp3" title="Play/Pause" id="play-pause-567"><i class="fas fa-play"></i></a> <!-- <br><br> <a href="https://angel.video/audio/audio-781.mp3" target="_blank" download="Photonic processor promises 30x energy efficiency improvements.mp3"><i class="fa fa-arrow-alt-circle-down" style="color:#fff" title="Download"></i></a> <a href="javascript:;" data-title="Photonic processor promises 30x energy efficiency improvements" data-logo="qant-logo.png" data-id="567" data-details="RHIuIE1pY2hhZWwgRsO2cnRzY2gsIENFTyBvZiBRLkFOVCwgZGlzY3Vzc2VzIHRoZSBjb21wYW55J3MgZmlyc3QgY29tbWVyY2lhbCBwcm9kdWN0IC0gYSBwaG90b25pY3MtYmFzZWQgTmF0aXZlIFByb2Nlc3NpbmcgVW5pdCAoTlBVKSBidWlsdCBvbiB0aGUgaXRzIGNvbXB1dGUgYXJjaGl0ZWN0dXJlIExFTkEgLSBMaWdodCBFbXBvd2VyZWQgTmF0aXZlIEFyaXRobWV0aWNzLiBUaGUgUS5BTlQgTlBVIGV4ZWN1dGVzIGNvbXBsZXgsIG5vbi1saW5lYXIgbWF0aGVtYXRpY3MgbmF0aXZlbHkgdXNpbmcgbGlnaHQgaW5zdGVhZCBvZiBlbGVjdHJvbnMsIHByb21pc2luZyB0byBkZWxpdmVyIGF0IGxlYXN0IDMwIHRpbWVzIGdyZWF0ZXIgZW5lcmd5IGVmZmljaWVuY3kgYW5kIHNpZ25pZmljYW50IGNvbXB1dGF0aW9uYWwgc3BlZWQgaW1wcm92ZW1lbnRzIG92ZXIgdHJhZGl0aW9uYWwgQ01PUyB0ZWNobm9sb2d5LiA=" data-mp3="audio-781.mp3" title="Play/Pause" id="play-popup-567"><i class="fa fa-external-link-square-alt" style="color:#fff" title="Open in popup player"></i></a> --> </td> <td style="padding-left:16px;padding-right:16px;line-height:1.2;"> <span style="font-weight:bold;">Photonic processor promises 30x energy efficiency improvements </span> <br> <span style="font-size:11px;"> Dr. Michael Förtsch, CEO of Q.ANT, discusses the company's first commercial product - a photonics-based Native Processing Unit (NPU) built on the its compute architecture LENA - Light Empowered Native Arithmetics. The Q.ANT NPU executes complex, non-linear mathematics natively using light instead of electrons, promising to deliver at least 30 times greater energy efficiency and significant computational speed improvements over traditional CMOS technology. </span> </td> <td width="160" style="padding:20px;background-color:#fff;border-radius:6px;"> <img src="https://cdn.bitmagazine.net/assets/images/company_logos/qant-logo.png" width="160"> </td> </tr> </table> </div> <div style="border:1px solid #afafaf;border-radius:8px;padding:11px;background-color:#eee;margin-bottom:12px;" id="audio_item_533" class="audio-item"> <table cellpadding="8" width="100%"> <tr> <td width="75" style="padding:20px;background-color:#080d1c;border-radius:6px;text-align: center;"> <a href="/audio#533" class="btn btn-primary btn-lg playplay" data-video_id="533" data-title="POET Technologies plans to ‘semiconductorise’ photonics" data-logo="poet-on-dark.png" data-id="533" data-details="RHIuIFN1cmVzaCBWZW5rYXRlc2FuLCBDaGFpcm1hbiBhbmQgQ0VPLCBQT0VUIFRlY2hub2xvZ2llcywgc2hhcmVzIHRoZSBjb21wYW554oCZcyB2aXNpb24gdG8gc2VtaWNvbmR1Y3RvcmlzZSBwaG90b25pY3MgYnkgaW50ZWdyYXRpbmcgZWxlY3Ryb25pYyBhbmQgcGhvdG9uaWMgY29tcG9uZW50cyBvbiB0aGUgUE9FVCBvcHRpY2FsIGludGVycG9zZXIgdG8gZW5hYmxlIHdhZmVyLXNjYWxlIGFzc2VtYmx5IOKAkyBoaWdoIHZvbHVtZXMgYXQgYSBtdWNoIGZhc3RlciBwYWNlIGFuZCBpbiBhIGNvc3QtZWZmaWNpZW50IG1hbm5lci4gU3VyZXNoIGV4cGxhaW5zIHRoZSBpbm5vdmF0aXZlIGFuZCBzY2FsYWJsZSBwbGF0Zm9ybSBzb2x1dGlvbiB0aGF0IFBPRVQgaGFzIGRldmVsb3BlZCB3aXRoIGEgcGFydGljdWxhciBmb2N1cyBvbiB0aGUgcm9sZSBpbnRlcmNvbm5lY3QgdGVjaG5vbG9neSBpcyBwbGF5aW5nIHRvIG1lZXQgdGhlIGdyb3dpbmcgZGVtYW5kIG9mIEFJIGluIHRoZSBkYXRhIGNlbnRyZS4=" data-mp3="audio-678.mp3" title="Play/Pause" id="play-pause-533"><i class="fas fa-play"></i></a> <!-- <br><br> <a href="https://angel.video/audio/audio-678.mp3" target="_blank" download="POET Technologies plans to ‘semiconductorise’ photonics.mp3"><i class="fa fa-arrow-alt-circle-down" style="color:#fff" title="Download"></i></a> <a href="javascript:;" data-title="POET Technologies plans to ‘semiconductorise’ photonics" data-logo="poet-on-dark.png" data-id="533" data-details="RHIuIFN1cmVzaCBWZW5rYXRlc2FuLCBDaGFpcm1hbiBhbmQgQ0VPLCBQT0VUIFRlY2hub2xvZ2llcywgc2hhcmVzIHRoZSBjb21wYW554oCZcyB2aXNpb24gdG8gc2VtaWNvbmR1Y3RvcmlzZSBwaG90b25pY3MgYnkgaW50ZWdyYXRpbmcgZWxlY3Ryb25pYyBhbmQgcGhvdG9uaWMgY29tcG9uZW50cyBvbiB0aGUgUE9FVCBvcHRpY2FsIGludGVycG9zZXIgdG8gZW5hYmxlIHdhZmVyLXNjYWxlIGFzc2VtYmx5IOKAkyBoaWdoIHZvbHVtZXMgYXQgYSBtdWNoIGZhc3RlciBwYWNlIGFuZCBpbiBhIGNvc3QtZWZmaWNpZW50IG1hbm5lci4gU3VyZXNoIGV4cGxhaW5zIHRoZSBpbm5vdmF0aXZlIGFuZCBzY2FsYWJsZSBwbGF0Zm9ybSBzb2x1dGlvbiB0aGF0IFBPRVQgaGFzIGRldmVsb3BlZCB3aXRoIGEgcGFydGljdWxhciBmb2N1cyBvbiB0aGUgcm9sZSBpbnRlcmNvbm5lY3QgdGVjaG5vbG9neSBpcyBwbGF5aW5nIHRvIG1lZXQgdGhlIGdyb3dpbmcgZGVtYW5kIG9mIEFJIGluIHRoZSBkYXRhIGNlbnRyZS4=" data-mp3="audio-678.mp3" title="Play/Pause" id="play-popup-533"><i class="fa fa-external-link-square-alt" style="color:#fff" title="Open in popup player"></i></a> --> </td> <td style="padding-left:16px;padding-right:16px;line-height:1.2;"> <span style="font-weight:bold;">POET Technologies plans to ‘semiconductorise’ photonics </span> <br> <span style="font-size:11px;"> Dr. Suresh Venkatesan, Chairman and CEO, POET Technologies, shares the company’s vision to semiconductorise photonics by integrating electronic and photonic components on the POET optical interposer to enable wafer-scale assembly – high volumes at a much faster pace and in a cost-efficient manner. Suresh explains the innovative and scalable platform solution that POET has developed with a particular focus on the role interconnect technology is playing to meet the growing demand of AI in the data centre. </span> </td> <td width="160" style="padding:20px;background-color:#fff;border-radius:6px;"> <img src="https://cdn.bitmagazine.net/assets/images/company_logos/poet-on-dark.png" width="160"> </td> </tr> </table> </div> <div style="border:1px solid #afafaf;border-radius:8px;padding:11px;background-color:#eee;margin-bottom:12px;" id="audio_item_511" class="audio-item"> <table cellpadding="8" width="100%"> <tr> <td width="75" style="padding:20px;background-color:#080d1c;border-radius:6px;text-align: center;"> <a href="/audio#511" class="btn btn-primary btn-lg playplay" data-video_id="511" data-title="Accelerating the photonic chip market in North America" data-logo="photon-delta-on-light.jpg" data-id="511" data-details="Sm9ybiBTbWVldHMsIE1hbmFnaW5nIERpcmVjdG9yIE5vcnRoIEFtZXJpY2EgYXQgUGhvdG9uRGVsdGEsIHRoZSBEdXRjaCBwaG90b2luaWMgY2hpcCBhY2NlbGVyYXRvciwgZXhwbGFpbnMgdGhlIHJlYXNvbnMgYmVoaW5kIHRoZSBvcGVuaW5nIG9mIGEgbmV3IFNhbiBGcmFuY2lzby1iYXNlZCBOb3J0aCBBbWVyaWNhIG9mZmljZSwgYXMgcGFydCBvZiBhbiBvbmdvaW5nIHN0cmF0ZWd5IHRvIGhlbHAgZ3JvdyB0aGUgZ2xvYmFsIHBob3RvbmljIGNoaXAsIG9yIFBJQywgaW5kdXN0cnkuIEpvcm4gc2hhcmVzIGhpcyB0aG91Z2h0cyBhcyB0byBob3cgY29sbGFib3JhdGlvbiBiZXR3ZWVuIEV1cm9wZSBhbmQgdGhlIFVTIHdpbGwgaGVscCB0byBkZXZlbG9wIGEgdW5pZmllZCBwaG90b25pYyBjaGlwIGluZHVzdHJ5LCBiZXN0IHBsYWNlZCB0byBtZWV0IHRoZSBjaGFsbGVuZ2VzIGFuZCBvcHBvcnR1bml0aWVzIHdoaWNoIGxpZSBhaGVhZCBhY3Jvc3MgbWFueSBhcHBsaWNhdGlvbnMsIHdpdGggdGhlIGluZHVzdHJ5IHByZWRpY3RlZCB0byByZWFjaCBhICQzMCBiaWxsaW9uIHZhbHVlIGJ5IDIwMzAu" data-mp3="audio-631.mp3" title="Play/Pause" id="play-pause-511"><i class="fas fa-play"></i></a> <!-- <br><br> <a href="https://angel.video/audio/audio-631.mp3" target="_blank" download="Accelerating the photonic chip market in North America.mp3"><i class="fa fa-arrow-alt-circle-down" style="color:#fff" title="Download"></i></a> <a href="javascript:;" data-title="Accelerating the photonic chip market in North America" data-logo="photon-delta-on-light.jpg" data-id="511" data-details="Sm9ybiBTbWVldHMsIE1hbmFnaW5nIERpcmVjdG9yIE5vcnRoIEFtZXJpY2EgYXQgUGhvdG9uRGVsdGEsIHRoZSBEdXRjaCBwaG90b2luaWMgY2hpcCBhY2NlbGVyYXRvciwgZXhwbGFpbnMgdGhlIHJlYXNvbnMgYmVoaW5kIHRoZSBvcGVuaW5nIG9mIGEgbmV3IFNhbiBGcmFuY2lzby1iYXNlZCBOb3J0aCBBbWVyaWNhIG9mZmljZSwgYXMgcGFydCBvZiBhbiBvbmdvaW5nIHN0cmF0ZWd5IHRvIGhlbHAgZ3JvdyB0aGUgZ2xvYmFsIHBob3RvbmljIGNoaXAsIG9yIFBJQywgaW5kdXN0cnkuIEpvcm4gc2hhcmVzIGhpcyB0aG91Z2h0cyBhcyB0byBob3cgY29sbGFib3JhdGlvbiBiZXR3ZWVuIEV1cm9wZSBhbmQgdGhlIFVTIHdpbGwgaGVscCB0byBkZXZlbG9wIGEgdW5pZmllZCBwaG90b25pYyBjaGlwIGluZHVzdHJ5LCBiZXN0IHBsYWNlZCB0byBtZWV0IHRoZSBjaGFsbGVuZ2VzIGFuZCBvcHBvcnR1bml0aWVzIHdoaWNoIGxpZSBhaGVhZCBhY3Jvc3MgbWFueSBhcHBsaWNhdGlvbnMsIHdpdGggdGhlIGluZHVzdHJ5IHByZWRpY3RlZCB0byByZWFjaCBhICQzMCBiaWxsaW9uIHZhbHVlIGJ5IDIwMzAu" data-mp3="audio-631.mp3" title="Play/Pause" id="play-popup-511"><i class="fa fa-external-link-square-alt" style="color:#fff" title="Open in popup player"></i></a> --> </td> <td style="padding-left:16px;padding-right:16px;line-height:1.2;"> <span style="font-weight:bold;">Accelerating the photonic chip market in North America </span> <br> <span style="font-size:11px;"> Jorn Smeets, Managing Director North America at PhotonDelta, the Dutch photoinic chip accelerator, explains the reasons behind the opening of a new San Franciso-based North America office, as part of an ongoing strategy to help grow the global photonic chip, or PIC, industry. Jorn shares his thoughts as to how collaboration between Europe and the US will help to develop a unified photonic chip industry, best placed to meet the challenges and opportunities which lie ahead across many applications, with the industry predicted to reach a $30 billion value by 2030. </span> </td> <td width="160" style="padding:20px;background-color:#fff;border-radius:6px;"> <img src="https://cdn.bitmagazine.net/assets/images/company_logos/photon-delta-on-light.jpg" width="160"> </td> </tr> </table> </div> </div> <div id="paginational"> <!-- <ul> <li><a class="paggi selected" href="#">1</a></li> <li><a class="paggi" href="#">2</a></li> <li><a class="paggi" href="#">3</a></li> <li><a class="paggi" href="#">4</a></li> <li><a class="paggi" href="#">5</a></li> </ul> --> </div> </div> </div> </div> <style> #paginational{ padding-top:24px; } #paginational ul li { display:inline-block; margin-right:6px; } .paggi{ padding:6px; padding-left:11px; padding-right:11px; border-radius:5px; background-color:#0061af; color:#fff; text-decoration: none; font-weight:bold; } .paggi:hover{ background-color:#308ad3; color:#fff; } .paggi.selected{ background-color:#a5a8aa; color:#0061af; } </style> <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12" id="sider"> <div class="card__post__list" style="margin-top:1px;" id="b-20"> </div> <div class="card__post__list" style="margin-top:30px;" id="b-21"> </div> <div class="row" style="margin-top:30px;" > <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="b-4" > </div> </div> <div class="row" style="margin-top:30px;"> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" id="b-5"> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" id="b-6"> </div> </div> <div class="row" style="margin-top:30px;" > <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="b-7" > </div> </div> <div class="row" style="margin-top:30px;"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 " id="b-8"> </div> </div> <div class="row" style="margin-top:30px;"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 " id="b-9"> </div> </div> <div class="row" style="margin-top:30px;"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 " id="b-10"> </div> </div> <div class="row" style="margin-top:30px;"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 " id="b-11"> </div> </div> <div class="row" style="margin-top:30px;"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 " id="b-12"> </div> </div> <div class="row" style="margin-top:30px;"> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6" id="b-13"> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6" id="b-14"> </div> </div> <div class="row" style="margin-top:30px;"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 " id="b-17"> </div> </div> <div class="row" style="margin-top:30px;"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 " id="b-18"> </div> </div> </div> </div> </div> </div> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"> <script> $(function() { // load the clinet b4nn3r images $.ajax({ url: "/json/b.json", cache: false, success: function (data) { var countings = 1; for (var i = 0; i < data.length; i++) { var target = "#b-"+countings; $(target).html("<a href='"+ data[i].url +"' target='_blank'><img src='"+ data[i].image +"' width='100%' style='border:1px solid #ccc;'></a>"); if(target=="#b-15"){ $("#b-15-copy").html("<a href='"+ data[14].url +"' target='_blank'><img src='"+ data[14].image +"' title='"+ data[14].id +"' width='100%' style='border:1px solid #ccc;'></a>"); } countings++; } // end for loop var targetx = "#b-233"; $(targetx).html("<div onclick=\"closeFloorBannerCookie()\" class=\"floor-bar-new\">x</div><a href='"+ data[21].url +"' target='_blank'><img src='"+ data[21].image +"' width='100%' style='border:1px solid #ccc;'></a>"); var targetx = "#b-23"; $(targetx).html("<a href='"+ data[21].url +"' target='_blank'><img src='"+ data[21].image +"' width='100%' style='border:1px solid #ccc;'></a>"); } }); }); </script> <script src="https://cdn.bitmagazine.net/assets/js/mikepush.js"></script> <script> // Audio scripts audio = document.getElementById('audio'); playPause = document.getElementById('play-pause'); timeElapsed = document.getElementById('time-elapsed'); totalTime = document.getElementById('total-time'); durationBar = document.getElementById('duration-bar'); mute = document.getElementById('mute'); volumeBar = document.getElementById('volume-bar'); audio.ondurationchange = function() { totalTime.innerHTML = getMinsSeconds(audio.duration); userVolume = audio.volume; } playPause.onclick = function() { if (audio.paused) { audio.play(); } else { audio.pause(); } }; audio.onplay = function() { playPause.innerHTML = '<i class="fas fa-pause"></i>'; }; audio.onpause = function() { playPause.innerHTML = '<i class="fas fa-play"></i>'; }; audio.ontimeupdate = function() { timeElapsed.innerHTML = getMinsSeconds(audio.currentTime); durationBar.value = Math.floor((audio.currentTime / audio.duration) * 100); }; function getMinsSeconds(seconds) { mins = Math.floor(seconds / 60); secs = Math.floor(seconds - mins * 60); if (secs < 10) { secs = '0' + secs; } return mins + ':' + secs; } durationBar.oninput = function() { audio.currentTime = (durationBar.value * audio.duration) / 100; } mute.onclick = function() { if (audio.volume > 0.0) { userVolume = audio.volume; audio.volume = 0.0; } else { audio.volume = userVolume; } }; audio.onvolumechange = function() { if (audio.volume === 0.0) { mute.innerHTML = '<i class="fas fa-volume-mute"></i>'; } else if (audio.volume < 0.5) { mute.innerHTML = '<i class="fas fa-volume-down"></i>'; } else { mute.innerHTML = '<i class="fas fa-volume-up"></i>'; } volumeBar.value = audio.volume * 100; }; volumeBar.oninput = function() { audio.volume = volumeBar.value / 100; } /* new extras for assigning the live/chosen audio */ $(".playplay").click(function() { audio.pause(); timeElapsed.innerHTML = "0:00"; playPause.innerHTML = '<i class="fas fa-pause"></i>'; var title = $(this).data("title"); var mp3 = $(this).data("mp3"); var logo = $(this).data("logo"); var details = $(this).data("details"); var description = atob(details); var mp3path = "https://angel.video/audio/"+mp3; var logopath = "https://cdn.bitmagazine.net/assets/images/company_logos/"+logo; $("#audio").attr("src",mp3path); $("#audio-logo").attr("src",logopath); $("#audio-title").html(title); $("#audio-description").html(description); $('html, body').animate({ scrollTop: $("#pod-top").offset().top }, 1000); // audio.play(); $("#latest-or-selected").html("Selected"); }); $(".poppy").click(function() { audio.pause(); timeElapsed.innerHTML = "0:00"; playPause.innerHTML = '<i class="fas fa-play"></i>'; var title = $(this).data("title"); var mp3 = $(this).data("mp3"); var logo = $(this).data("logo"); var details = $(this).data("details"); var description = atob(details); var mp3path = "https://angel.video/audio/"+mp3; var logopath = "https://cdn.bitmagazine.net/assets/images/company_logos/"+logo; // $("#audio").attr("src",mp3path); // $("#audio-logo").attr("src",logopath); // $("#audio-title").html(title); // $("#audio-description").html(description); // $('html, body').animate({ // scrollTop: $("#pod-top").offset().top // }, 1000); // audio.play(); // $("#latest-or-selected").html("Selected"); }); // dev popup test not relevant. the popup has to comme from data-attributes let popupWindow = null; function transferAudioToPopup() { const audioPlayer = document.getElementById('audio'); // Ensure the audio source is valid if (!audioPlayer.src) { console.error('No audio source found.'); return; } // Get the current playback state const currentTime = audioPlayer.currentTime; const isPlaying = !audioPlayer.paused; console.log('Audio Source:', audioPlayer.src); console.log('Current Time:', currentTime); console.log('Is Playing:', isPlaying); // Open the popup window const popupWindow = window.open( '/player/play.html', 'AudioPopup', 'width=400,height=600' ); // Wait for the popup to load and then send audio state popupWindow.onload = () => { console.log('Popup loaded.'); popupWindow.initAudioPlayer({ src: audioPlayer.src, // Use the src directly currentTime, isPlaying }); // Pause the main audio player audioPlayer.pause(); }; // Handle case where popup fails to load if (!popupWindow) { console.error('Failed to open popup window. Check for popup blockers.'); } } // no longer used but does work function checkisplaying() { var audioPlayer = document.getElementById('audio'); // Ensure the audio source is valid if (!audioPlayer.src) { console.error('No audio source found.'); return; } // Get the current playback state var isPlaying = !audioPlayer.paused; console.log("playing: "+isPlaying) if(isPlaying){ return 'Audio will continue in the popup.'; } } // check for page exit and show confirm box if the player is currently playing window.addEventListener("beforeunload", function (e) { var confirmationMessage = 'Leaving the page will stop the audio from playing.'; var audioPlayer = document.getElementById('audio'); if (!audioPlayer.src) { console.error('No audio source found.'); return; } var isPlaying = !audioPlayer.paused; if(isPlaying){ (e || window.event).returnValue = confirmationMessage; return confirmationMessage; } }); // read selected audio file $(function() { // on load version var url = window.location.href; if(window.location.hash) { var audio_id = window.location.hash.substring(1); var audio_find = "play-pause-"+audio_id; console.log("CHECK Load: "+audio_id); getButtonData(audio_find); } // on button press version playplay $("body").on("click",".playplay",function(){ var video_id_click = $(this).attr("data-video_id"); console.log("CHECK Click: "+video_id_click); var id_click = "play-pause-"+video_id_click; getButtonData(id_click); }); }); function getButtonData(audio_find) { // Get the button element by ID const button = document.getElementById(audio_find); // Check if the button exists if (!button) { console.error(`Audio with ID "${audio_find}" not found.`); return null; } var video_id = button.dataset.video_id; var title = button.dataset.title; var mp3 = button.dataset.mp3; var logo = button.dataset.logo; var details = button.dataset.details; var description = atob(details); var mp3path = "https://angel.video/audio/"+mp3; var logopath = "https://cdn.bitmagazine.net/assets/images/company_logos/"+logo; $("#audio").attr("src",mp3path); $("#audio-logo").attr("src",logopath); $("#audio-title").html(title); $("#audio-description").html(description); $("#latest-or-selected").html("Selected"); $("#start_video_id").val(video_id); // audio.play(); // maybe not auto play // show all $(".audio-item").show(); // hide the selected one var hider = "#audio_item_"+video_id; $(hider).hide(); $("#play-pause").html("<i class='fas fa-play'>"); } </script> </div> <!-- main-page-content --> <!-- <form> <input type="hidden" name="pub_id" value="7"> <input type="text" class="form-control" name="q" id="q"> <button name="search" mustache-template="search-results" hx-get="https://bitmagazine.net/news-api" hx-trigger="click" hx-target="#main-page-contentx" hx-indicator=".htmx-indicator" hx-encoding="multipart/form-data" hx-include="[name='pub_id'],[name='q']" hx-headers='{"Accept":"application/json","Authorization":"Bearer 8g5s3l8HccWOuozj1FpJDvRfhIGyamjW0yC4KZzTBxPgcbzj0BpMqsaQfrAwoT3PRw2Sc0VCnIlFbVtMdYOWY43IGTcWDNkZYnPwCYQDpvUGTtQZdeNiHdtBvx6dQWhg"}' class="form-control"> Search </button> </form> --> <!-- htmx --> <div id="cp-footer"> </div> <!-- buyers guide footer --> </div> </div> <footer id="footer" style="background-color:#313845" > <div class="container-fluid" style="padding-bottom:0px;padding-top:0px;"> <div class="row" style="padding-bottom:0px;padding-top:0px;"> <div class="col-lg-12" style="padding-bottom:0px;padding-top:0px;"> <div class="widgets-area" style="padding-bottom:33px;padding-top:0px;"> <div class="row"> <div class="col-md-2 col-sm-2 "> <h3 class="sister-title" style="margin-bottom:11px;padding-bottom:11px;color:#fff;">Navigation</h3> <ul id="footer-navigation"> <!-- <li><a href="/home">Home</a></li> --> <li><a href="/news/list/1">News</a></li> <li><a href="/magazine">Magazine</a></li> <li><a href="/videos">Videos</a></li> <li><a href="/buyers-guide/companies">Partners</a></li> <li><a href="/advertise">Advertise</a></li> <li><a href="https://bitmagazine.net/subscribe/?pub=7">Subscribe</a></li> <li><a href="/contact">Contacts</a></li> <!-- <li><a class="sub" href="/reading-list" >My Reading List</a></li> <li><a class="bob" href="javascript:;" onclick="openSearch()">Search</a></li> --> </ul> </div> <div class="col-md-4 col-sm-4 "> <h3 class="sister-title" style="margin-bottom:11px;padding-bottom:11px;color:#fff;">Our magazines</h3> <ul id="footer-magazines"> <li><a href="https://compoundsemiconductor.net/home" target="_blank">Compound Semiconductor</a></li> <li><a href="https://siliconsemiconductor.net/home" target="_blank">Silicon Semiconductor</a></li> <li><a href="https://picmagazine.net/home" target="_blank">PIC Magazine</a></li> <li><a href="https://powerelectronicsworld.net/home" target="_blank">Power Electronics World</a></li> <li><a href="https://solarpowermanagement.net/home" target="_blank">Solar + Power Management</a></li> <li><a href="https://smartsolarukireland.com/home" target="_blank">Smart Solar UK Ireland</a></li> <li><a href="https://sensorsolutions.net/home" target="_blank">Sensor Solutions</a></li> <!-- <li><a href="https://taas.news/home" target="_blank">TaaS News</a></li> --> <li><a href="https://datacentre.solutions" target="_blank">Datacentre Solutions</a></li> <li><a href="https://digitalisationworld.com" target="_blank">Digitalisation World</a></li> </ul> </div> <div class="col-md-3 col-sm-3 "> <h3 class="sister-title" style="margin-bottom:6px;padding-bottom:0px;color:#fff;">Our conferences</h3> <ul id="footer-conferences"> <li><a href="https://cs-international.net" target="_blank">CS International</a></li> <li><a href="https://picinternational.net" target="_blank">PIC International</a></li> <li><a href="https://pe-international.net" target="_blank">PE International</a></li> <!-- <li><a href="https://taas.technology" target="_blank">TaaS Technology</a></li> --> </ul> <h3 class="sister-title" style="margin-bottom:0px;padding-bottom:5px;color:#fff;margin-top:20px;">Our awards</h3> <ul id="footer-conferences"> <!-- <li><a href="https://csawards.net" target="_blank">CS Awards</a></li> <li><a href="https://picawards.net" target="_blank">PIC Awards</a></li> --> <li><a href="https://dcsawards.com" target="_blank">DCS Awards</a></li> <li><a href="https://sdcawards.com" target="_blank">SDC Awards</a></li> </ul> </div> <div class="col-md-3 col-sm-3 "> <h3 class="sister-title" style="margin-bottom:0px;padding-bottom:0px;color:#fff;">About us</h3> <br> <p> <a href="/home" class="sub"><img src="https://cdn.bitmagazine.net/assets/images/picmagazine.net/logo.png?" alt="PIC (Photonics Integrated Circuits)" style="width:100%;max-width:222px;" /></a> </p> <p style="color:#fff;margin-top:30px;"> PIC (Photonics Integrated Circuits)™ is an Angel Business Communications publication. </p> <p> <a target='_blank' href='https://twitter.com/pic_magazine'><img src='https://cdn.bitmagazine.net/assets/images/twitter-icon.png' width='42' /></a> <a target='_blank' href='https://www.linkedin.com/company/picmagazine'><img src='https://cdn.bitmagazine.net/assets/images/linkedin-icon.png' width='42' /></a> </p> </div> </div> </div> </div> </div> </div> <div style="padding-bottom:0px;"> <div class="content-wrapper clear-top-pad" style="padding-bottom:0px;"> <div class="container-fluid clear-top-pad" style="padding-bottom:0px;"> <div class="row clear-top-pad" style="padding-bottom:0px;"> <div class="col-lg-12 clear-top-pad" style="padding-bottom:0px;"> <div class="mega-l" style="padding-bottom:0px;" id="b-23"> </div> <div class="normal-l" style="padding-bottom:0px;"> </div> </div> </div> </div> </div> </div> <div class="copyrights align-left" style="padding-top:11px;"> <div class="container-fluid"> <div style="float:right;font-size:11px;">© Copyright 2025 • <a class="page-linkx" style="font-size:11px;" href="/terms">Terms & Conditions</a> • <a style="font-size:11px;" class="page-linkx" href="/privacy">Privacy Policy</a> • <a style="font-size:11px;" class="page-linkx" href="/contact">Contact us</a></div> <div style="float:left;font-size:11px;">Powered by <a href="https://angelbc.com" style="font-size:11px;" target="_blank">Angels</a></div> </div> </div> </footer> </div> </div> </div> <input type="hidden" id="theGoogleUA" value="UA-10312146-36" /> <input type="hidden" id="theGoogleSite" value="PIC Magazine" /> <input type="hidden" id="trackkey" value="zCQFwwNsP4" /> <input type="hidden" id="trackimage" value="fBfhR" /> <input type="hidden" id="trackjs" value="p8YYa" /> <!-- subs pops by waypoint --> <!-- <div id="popsub"> <div class="col-lg-7 col-md-7 col-sm-7 col-xs-7 "> <div style="margin-top:95px"> <div>Your First Name</div> <div style="margin-bottom:6px;"><input type="text" class="form-control" id="popsub-fname" /></div> <div>Your Email Address</div> <div style="margin-bottom:15px;"><input type="text" class="form-control" id="popsub-email" /></div> <div> <a class="btn btn-success page-link" style="margin-right:8px;font-size:12px;display:inline;" onclick="subbypop();closePopsub();" href="/magazine/subscribe">Next »</a><a class="btn btn-danger" onclick="closePopsub()" href="javascript:;" style="font-size:12px;display:inline;">Close</a> </div> </div> </div> <div class="col-lg-5 col-md-5 col-sm-5 col-xs-5 "> </div> </div> --> <style> body { height:100%;overflow-x:hidden; } #popsub { background-color: #333; background-image:url(https://cdn.bitmagazine.net/assets/images/subscribe-pop-smaller.jpg); display: none; position: fixed; top: 20%; left:50%; margin-left:-180px; width: 365px; height: 292px; border: 10px solid #333; z-index: 67890; color:#000; } @media (max-width: 599px) { .sister-publications{display:none;} } #footer-logos { padding-left:20px;padding-right:20px; } #footer-logos li a{ font-weight:bold;height:100px;line-height:100px; } #footer-logos li a:hover{ color:#000;padding-right:3px;padding-left:3px; height:62px;line-height:62px; } #footer-logos li img{ width:190px; } #pleaseplease{ display:none; color:#cc0000; } label span{ font-family:arial; } label { font-family:arial; } span{ font-family:arial; } #footer-navigation{ margin-left:13px; } #footer-navigation li{ padding:5px; color:#07a0de; } #footer-navigation li a{ color:#fff; text-decoration:none; font-weight:bold; } #footer-navigation li a:hover{ color:#ccc; text-decoration:underline; } #footer-magazines{ margin-left:13px;} #footer-magazines li{ padding:5px; color:#07a0de;} #footer-magazines li a{ color:#fff; text-decoration:none; font-weight:bold; } #footer-magazines li a:hover{ color:#ccc; text-decoration:underline; } #footer-conferences{ margin-left:13px;} #footer-conferences li{ padding:5px; color:#07a0de; } #footer-conferences li a{ color:#fff; text-decoration:none; font-weight:bold; } #footer-conferences li a:hover{ color:#ccc; text-decoration:underline; } #peeler{ position:absolute; top:0; right:0px; } #peelnew{ position:absolute; top:0; right:13px; height:62px; width:62px; z-index:10000000; } #peelbanner{ display:none; position:absolute; top:0; right:10px; height:500px; width:500px; z-index:10000001; } @media (max-width: 960px) { #peeler{ display:none; } } </style> <input type="hidden" id="autofname" value="" /> <input type="hidden" id="autolname" value="" /> <input type="hidden" id="autoemail" value="" /> <!-- Suscribe Form Overlay --> <div id="subs"> <div class="subscribeclose" onClick="subs.openclose('close')" style="color:#fff;font-weight:bold;font-size:55px;cursor:pointer;"> × </div> <div class="subscribecontent"> <div class="subscribetextcontainer" style="color:#fff;"> <div class="row"> <div class="col-lg-3 col-md-3 col-sm-3"> <img src="https://cdn.bitmagazine.net/assets/images/picmagazine.net/logo.png" width="100%" /> </div> <div class="col-lg-9 col-md-9 col-sm-9 " style="text-align:right;font-size:21px;line-height:30px;"> Search the news archive </div> </div> <hr /> <div class="row"> <div class="col-lg-8"> <input class="form-control big-search-input" id="search-input-big" placeholder="Enter your query here..." /> </div> <div class="col-lg-2"> <select name="searchWhat" id="searchWhat" class="form-control big-search-input" style="font-size:21px !important;" onChange="realsearcher()"><option selected value="articles">News</option><option value="features">Features</option></select> </div> <div class="col-lg-2"> <button type="button" class="big-search-button" onclick="newsApiSearchBig()">Search »</button> </div> </div> <div class="row"> <div class="col-lg-12"> <div id="search-results-ajax" style="display:none;overflow:auto;"></div> </div> </div> </div> </div> <div class="subscribefooter" style="margin-top:25px;padding-top:25px;clear:both;color:#fff;">To close this popup you can press escape or click the close icon.</div> </div> <!-- a full overlay login register screen - this time black background --> <!-- simple subscribe thanks and additional cta modal --> <!-- mikes mega overlay menu / moved from header --> <style> #mega-menu-menu{ } #mega-menu-menu ul{ list-style:none; } #mega-menu-menu ul li{ padding:0px;margin:0px; border-bottom:1px dotted #888; } #mega-menu-menu ul li a{ color:#fff; background-color:none;padding:15px;display:block; font-weight:bold;font-size:18px; } #mega-menu-menu ul li a:hover{ background-color:#07a0de; text-decoration:none; } #mega-menu-news{ } #mega-menu-news ul{ list-style:none; } #mega-menu-news ul li{ padding:0px;margin:0px; border-bottom:1px dotted #888;padding:13px; } #mega-menu-news ul li a{ color:#fff; background-color:none;display:block; } #mega-menu-news ul li a:hover{ color:#07a0de; } #mega-menu-news ul li span{ color:#07a0de; font-size:13px;} #mega-menu-videos{ } #mega-menu-videos ul{ list-style:none; } #mega-menu-videos ul li{ padding:0px;margin:0px; border-bottom:1px dotted #888;padding:13px; } #mega-menu-videos ul li a{ color:#fff; background-color:none;display:block; } #mega-menu-videos ul li a:hover{ color:#07a0de; } #mega-menu-videos ul li span{ color:#07a0de; font-size:13px;} #big-menu { background-color:#2d3853;width:100%; display: none; position: fixed; overflow-y: scroll; overflow-x: hidden; top:0; bottom:0; left:0; right:0; z-index:12345; } .container-menu { max-width: 1000px; margin-right:auto;margin-left:auto; } #close-menu{ margin-top:10px; } .video-title-link{ color:#fff; font-size:17px; text-decoration:none; font-weight:bold; } .video-title-link:hover{ color:#07a0de; } .video-title-link div{ padding:10px; padding-left:5px; } @media (max-width: 1199px) { #pop-menu{ display:block; } #fogey-menu{ display:none; } #pop-menu-mid{ display:none; } .super-top-menu{display:none;} #mega-menu-news ul li a{font-size:17px;} #mega-menu-videos ul li a{font-size:17px;} .video-title-link{ font-size:15px; text-decoration:none; } } @media (min-width: 1200px) { #pop-menu{ display:none; } #fogey-menu{ display:block; } #pop-menu-mid{ display:none; } .super-top-menu{display:block;} } @media (max-width: 870px) { #mega-menu-news ul li a{font-size:14px;} #mega-menu-videos ul li a{font-size:14px;} } #close-menu{ color:#fff;font-weight:bold;font-size:33px;cursor:pointer;margin-top:-6px;background-color:#cc0000;padding:16px;padding-top:0px;padding-bottom:5px;border-radius:50%; } #close-menu:hover{ background-color:#fff; color:#cc0000; } </style> <div id="big-menu"> <div class="container-menu"> <div class="row" style="margin-top:0px;padding-top:0px;"> <div class="col-lg-10 col-md-10 col-sm-10 col-xs-10" style="padding-top:16px;padding-left:24px;"> <img src="https://cdn.bitmagazine.net/assets/images/picmagazine.net/logo.png" alt="Logo" style="width:100%;max-width:222px;" /> </div> <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2" style="text-align:right;padding-right:16px;"> <div id="close-menu" onclick="menuClose()">x</div> </div> </div> <div style="background-color:#1e273c;padding:24px;margin-top:24px;margin-bottom:24px;"> <div class="row"> <div class="col-lg-4 col-md-4 col-sm-4"> <div class="menu-heading-line-brown" style="background-color:#2d3853;color:#fff;padding:15px;font-weight:bold;font-size:33px;"> main menu </div> <div id="mega-menu-menu"> <ul> <li><a href="/home" class="mmm" onclick="menuClose()">home</a></li> <li><a href="/news" class="mmm" onclick="menuClose()">news</a></li> <li><a href="/news/technical" class="mmm" onclick="menuClose()">features</a></li> <li><a href="/magazine" class="mmm" onclick="menuClose()">magazine</a></li> <li><a href="/videos" class="mmm" onclick="menuClose()">videos</a></li> <li><a href="/buyers-guide/companies" class="mmm" onclick="menuClose()">partners</a></li> <li><a href="/events" class="mmm" onclick="menuClose()">events</a></li> <li><a href="/advertise" class="mmm" onclick="menuClose()">advertise</a></li> <li><a href="/sister-publications" class="mmm" onclick="menuClose()">more titles</a></li> <li><a href="/contact" class="mmm" onclick="menuClose()">contact</a></li> <li><a href="https://bitmagazine.net/subscribe/?pub=7" target="_blank">register</a></li> </ul> </div> </div> <div class="col-lg-4 col-md-4 col-sm-4"> <div class="menu-heading-line-blue" style="background-color:#2d3853;color:#fff;padding:15px;font-weight:bold;font-size:33px;"> latest news </div> <div id="mega-menu-news"> <ul> <li> <a href="/article/121421/Coherent_expands_silicon_photonics_transceiver_portfolio_for_datacentres" class="">Coherent expands silicon photonics transceiver portfolio for datacentres</a> </li> <li> <a href="/article/121414/NVIDIA_launches_its_first_co-packaged_optics_products" class="">NVIDIA launches its first co-packaged optics products</a> </li> <li> <a href="/article/121394/Fermioniq_QuiX_Quantum_and_Deltares_partner_on_quantum_for_water_infrastructure" class="">Fermioniq, QuiX Quantum, and Deltares partner on quantum for water infrastructure</a> </li> <li> <a href="/article/121386/Driving_the_next_high-volume_sensor_revolution" class="">Driving the next high-volume sensor revolution</a> </li> <li> <a href="/article/121385/200G+_per_lane_powering_the_next-gen_data_deluge" class="">200G+ per lane: powering the next-gen data deluge</a> </li> <li> <a href="/article/121384/A_PIC_laser_designed_for_reliability_and_volume_production" class="">A PIC laser designed for reliability and volume production</a> </li> <li> <a href="/article/121381/Xanadu_teams_up_with_the_University_of_Maryland_on_quantum" class="">Xanadu teams up with the University of Maryland on quantum</a> </li> <li> <a href="/news" class="mmm" style="color:#07a0de">View more news</a> <!-- <span style="color:#868d9e">2270 more articles</span> --> </li> </ul> </div> </div> <div class="col-lg-4 col-md-4 col-sm-4"> <div class="menu-heading-line-blue" style="background-color:#2d3853;color:#fff;padding:15px;font-weight:bold;font-size:33px;"> latest video </div> <div style="margin-top:20px;"> <div style='background-color:#171e2e;padding:11px;'><a href='/video/610/Record-breaking_bandwidth_of_11_THz_for_plasmonic_modulators' class='video-title-link ' style='text-decoration:none;font-size:17px;'><img src='https://cdn.bitmagazine.net/assets/images/videos/7091d5ba1a16e8c8f9.jpg' width='100%' /><div>Record-breaking bandwidth of 1.1 THz for plasmonic modulators</div></a></div> </div> <div id="mega-menu-videos"> <ul> <li> <a href="/video/567/Photonic_processor_promises_30x_energy_efficiency_improvements" class="">Photonic processor promises 30x energy efficiency improvements</a> </li> <li> <a href="/video/533/POET_Technologies_plans_to_‘semiconductorise’_photonics" class="">POET Technologies plans to ‘semiconductorise’ photonics</a> </li> <li> <a href="/video/511/Accelerating_the_photonic_chip_market_in_North_America" class="">Accelerating the photonic chip market in North America</a> </li> <li> <a href="/video/482/David_Cheskis_at_PIC_International_2024" class="">David Cheskis at PIC International 2024</a> </li> <li> <a href="/videos" style="color:#07a0de">View more videos</a> </li> </ul> </div> </div> </div> </div> </div> </div> <!-- end mikes mega overlay menu --> <div id="register-form"> <div class="container-menu"> <div class="row"> <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6"> <div style="padding:25px;"> <img src="https://cdn.bitmagazine.net/assets/images/picmagazine.net/logo.png" width="100%" alt="Logo" /> </div> </div> <div class="col-lg-9 col-md-9 col-sm-9 col-xs-6 align-right"> <div id="close-menu" onclick="subs.openclosings('close')" style="color:#fff;font-weight:bold;font-size:55px;cursor:pointer;margin-top:-30px;"> × </div> </div> </div> <div style="background-color:#07a0de;padding:33px;" id="the-registration-form"> <div class="row"> <form name="regForm" id="regForm" method="post" action="https://bitmagazine.net/registration/"> <input type="hidden" name="domain" id="domain" value="picmagazine.net" /> <!-- tab 1 here --> <div id="tabbing_1" class="tabbers" style="line-height:1.2;margin-top:15px;display:block;"> <div style="font-size:35px;font-family:Oswald;line-height:1.3;color:#fff;padding-bottom:10px;margin-bottom:10px;border-bottom:1px dotted #fff;"> Register - Step 1</div> <div class="row"> <div class="col-lg-12"> <p style="color:#fff;margin-top:6px;margin-bottom:6px;font-family:arial;""> You may choose to subscribe to the PIC Magazine, the PIC Newsletter, or both. You may also request additional information if required, before submitting your application. </p> <br /> <div style="font-weight:bold;color:#fff;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dotted #fff;font-family:arial;"">Please subscribe me to:</div> </div> <div class=" col-lg-6 " style="display:none;"> <label for="type-print" style="font-weight:normal;" onclick="checkerboxer('on','print')" id="span-print"> <img id="type-print" src="https://cdn.bitmagazine.net/assets/images/nob-off.png" width="33" /> <span>Print Magazine</span> <input type="hidden" value="" id="print" name="print" /> <br /> </label> </div> <div class=" col-lg-6 "> <label for="type-digital" style="font-weight:normal;" onclick="checkerboxer('on','digital')" id="span-digital"> <img id="type-digital" src="https://cdn.bitmagazine.net/assets/images/nob-off.png" width="33" /> <span>Digital Magazine via Email</span> <input type="hidden" value="" id="digital" name="digital" /> <br /> </label> </div> <div class=" col-lg-6 "> <label for="type-newsletter" style="font-weight:normal;" onclick="checkerboxer('on','newsletter')" id="span-newsletter"> <img id="type-newsletter" src="https://cdn.bitmagazine.net/assets/images/nob-off.png" width="33" /> <span>Email Newsletter</span> <input type="hidden" value="" id="newsletter" name="newsletter" /> </label> </div> <div class="col-lg-12" style="text-align:right;"> <br /> <button onclick="tabbing('2')" type="button" class="submitter">Next step »</button> </div> </div> </div> <div id="tabbing_2" style="display:none;"> <div style="font-size:35px;font-family:Oswald;line-height:1.3;color:#fff;padding-bottom:10px;margin-bottom:10px;border-bottom:1px dotted #fff;"> Register - Step 2</div> <div class="row" style="margin-top:15px;"> <div class="col-lg-12 form-group"> <p style="color:#fff;margin-top:6px;margin-bottom:6px;font-family:arial;""><b>Please complete <u>all</u> fields below.</b><br /><br />These will only be used to evaluate your application, and to ensure your requested subscription reaches you. We will not share your personal details with anyone else without your permission. Please see our Privacy Policy if you have any concerns.</p> <hr /> </div> </div> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 form-group "> <div class="fieldOuter"> <label for="fname">First name</label> <input id="fname" name="fname" placeholder="First name" type="text" class="inputter" /> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 form-group "> <div class="fieldOuter"> <label for="lname">Last name</label> <input id="lname" name="lname" placeholder="Last name" type="text" class="inputter" /> </div> </div> </div> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 form-group "> <div class="fieldOuter"> <label for="company">Company</label> <input id="company" name="company" placeholder="Company" type="text" class="inputter" /> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 form-group "> <div class="fieldOuter" id="jobArea"> <label for="job">Job title</label> <input id="job" name="job" placeholder="Job Title" type="text" class="inputter" /> </div> </div> <!-- <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 form-group "> <div class="fieldOuter" id="jobArea"> <label for="job">Job title</label> <select id="job" name="job" placeholder="Job title" onchange="jobChosen(this.value)" type="text" class="inputter"> <option value="">- Please choose your Job Title -</option> {jobs} </select> </div> </div> --> </div> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 form-group "> <div class="fieldOuter"> <label for="address1">Address</label> <input id="address1" name="address1" placeholder="Address Line 1" type="text" class="inputter" /> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 form-group "> <div class="fieldOuter"> <label for="postcode">Postal code</label> <input id="postcode" name="postcode" placeholder="Postal code" type="text" class="inputter" /> </div> </div> </div> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 form-group "> <div class="fieldOuter"> <label for="country">Country</label> <select id="country" name="country" placeholder="Country" type="text" class="inputter"> <!-- onchange="countrySpecifics(this.value)" --> <option value="">- Please choose your Country -</option> <option value='AF' id='select-0' data-eu=''>Afghanistan</option> <option value='AL' id='select-1' data-eu='yes'>Albania</option> <option value='DZ' id='select-2' data-eu=''>Algeria</option> <option value='AS' id='select-3' data-eu=''>American Samoa</option> <option value='AD' id='select-4' data-eu='yes'>Andorra</option> <option value='AO' id='select-5' data-eu=''>Angola</option> <option value='AI' id='select-6' data-eu=''>Anguilla</option> <option value='AQ' id='select-7' data-eu=''>Antarctica</option> <option value='AG' id='select-8' data-eu=''>Antigua and Barbuda</option> <option value='AR' id='select-9' data-eu=''>Argentina</option> <option value='AM' id='select-10' data-eu='yes'>Armenia</option> <option value='AW' id='select-11' data-eu=''>Aruba</option> <option value='AU' id='select-12' data-eu=''>Australia</option> <option value='AT' id='select-13' data-eu='yes'>Austria</option> <option value='AZ' id='select-14' data-eu='yes'>Azerbaijan</option> <option value='BS' id='select-15' data-eu=''>Bahamas</option> <option value='BH' id='select-16' data-eu=''>Bahrain</option> <option value='BD' id='select-17' data-eu=''>Bangladesh</option> <option value='BB' id='select-18' data-eu=''>Barbados</option> <option value='BY' id='select-19' data-eu='yes'>Belarus</option> <option value='BE' id='select-20' data-eu='yes'>Belgium</option> <option value='BZ' id='select-21' data-eu=''>Belize</option> <option value='BJ' id='select-22' data-eu=''>Benin</option> <option value='BM' id='select-23' data-eu=''>Bermuda</option> <option value='BT' id='select-24' data-eu=''>Bhutan</option> <option value='BO' id='select-25' data-eu=''>Bolivia</option> <option value='BA' id='select-26' data-eu='yes'>Bosnia and Herzegowina</option> <option value='BW' id='select-27' data-eu=''>Botswana</option> <option value='BV' id='select-28' data-eu=''>Bouvet Island</option> <option value='BR' id='select-29' data-eu=''>Brazil</option> <option value='IO' id='select-30' data-eu=''>British Indian Ocean Territory</option> <option value='BN' id='select-31' data-eu=''>Brunei Darussalam</option> <option value='BG' id='select-32' data-eu='yes'>Bulgaria</option> <option value='BF' id='select-33' data-eu=''>Burkina Faso</option> <option value='BI' id='select-34' data-eu=''>Burundi</option> <option value='kh' id='select-35' data-eu=''>Cambodia</option> <option value='CM' id='select-36' data-eu=''>Cameroon</option> <option value='CA' id='select-37' data-eu=''>Canada</option> <option value='CV' id='select-38' data-eu=''>Cape Verde</option> <option value='KY' id='select-39' data-eu=''>Cayman Islands</option> <option value='CF' id='select-40' data-eu=''>Central African Republic</option> <option value='TD' id='select-41' data-eu=''>Chad</option> <option value='CL' id='select-42' data-eu=''>Chile</option> <option value='CN' id='select-43' data-eu=''>China</option> <option value='CX' id='select-44' data-eu=''>Christmas Island</option> <option value='CC' id='select-45' data-eu=''>Cocos (Keeling) Islands</option> <option value='CO' id='select-46' data-eu=''>Colombia</option> <option value='KM' id='select-47' data-eu=''>Comoros</option> <option value='CG' id='select-48' data-eu=''>Congo</option> <option value='CK' id='select-49' data-eu=''>Cook Islands</option> <option value='CR' id='select-50' data-eu=''>Costa Rica</option> <option value='CI' id='select-51' data-eu=''>Cote d'Ivoire</option> <option value='HR' id='select-52' data-eu=''>Croatia (Hrvatska)</option> <option value='CU' id='select-53' data-eu=''>Cuba</option> <option value='CY' id='select-54' data-eu='yes'>Cyprus</option> <option value='CZ' id='select-55' data-eu='yes'>Czech Republic</option> <option value='DK' id='select-56' data-eu='yes'>Denmark</option> <option value='DJ' id='select-57' data-eu=''>Djibouti</option> <option value='DM' id='select-58' data-eu=''>Dominica</option> <option value='DO' id='select-59' data-eu=''>Dominican Republic</option> <option value='TT' id='select-60' data-eu=''>East Timor</option> <option value='EC' id='select-61' data-eu=''>Ecuador</option> <option value='EG' id='select-62' data-eu=''>Egypt</option> <option value='SV' id='select-63' data-eu=''>El Salvador</option> <option value='GQ' id='select-64' data-eu=''>Equatorial Guinea</option> <option value='ER' id='select-65' data-eu=''>Eritrea</option> <option value='EE' id='select-66' data-eu='yes'>Estonia</option> <option value='ET' id='select-67' data-eu=''>Ethiopia</option> <option value='FK' id='select-68' data-eu=''>Falkland Islands</option> <option value='FO' id='select-69' data-eu=''>Faroe Islands</option> <option value='FJ' id='select-70' data-eu=''>Fiji</option> <option value='FI' id='select-71' data-eu='yes'>Finland</option> <option value='FR' id='select-72' data-eu='yes'>France</option> <option value='FR' id='select-73' data-eu=''>France Metropolitan</option> <option value='GF' id='select-74' data-eu=''>French Guiana</option> <option value='PF' id='select-75' data-eu=''>French Polynesia</option> <option value='TF' id='select-76' data-eu=''>French Southern Territories</option> <option value='GA' id='select-77' data-eu=''>Gabon</option> <option value='GM' id='select-78' data-eu=''>Gambia</option> <option value='ZZ' id='select-79' data-eu=''>Gayland</option> <option value='GE' id='select-80' data-eu='yes'>Georgia</option> <option value='DE' id='select-81' data-eu='yes'>Germany</option> <option value='GH' id='select-82' data-eu=''>Ghana</option> <option value='GI' id='select-83' data-eu=''>Gibraltar</option> <option value='GR' id='select-84' data-eu='yes'>Greece</option> <option value='GL' id='select-85' data-eu=''>Greenland</option> <option value='GD' id='select-86' data-eu=''>Grenada</option> <option value='GP' id='select-87' data-eu=''>Guadeloupe</option> <option value='GU' id='select-88' data-eu=''>Guam</option> <option value='GT' id='select-89' data-eu=''>Guatemala</option> <option value='GN' id='select-90' data-eu=''>Guinea</option> <option value='GW' id='select-91' data-eu=''>Guinea-Bissau</option> <option value='GY' id='select-92' data-eu=''>Guyana</option> <option value='HT' id='select-93' data-eu=''>Haiti</option> <option value='HM' id='select-94' data-eu=''>Heard and Mc Donald Islands</option> <option value='VA' id='select-95' data-eu=''>Holy See (Vatican City State)</option> <option value='HN' id='select-96' data-eu=''>Honduras</option> <option value='HK' id='select-97' data-eu=''>Hong Kong</option> <option value='HU' id='select-98' data-eu='yes'>Hungary</option> <option value='IS' id='select-99' data-eu='yes'>Iceland</option> <option value='IN' id='select-100' data-eu=''>India</option> <option value='ID' id='select-101' data-eu=''>Indonesia</option> <option value='IR' id='select-102' data-eu=''>Iran</option> <option value='IQ' id='select-103' data-eu=''>Iraq</option> <option value='IE' id='select-104' data-eu='yes'>Ireland</option> <option value='IL' id='select-105' data-eu=''>Israel</option> <option value='IT' id='select-106' data-eu='yes'>Italy</option> <option value='JM' id='select-107' data-eu=''>Jamaica</option> <option value='JP' id='select-108' data-eu=''>Japan</option> <option value='JO' id='select-109' data-eu=''>Jordan</option> <option value='KZ' id='select-110' data-eu='yes'>Kazakhstan</option> <option value='KE' id='select-111' data-eu=''>Kenya</option> <option value='KI' id='select-112' data-eu=''>Kiribati</option> <option value='KP' id='select-113' data-eu=''>Korea (North)</option> <option value='KR' id='select-114' data-eu=''>Korea (South)</option> <option value='KW' id='select-115' data-eu=''>Kuwait</option> <option value='KG' id='select-116' data-eu=''>Kyrgyzstan</option> <option value='LA' id='select-117' data-eu=''>Lao, People's Democratic Republic</option> <option value='LV' id='select-118' data-eu='yes'>Latvia</option> <option value='LB' id='select-119' data-eu=''>Lebanon</option> <option value='LS' id='select-120' data-eu=''>Lesotho</option> <option value='LR' id='select-121' data-eu=''>Liberia</option> <option value='LY' id='select-122' data-eu=''>Libyan Arab Jamahiriya</option> <option value='LI' id='select-123' data-eu='yes'>Liechtenstein</option> <option value='LT' id='select-124' data-eu='yes'>Lithuania</option> <option value='LU' id='select-125' data-eu='yes'>Luxembourg</option> <option value='ZZ' id='select-126' data-eu=''>Macau</option> <option value='MK' id='select-127' data-eu='yes'>Macedonia</option> <option value='MG' id='select-128' data-eu=''>Madagascar</option> <option value='MW' id='select-129' data-eu=''>Malawi</option> <option value='MY' id='select-130' data-eu=''>Malaysia</option> <option value='MV' id='select-131' data-eu=''>Maldives</option> <option value='ML' id='select-132' data-eu=''>Mali</option> <option value='MT' id='select-133' data-eu='yes'>Malta</option> <option value='MH' id='select-134' data-eu=''>Marshall Islands</option> <option value='MQ' id='select-135' data-eu=''>Martinique</option> <option value='MR' id='select-136' data-eu=''>Mauritania</option> <option value='MU' id='select-137' data-eu=''>Mauritius</option> <option value='YT' id='select-138' data-eu=''>Mayotte</option> <option value='MX' id='select-139' data-eu=''>Mexico</option> <option value='FM' id='select-140' data-eu=''>Micronesia</option> <option value='MD' id='select-141' data-eu='yes'>Moldova</option> <option value='MC' id='select-142' data-eu='yes'>Monaco</option> <option value='MN' id='select-143' data-eu=''>Mongolia</option> <option value='MS' id='select-144' data-eu=''>Montserrat</option> <option value='MA' id='select-145' data-eu=''>Morocco</option> <option value='MZ' id='select-146' data-eu=''>Mozambique</option> <option value='MM' id='select-147' data-eu=''>Myanmar</option> <option value='NA' id='select-148' data-eu=''>Namibia</option> <option value='NR' id='select-149' data-eu=''>Nauru</option> <option value='NP' id='select-150' data-eu=''>Nepal</option> <option value='ML' id='select-151' data-eu='yes'>Netherlands</option> <option value='AN' id='select-152' data-eu=''>Netherlands Antilles</option> <option value='NC' id='select-153' data-eu=''>New Caledonia</option> <option value='NZ' id='select-154' data-eu=''>New Zealand</option> <option value='NI' id='select-155' data-eu=''>Nicaragua</option> <option value='NE' id='select-156' data-eu=''>Niger</option> <option value='NG' id='select-157' data-eu=''>Nigeria</option> <option value='NU' id='select-158' data-eu=''>Niue</option> <option value='NF' id='select-159' data-eu=''>Norfolk Island</option> <option value='MP' id='select-160' data-eu=''>Northern Mariana Islands</option> <option value='NO' id='select-161' data-eu='yes'>Norway</option> <option value='OM' id='select-162' data-eu=''>Oman</option> <option value='PK' id='select-163' data-eu=''>Pakistan</option> <option value='PW' id='select-164' data-eu=''>Palau</option> <option value='PA' id='select-165' data-eu=''>Panama</option> <option value='PG' id='select-166' data-eu=''>Papua New Guinea</option> <option value='PY' id='select-167' data-eu=''>Paraguay</option> <option value='PE' id='select-168' data-eu=''>Peru</option> <option value='PH' id='select-169' data-eu=''>Philippines</option> <option value='PN' id='select-170' data-eu=''>Pitcairn</option> <option value='PL' id='select-171' data-eu='yes'>Poland</option> <option value='PT' id='select-172' data-eu='yes'>Portugal</option> <option value='PR' id='select-173' data-eu=''>Puerto Rico</option> <option value='QA' id='select-174' data-eu=''>Qatar</option> <option value='RE' id='select-175' data-eu=''>Reunion</option> <option value='RO' id='select-176' data-eu='yes'>Romania</option> <option value='RU' id='select-177' data-eu='yes'>Russian Federation</option> <option value='RW' id='select-178' data-eu=''>Rwanda</option> <option value='KN' id='select-179' data-eu=''>Saint Kitts and Nevis</option> <option value='LC' id='select-180' data-eu=''>Saint Lucia</option> <option value='VC' id='select-181' data-eu=''>Saint Vincent and the Grenadines</option> <option value='WS' id='select-182' data-eu=''>Samoa</option> <option value='SM' id='select-183' data-eu='yes'>San Marino</option> <option value='ST' id='select-184' data-eu=''>Sao Tome and Principe</option> <option value='SA' id='select-185' data-eu=''>Saudi Arabia</option> <option value='SN' id='select-186' data-eu=''>Senegal</option> <option value='SC' id='select-187' data-eu=''>Seychelles</option> <option value='SL' id='select-188' data-eu=''>Sierra Leone</option> <option value='SG' id='select-189' data-eu=''>Singapore</option> <option value='SK' id='select-190' data-eu='yes'>Slovakia</option> <option value='SI' id='select-191' data-eu='yes'>Slovenia</option> <option value='SB' id='select-192' data-eu=''>Solomon Islands</option> <option value='SO' id='select-193' data-eu=''>Somalia</option> <option value='ZA' id='select-194' data-eu=''>South Africa</option> <option value='GS' id='select-195' data-eu=''>South Georgia and the South Sandwich Islands</option> <option value='ES' id='select-196' data-eu='yes'>Spain</option> <option value='LK' id='select-197' data-eu=''>Sri Lanka</option> <option value='ZZ' id='select-198' data-eu=''>St. Helena</option> <option value='ZZ' id='select-199' data-eu=''>St. Pierre and Miquelon</option> <option value='SD' id='select-200' data-eu=''>Sudan</option> <option value='SR' id='select-201' data-eu=''>Suriname</option> <option value='SJ' id='select-202' data-eu=''>Svalbard and Jan Mayen Islands</option> <option value='SZ' id='select-203' data-eu=''>Swaziland</option> <option value='SE' id='select-204' data-eu='yes'>Sweden</option> <option value='CH' id='select-205' data-eu='yes'>Switzerland</option> <option value='SY' id='select-206' data-eu=''>Syrian Arab Republic</option> <option value='TW' id='select-207' data-eu=''>Taiwan</option> <option value='TJ' id='select-208' data-eu=''>Tajikistan</option> <option value='TZ' id='select-209' data-eu=''>Tanzania</option> <option value='TH' id='select-210' data-eu=''>Thailand</option> <option value='TG' id='select-211' data-eu=''>Togo</option> <option value='TK' id='select-212' data-eu=''>Tokelau</option> <option value='TO' id='select-213' data-eu=''>Tonga</option> <option value='TT' id='select-214' data-eu=''>Trinidad and Tobago</option> <option value='TN' id='select-215' data-eu=''>Tunisia</option> <option value='TR' id='select-216' data-eu='yes'>Turkey</option> <option value='TM' id='select-217' data-eu=''>Turkmenistan</option> <option value='TC' id='select-218' data-eu=''>Turks and Caicos Islands</option> <option value='TV' id='select-219' data-eu=''>Tuvalu</option> <option value='UG' id='select-220' data-eu=''>Uganda</option> <option value='UA' id='select-221' data-eu='yes'>Ukraine</option> <option value='AE' id='select-222' data-eu=''>United Arab Emirates</option> <option value='GB' id='select-223' data-eu='yes'>United Kingdom</option> <option value='US' id='select-224' data-eu=''>United States</option> <option value='UM' id='select-225' data-eu=''>United States Minor Outlying Islands</option> <option value='UY' id='select-226' data-eu=''>Uruguay</option> <option value='UZ' id='select-227' data-eu=''>Uzbekistan</option> <option value='VU' id='select-228' data-eu=''>Vanuatu</option> <option value='VE' id='select-229' data-eu=''>Venezuela</option> <option value='VN' id='select-230' data-eu=''>Vietnam</option> <option value='VI' id='select-231' data-eu=''>Virgin Islands (British)</option> <option value='VI' id='select-232' data-eu=''>Virgin Islands (U.S.)</option> <option value='WF' id='select-233' data-eu=''>Wallis and Futuna Islands</option> <option value='EH' id='select-234' data-eu=''>Western Sahara</option> <option value='YE' id='select-235' data-eu=''>Yemen</option> <option value='ZZ' id='select-236' data-eu=''>Yugoslavia</option> <option value='ZM' id='select-237' data-eu=''>Zambia</option> <option value='ZW' id='select-238' data-eu=''>Zimbabwe</option> </select> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 form-group "> <div class="fieldOuter"> <label for="email">Email address</label> <input id="email" name="email" placeholder="Email address" type="email" class="inputter" /> </div> </div> </div> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 form-group "> <div class="fieldOuter" id="industryArea"> <label for="industry">Which industry do you work in?</label> <select id="industry" name="industry" placeholder="Industry" type="text" class="inputter" onchange="industryOther(this.value)"> <option value="">- Please choose your Industry -</option> <option value='Characterisation/Test Services'>Characterisation/Test Services</option><option value='Component'>Component</option><option value='Design Services'>Design Services</option><option value='Foundry Services'>Foundry Services</option><option value='Manufacturing Equipment'>Manufacturing Equipment</option><option value='Materials'>Materials</option><option value='Packaging and Assembly Equipment'>Packaging and Assembly Equipment</option><option value='Packaging Service (In house)'>Packaging Service (In house)</option><option value='PIC Brokering Service'>PIC Brokering Service</option><option value='Routers'>Routers</option><option value='Software'>Software</option><option value='System Integration'>System Integration</option><option value='Test Equipment'>Test Equipment</option><option value='Universities'>Universities</option><option value='Other'>Other</option> </select> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 form-group "> <div class="fieldOuter"> <label for="phone">Phone number <span style="font-weight:normal;font-size:11px;">(optional)</span></label> <input id="phone" name="phone" placeholder="Phone" type="text" class="inputter" /> </div> </div> </div> <div class="row"> <div class="col-lg-6 col-md-6 "> <button onclick="tabbing('1')" type="button" class="submitter">« Previous step </button> </div> <div class="col-lg-6 col-md-6 " style="text-align:right;"> <button onclick="tabbing('3')" type="button" class="submitter">Next step »</button> </div> </div> </div> <div id="tabbing_3" style="display:none;"> <div style="font-size:35px;font-family:Oswald;line-height:1.3;color:#fff;padding-bottom:10px;margin-bottom:10px;border-bottom:1px dotted #fff;"> Register - Final Step</div> <div class="row" id="payment-section" style="display:none;"> <div class="col-lg-12"> <div style="background-color:#fff;color:cc0000;padding:25px;margin-top:6px;margin-bottom:6px;font-family:arial;"> A 12 month subscription to PIC (Photonics Integrated Circuits) print magazine for <span id="country-span" style="font-weight:bold;"></span> costs: <b><span id="currency"></span> <span id="price"></span></b> <br /><br /> Once you submit your application below, you will be forwarded to our Payment Processor WorldPay to make payment. WorldPay accept the following cards: <br /><br /> <div> <img src="https://cdn.bitmagazine.net/assets/images/cards.jpg" style="width:100%;max-width:482px;" /> </div> </div> <hr /> </div> </div> <div class="row"> <div class="col-lg-12"> <div style="color:#fff;margin-bottom:8px;"> <span style="font-weight:bold;">Please also send me information via email about:</span> </div> </div> <div class="col-lg-6"> <div style="color:#fff;margin-bottom:8px;"> <label for="type-editorial" style="font-weight:normal;" onclick="checkerboxer('on','editorial')" id="span-editorial"> <img id="type-editorial" src="https://cdn.bitmagazine.net/assets/images/nob-off.png" width="33" /> <span>Submitting Editorial for PIC</span> <input type="hidden" value="" id="editorial" name="editorial" /> </label> <br /> <label for="type-events" style="font-weight:normal;" onclick="checkerboxer('on','events')" id="span-events"> <img id="type-events" src="https://cdn.bitmagazine.net/assets/images/nob-off.png" width="33" /> <span>Events related to PIC</span> <input type="hidden" value="" id="events" name="events" /> </label> </div> </div> <div class="col-lg-6"> <div style="color:#fff;margin-bottom:8px;"> <label for="type-advertising" style="font-weight:normal;" onclick="checkerboxer('on','advertising')" id="span-advertising"> <img id="type-advertising" src="https://cdn.bitmagazine.net/assets/images/nob-off.png" width="33" /> <span>Advertising with PIC</span> <input type="hidden" value="" id="advertising" name="advertising" /> </label> </div> </div> </div> <div class="row"> <div class="col-lg-12"> <script src='https://www.google.com/recaptcha/api.js'></script> </div> </div> <br /> <div class="row"> <div class="col-lg-6 col-md-6 "> <button onclick="tabbing('2')" type="button" class="submitter">« Previous step </button> </div> <div class="col-lg-6 col-md-6 " style="text-align:right"> <button onclick="submitForm()" type="button" class="submitter">Submit application »</button> </div> </div> <br /> <div style="font-size:11px;color:#fff;text-align:right;"> Please note that PIC Magazine reserves the right to refuse subscriptions. </div> </div> <input type="hidden" id="worldpay" value="no" /> </form> </div> </div> </div> </div> <div id="subsjob"> <div class="subscribecontent"> <div class="subscribetextcontainer"> <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12"> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> <div style="background-color:#fff;padding:25px;margin-bottom:25px;"> <h2 style="color:#07a0de">You chose the industry type of "Other"</h2> <div id="please">Please enter the industry that you work in:</div> <div id="pleaseplease">Please enter the industry that you work in:</div> <div><input type="text" id="other-industry" class="form-control form-control-success" /></div> <div><a href="javascript:;" onclick="saveIndustry()" style="font-size:18px;color:#07a0de;text-decoration:underline;">Save & Continue »</a></div> </div> </div> <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12"> </div> </div> </div> </div> <div style="position:fixed;bottom:0;left:0;right:0;z-index:888888;" id="floor-bar"> <div class="mega-bar" id="b-233"> </div> </div> <!-- {taasPodcastNotification} --> <style> .floor-bar-new{ text-align:center;width:45px;color:#fff;background-color:#cc0000;position:relative;font-size:22px;padding:8px;font-family:arial;font-weight:bold;cursor:pointer; } label {cursor:pointer;} label span{ color:#fff; } .highlight { background-color: #fbf6a8; } #the-main-story-text a{ font-size:17px; } </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.2.0/js.cookie.min.js"></script> <link href="https://fonts.googleapis.com/css?family=Exo+2" rel="stylesheet" /> <script src="https://cdn.bitmagazine.net/assets/js/html2canvas.js"></script> <script src="https://cdn.bitmagazine.net/assets/js/jquery.cookie.js"></script> <script src="https://cdn.bitmagazine.net/assets/js/snackbar.min.js"></script> <script src="https://unpkg.com/htmx.org@1.6.1"></script> <script src="https://unpkg.com/htmx.org@1.6.1/dist/ext/client-side-templates.js"></script> <script src="https://cdn.jsdelivr.net/npm/mustache@4.2.0/mustache.min.js"></script> <script src="https://cdn.bitmagazine.net/assets/js/pagination.js"></script> <script src="https://cdn.bitmagazine.net/assets/js/highlights.js"></script> <script type="text/javascript"> htmx.defineExtension('client-side-templates', { transformResponse : function(text, xhr, elt) { var mustacheTemplate = htmx.closest(elt, "[mustache-template]"); if (mustacheTemplate) { var data = JSON.parse(text); var templateId = mustacheTemplate.getAttribute('mustache-template'); var template = htmx.find("#" + templateId); if (template) { return Mustache.render(template.innerHTML, data); } else { throw "Unknown mustache template: " + templateId; } } return text; } }); window.addEventListener('popstate', function (e) { var state = e.state; if (state !== null && state != "null") { var urler = window.location.href; var highhigh = urler.split("?"); var highlighting = highhigh[1]; console.log("page change detected for "+highlighting); $("#qq").val(highlighting); // this part doesn't seem to trigger // var bongo = htmx.values("search-button-main","post"); if($('#qq').is(':focus')){ // no good. navigating doesn't blur the focus if focused console.log("Focus"); } else { } // now re-trigger the search... // console.log($('#qq').is(':blur')); // now the pagination... } else{ console.log("null popstate"); } }); htmx.onLoad(function(content) { // trigger area for search system extended features $("html, body").animate({ scrollTop: 0 }, "fast"); //$("#search-button-main").html("Search"); $("#search-block-loader").hide(); $("#search-block-button").show(); var urler = window.location.href; // var hasher = window.location.hash; // var highlighting = hasher.replace("#", ""); var highhigh = urler.split("?"); var highlighting = highhigh[1]; var highlighter= highlighting.split("%20"); let length = highlighter.length; //console.log(highlighting+" - "+length); var counter = 0; while(counter<length){ var doings = highlighter[counter]; $(".hihi").adcHighlight({ text: doings }); counter++; } // $(".post").adcHighlight({ text: 'gan' }); }); $(function() { switchTopBars(); }); $(window).on('resize', function() { switchTopBars(); }); // c7yp71c n4m3 doooo 2 a/d 87ocka5 function switchTopBars(){ if (window.innerWidth < 992) { $("#default-top-bar").hide(); $("#mobile-top-bar").show(); } else { $("#default-top-bar").show(); $("#mobile-top-bar").hide(); } } function searchini(){ $("#search-block-loader").show(); $("#search-block-button").hide(); // $("#search-button-main").html("Loading"); var query = $("#qq").val(); var href = "/search/?"+query; console.log(href); history.pushState('', 'New URL: '+href, href); } function searchin(){ var query = $("#searchquery").val(); var href = "/search/?"+query; console.log(href); history.pushState('', 'New URL: '+href, href); } $(function() { // change the generated filename to corpartfoot.html or similar and change the id also $.ajax({ url: "/cp", cache: false, success: function (data) { $("#cp-footer").html(data); } }); }); setTimeout(function() { if(Cookies.get('popup-banner-hidden') != 'true') { $('#taasPodcastNotification').show(); } }, 1000); $('.popup').on('mousedown', function(e) { Cookies.set('popup-banner-hidden', 'true', { expires: 7 }); }); $('.popup-close').on('click', function(e) { e.preventDefault(); $('#taasPodcastNotification').remove(); }); $(function() { var fnamesub = $("#autofname").val(); if(fnamesub!=""){ $("#fname").val(fnamesub); } var lnamesub = $("#autolname").val(); if(lnamesub!=""){ $("#lname").val(lnamesub); } var emailsub = $("#autoemail").val(); if(emailsub!=""){ $("#email").val(emailsub); } }); // note the values here are =only for CS - so SIS is misssing currently; function countryCheck(){ var print = $("#print").val(); var domain = $("#domain").val(); if(print=="print"){ var country = $("#country").find(':selected').html(); // $(this).find(':selected').html(); var dataEU = $("#country").find(':selected').data('eu'); // $(this).find(':selected').data('eu'); var worldpay = "no"; var currency = ""; var price = 0; if(country=="United States"){ worldpay = "yes"; currency = "USD"; if(domain=="compoundsemiconductor.net"){ price = 198; } if(domain=="siliconsemiconductor.net"){ // not the correct price price = 90; } } else if (country=="United Kingdom"){ worldpay = "no"; currency = ""; price = 0; } else { if(dataEU=="yes"){ // ? worldpay = "no"; currency = ""; price = 0; } else { worldpay = "yes"; currency = "GBP"; if(domain=="compoundsemiconductor.net"){ price = 138; } if(domain=="siliconsemiconductor.net"){ // not the correct price price = 70; } } } if(worldpay=="yes"){ $("#worldpay").val("yes"); $("#currency").html(currency); $("#price").html(price); $("#country-span").html(country); $("#payment-section").show(); } else { $("#payment-section").hide(); } } else { $("#payment-section").hide(); } } $('#country').change(function(){ countryCheck(); }); function industryOther(title){ if(title=="Other"){ subs.openclosing('open'); } else { $("#industry").val(title); } } function updateJobTitleOther(title){ // not needed at the moment- maybe use this feature though for the industry dropdown. $("#jobArea").html("<label for='job'>Job title</label><input type='text' name='job' id='job' placeholder='Job title' value='Other: "+title+"' class='inputter' />"); } function updateIndustryOther(title){ // not needed at the moment- maybe use this feature though for the industry dropdown. $("#industryArea").html("<label for='industry'>Which industry do you work in?</label><input type='text' name='industry' id='industry' placeholder='Industry' value='Other: "+title+"' class='inputter' />"); } function saveIndustry(){ // updateIndustryOther var industry = $("#other-industry").val(); if(job==""){ $("#please").hide(); $("#pleaseplease").show(); } else{ $("#please").show(); $("#pleaseplease").hide(); updateIndustryOther(industry); subs.openclosing('close'); } } function saveJobTitle(){ var job = $("#other-jobtitle").val(); if(job==""){ $("#please").hide(); $("#pleaseplease").show(); } else{ $("#please").show(); $("#pleaseplease").hide(); updateJobTitleOther(job); subs.openclosing('close'); } } function tabbing(page){ var digitalmag = $("#digital").val(); var printmag = $("#print").val(); var newsletter = $("#newsletter").val(); var fname = $("#fname").val(); var lname = $("#lname").val(); var company = $("#company").val(); var job = $("#job").val(); var email = $("#email").val(); var address1 = $("#address1").val(); var postcode = $("#postcode").val(); var country = $("#country").val(); var industry = $("#industry").val(); var errors = ""; var error = "no"; if(page=="2"){ if(digitalmag=="" && printmag=="" && newsletter==""){ alert("Please ensure that you select at least one format..."); error = "yes"; } // this is where the pub has been chosen or changed and clicking to the address. } if(page=="3"){ if(fname=="" || lname=="" || company=="" || job=="" || email=="" || address1=="" || postcode=="" || country=="" || industry==""){ if(fname==""){errors+="\n - First name";} if(lname==""){errors+="\n - Last name";} if(company==""){errors+="\n - Company name";} if(job==""){errors+="\n - Job title";} if(email==""){errors+="\n - Email address";} if(address1==""){errors+="\n - Address line 1";} if(postcode==""){errors+="\n - Post / ZIP code";} if(country==""){errors+="\n - Country";} if(industry==""){errors+="\n - Industry";} alert("You have missed some required fields:\n"+errors); error = "yes"; } // good fix countryCheck(); } if(error=="no"){ var tabber = "#tabbing_"+page; $("#tabbing_1").hide(); $("#tabbing_2").hide(); $("#tabbing_3").hide(); $(tabber).show(); } $('body,html').animate({scrollTop: 0}, 400); } $(document).ready(function(){ $("#footer-logos").endlessRiver({speed:50}); }); $(document).scroll(function () { var y = $(this).scrollTop(); if (y > 1500) { popsubOpen(); } else { $('#popsub').fadeOut(); } }); function closePopsub(){ popsubClose(); } function subbypop(){ var fname = $("#popsub-fname").val(); var lname = $("#popsub-lname").val(); var email = $("#popsub-email").val(); $("#autofname").val(fname); $("#autolname").val(lname); $("#autoemail").val(email); } function openings(){ document.getElementById("peelbanner").style="display:block"; document.getElementById("peelnew").style="display:none"; } function closings(){ document.getElementById("peelbanner").style="display:none"; document.getElementById("peelnew").style="display:block"; } $(document).ready(function(){ $.ajax({ url: "https://cdn.bitmagazine.net/assets/js/adverts.js", cache: false, success: function (data) { }, error: function (error) { // add toast var options = { content: "<span style='text-align:center;font-size:17px;'><span style='font-weight:bold;font-size:24px;'>Adblocker Detected</span><br>Please consider unblocking adverts on this website</span>", // text of the snackbar style: "snackbar", timeout: 10000, htmlAllowed: true, onClose: function(){ } // callback called when the snackbar gets closed. } $.snackbar(options); } }); }); (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "a8ndh6rqnp"); </script> <!-- <div id="peeler"> <div id="peelnew" onmouseover="openings()"> <img src="https://data.angel.digital/images/corner-new.png" alt=""> </div> <div id="peelbanner" onmouseout="closings()"> <a href="https://onlinesummit.angel-tech.net/?corner-event-III" target="_blank"><img src="https://data.angel.digital/images/online-summit-new.png" alt="Live Event"></a> </div> </div> --> </body> <!-- (C) 2025 Angel Business Communications Limited - Author: Mike Hewitt --> </html>