Smart City Online 智慧城市線上展

<!doctype html> <html> <head> <meta content="text/html; charset=UTF-8; X-Content-Type-Options=nosniff" http-equiv="Content-Type" />  <meta http-equiv="Content-Security-Policy" content=" img-src *;" /> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta http-equiv="content-language" content="zh-tw"> <title>Smart City Online 智慧城市線上展</title> <meta property="og:type" content="website"> <meta property="og:title" content="Smart City Online 智慧城市線上展" /> <meta property="og:description" content="Smart City Online 智慧城市線上展" /> <meta property="og:url" content="https://smartcityonline.org.tw"> <meta property="og:image" content="/imgs/og.jpg"> <link rel="Shortcut Icon" type="image/ico" href="favicon.ico" /> <meta name="author" content="smartcity"> <meta name="description" content="Smart City Online Portal"> <meta name="keywords" content="smartcity,智慧城市,人工智慧,解決方案"> <link rel="apple-touch-icon-precomposed" sizes="144x144" href=""> <link rel="apple-touch-icon-precomposed" sizes="114x114" href=""> <link rel="apple-touch-icon-precomposed" sizes="72x72" href=""> <link href="https://api.mapbox.com/mapbox-gl-js/v1.10.1/mapbox-gl.css" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Poppins:100i,200,300,300i,400,500,600,700,800,900&display=swap" rel="stylesheet"> <link href="stylesheets/flaticon/flaticon.css" rel="stylesheet" /> <link href="stylesheets/app.css" rel="stylesheet" /> <link href="stylesheets/extend.css" rel="stylesheet" /> <script src="javascripts/app.js"></script>     <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WN8WGXP');</script>  </head> <body class="en lang-en">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WN8WGXP" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <nav class="navbar fixed-top p-0"> <div class="brand-logo mr-md-auto"> <a href="./" class="d-block"> <img src="images/logo-lg.png" class="brand-logo-img img-fluid" alt="Smart city logo" /> </a> </div> <nav class="mainmenu d-none d-lg-block">  <a class="mainmenu-item" href="solution.php">SCOPE</a> <a class="mainmenu-item" href="./?p=forum">Smart Live</a> <a class="mainmenu-item" href="./?p=pavilion_3D">Pavilion</a>  </nav> <a class="btn btn-primary d-none d-lg-block" href="http://smartcity.org.tw/m_service.php" target="_blank"><span>SIGN IN</span></a> <a class="btn btn-primary d-none d-lg-block" href="lang.php?lang=zh-tw"><span><img src="imgs/svg/icon_world.svg" alt="world icon" class="mx-auto d-block" />繁中</span></a> </nav>  <div id="menubtn" class="d-lg-none"> <div class="vmid"> <button class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="sr-only">Toggle navigation</span> <span class="navbar-icon"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></span> </button> </div> </div>  <div id="mobileMenu" class=""> <div class="mobile-head"> <div class="brand-logo"> <a href="./" class="d-block"> <img src="images/logo-xs.png" class="brand-logo-img img-fluid" alt="Smart city logo" /> </a> </div> </div> <div class="scroll"> <div class="mobile-wrap position-relative"> <div class="vmid"> <a href="lang.php?lang=zh-tw" class="lang-switch"><img src="imgs/svg/icon_world.svg" alt="world icon" class="d-inline-block" /> 繁中</a> <div class="mobile-body">  <a class="mainmenu-item" href="solution.php">SCOPE</a> <a class="mainmenu-item" href="./?p=forum">Smart Live</a> <a class="mainmenu-item" href="./?p=pavilion">Pavilion</a>  <a href="http://smartcity.org.tw/m_service.php" target="_blank" class="btn btn-outline-light">SIGN IN</a> </div>  </div> <div class="social text-center"> <a href="" target="_blank"><i class="fab fa-twitter"></i></a> <a href="" target="_blank"><i class="fab fa-facebook-square"></i></a> <a href="" target="_blank"><i class="fab fa-linkedin"></i></a> </div> </div>  </div>  </div>  <main id="main"> <style> .side .field{ text-align:center; font-size:2.2rem; color:#FFF; border-radius:8px; margin-bottom:20px; padding:6px 5px 9px 5px; background-color:#8080C0; border:#6060C0 solid 2px; text-shadow:2px 2px 2px #4040A0; } .slide-item { position: relative; width: 24%; vertical-align: top; padding: 15px 0; display: inline-block; } @media screen and (max-width: 991px){ .slide-item { width: 32%; } } @media screen and (max-width: 767px){ .slide-item { width: 48%; padding: 0 10px 16px 10px; } } .modal-content .close span{ position: absolute; top:-4px; right:-2px; } </style> <article class="article container-975"> <div class="banner"> <img src="https://smartcity.org.tw/b2b/upload/forum/_720x460.jpg" alt="【Smart Innovation Forum】Session 3: Metaverse Applications" class="img-fluid" />  </div>  <div class="article-header d-flex justify-content-between"> <h2 class="article-title">【Smart Innovation Forum】Session 3: Metaverse Applications</h2> <div class="btn-group top"> <div style="display:none;">2022-03-24 15:15 2022-03-24 17:05</div> <a href="https://www.google.com/calendar/render?action=TEMPLATE&trp=true&sf=true&output=xml&dates=20220324T071500Z/20220324T090500Z&text=【Smart Innovation Forum】Session 3: Metaverse Applications&location=高雄展覽館,海港會議室" target="_blank" class="btn btn-primary">+ Google Calendar</a> </div> </div>  <div class="article-content-wrap"> <div class="side"> <div class="field"> Kaohsiung </div> <div class="event-item"> <h4><img src="imgs/svg/calendar.svg" alt="" class="event-icon" /> Time</h4> <p>2022/03/24(四) 15:15-17:05 (GMT+8)</p> </div> <div class="event-item"> <h4><img src="imgs/svg/map.svg" alt="" class="event-icon" /> Venue</h4> <p>高雄展覽館,海港會議室</p> </div> <div class="event-item"> <h4><img src="imgs/svg/mode.svg" alt="" class="event-icon" /> Mode</h4> <p>Chinese</p> </div> </div> <div class="article-content ck-content"> <p>Everyone is talking about the Metaverse. Do you know what it is? The Metaverse is an extended concept of XR with multiple combinations, including blockchain and its applications such as cryptocurrency and NFTs (Non-fungible tokens) to create a new value in the virtual world. Keep up to date with the trends and become a part of the Metaverse. Join us and explore the new emerging industry in this exciting virtual world!</p> </div>  <hr class="clear" /> </div>  <div class="btn-group bot"> <a href="https://www.google.com/calendar/render?action=TEMPLATE&trp=true&sf=true&output=xml&dates=20220324T071500Z/20220324T090500Z&text=【Smart Innovation Forum】Session 3: Metaverse Applications&location=高雄展覽館,海港會議室" target="_blank" class="btn btn-primary">+ Google Calendar</a> </div> </article> <div class="lecturer-wrap article-feature"> <h2 class="article-title container-975 mx-auto bg-text unset" data-title="Speakers">Speakers</h2> <div class="inner level2"> <div class="container-975"> <div class="slide-list xxxfont0"> <div class="slide-item"> <a href="#" class="card-link" data-toggle="modal" data-target="#p-modalbox-1"></a> <img src="https://smartcity.org.tw/b2b/upload/forum/lecturer_199_382.jpg" alt="" class="img-fluid" /> <div class="slide-info"> <h5 style="font-size:18px;">Lewis Liu</h5> <h6 style="font-size:16px; color:#008cfd;">Industrial Technology Research Institute<br />Division Director</h6> </div> </div>  <div class="slide-item"> <a href="#" class="card-link" data-toggle="modal" data-target="#p-modalbox-2"></a> <img src="https://smartcity.org.tw/b2b/upload/forum/" alt="" class="img-fluid" /> <div class="slide-info"> <h5 style="font-size:18px;">Paul Lee</h5> <h6 style="font-size:16px; color:#008cfd;">Asia Silicon Valley Development Agency (ASVDA) /<br />CAO</h6> </div> </div>  <div class="slide-item"> <a href="#" class="card-link" data-toggle="modal" data-target="#p-modalbox-3"></a> <img src="https://smartcity.org.tw/b2b/upload/forum/lecturer_199_219.jpg" alt="" class="img-fluid" /> <div class="slide-info"> <h5 style="font-size:18px;">Yen-Ming Chu</h5> <h6 style="font-size:16px; color:#008cfd;">National Kaohsiung University of Science and Technology<br />Assistant Professor, Department of Information Management</h6> </div> </div>  <div class="slide-item"> <a href="#" class="card-link" data-toggle="modal" data-target="#p-modalbox-4"></a> <img src="https://smartcity.org.tw/b2b/upload/forum/lecturer_199_322.jpg" alt="" class="img-fluid" /> <div class="slide-info"> <h5 style="font-size:18px;">Peter Liao, CEO</h5> <h6 style="font-size:16px; color:#008cfd;">Pumpkin Studio<br /></h6> </div> </div>  <div class="slide-item"> <a href="#" class="card-link" data-toggle="modal" data-target="#p-modalbox-5"></a> <img src="https://smartcity.org.tw/b2b/upload/forum/lecturer_199_273.jpg" alt="" class="img-fluid" /> <div class="slide-info"> <h5 style="font-size:18px;">Sean Liao, CCO</h5> <h6 style="font-size:16px; color:#008cfd;">The Barking Dog Entertainment Inc.<br /></h6> </div> </div>  <div class="slide-item"> <a href="#" class="card-link" data-toggle="modal" data-target="#p-modalbox-6"></a> <img src="https://smartcity.org.tw/b2b/upload/forum/lecturer_199_567.jpg" alt="" class="img-fluid" /> <div class="slide-info"> <h5 style="font-size:18px;">Scott Chu, Vice President</h5> <h6 style="font-size:16px; color:#008cfd;">JARVISH Inc.<br /></h6> </div> </div>  </div>  </div>  </div>  </div>  <div class="schedule-wrap article-feature bg-text right container-975" data-title="agenda"> <h2 class="article-title">Agenda</h2> <div class="schedule-table"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <div class="h100"> <hr /> <p>15:15 - 15:30</p> </div> </td> <td> <p>Registration</p> </td> <td> </td> <td> </td> </tr> <tr> <td> <div class="h100"> <hr /> <p>15:30 - 15:40</p> </div> </td> <td> <p>Opening Remarks</p> </td> <td> <strong>Speaker<strong> <p>Asia Silicon Valley Development Agency (ASVDA)<br /> Paul Lee, CAO</p> </td> <td> </td> </tr> <tr> <td> <div class="h100"> <hr /> <p>15:40 - 15:55</p> </div> </td> <td> <p>Intelligent Living in the Metaverse</p> </td> <td> <strong>Speaker<strong> <p>Industrial Technology Research Institute / Lewis Liu, Division Director</p> </td> <td> </td> </tr> <tr> <td> <div class="h100"> <hr /> <p>15:55 - 16:10</p> </div> </td> <td> <p>From Smart Cities to Metaverse</p> </td> <td> <strong>Speaker<strong> <p>National Kaohsiung University of Science and Technology <br /> Yen-Ming Chu, Assistant Professor, Department of Information Management</p> </td> <td> </td> </tr> <tr> <td> <div class="h100"> <hr /> <p>16:10 - 16:25</p> </div> </td> <td> <p>Catching the Wave of Metaverse Innovative Applications</p> </td> <td> <strong>Speaker<strong> <p>Pumpkin Studio<br /> Peter Liao, CEO</p> </td> <td> </td> </tr> <tr> <td> <div class="h100"> <hr /> <p>16:25 - 17:15</p> </div> </td> <td> <p>Panel Discussion: Taiwan's Outlook and Framework of Metaverse Opportunity.</p> </td> <td> <strong>Speaker<strong> <p>Panelist：<br /> 1.National Kaohsiung University of Science and Technology<br /> Yen-Ming Chu, Assistant Professor, Department of Information Management<br /> 2.The Barking Dog Entertainment Inc.<br /> Sean Liao, CCO<br /> 3.JARVISH Inc.<br /> Scott Chu, Vice President</p> </td> <td> <strong>Moderator</strong> <p>Lewis Liu, Divisio <span class="blue">Industrial Technology Research Institute<br /></span></p> </td> </tr> <tr> <td> <div class="h100"> <hr /> <p>17:15 - 17:15</p> </div> </td> <td> <p>adjournment</p> </td> <td> </td> <td> </td> </tr> </tbody> </table> </div>   <div class="modal fade person-mo" id="p-modalbox-1" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered person-content slider" role="document"> <div class="modal-content"> <div class="modal-header"> <div class="avatar"> <img src="https://smartcity.org.tw/b2b/upload/forum/lecturer_199_382.jpg" alt="" class="img-fluid" /> </div> <div class="person-info"> <h5 class="modal-title" style="font-size:18px;">Lewis Liu</h5> <h6 style="font-size:16px; color:#008cfd;">Industrial Technology Research Institute<br />Division Director</h6> <p>Dr. Lewis Liu specialized in the technologies relating to 3D vision system including 3D sensing, 3D rapid modeling, 3D recognition and high-accuracy/precision measurement. With respect to the needs derived from ARVR industries, Lewis leads the team developing technologies which cover the modelized hardware, driving software, and authoring tools to enrich the vertical ecosystem. The exchange of 3D and 2D visualized data facilitates the collaborations such as machine installation, remote assist, and patrolling in the Metaverse breaking through the limitations across regions and time zones.</p> </div> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div>   <button type="button" class="slider-prev">prev</button> <button type="button" class="slider-next">next</button> </div>  </div>  </div>   <div class="modal fade person-mo" id="p-modalbox-2" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered person-content slider" role="document"> <div class="modal-content"> <div class="modal-header"> <div class="avatar"> <img src="https://smartcity.org.tw/b2b/upload/forum/" alt="" class="img-fluid" /> </div> <div class="person-info"> <h5 class="modal-title" style="font-size:18px;">Paul Lee</h5> <h6 style="font-size:16px; color:#008cfd;">Asia Silicon Valley Development Agency (ASVDA) /<br />CAO</h6> <p></p> </div> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div>   <button type="button" class="slider-prev">prev</button> <button type="button" class="slider-next">next</button> </div>  </div>  </div>   <div class="modal fade person-mo" id="p-modalbox-3" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered person-content slider" role="document"> <div class="modal-content"> <div class="modal-header"> <div class="avatar"> <img src="https://smartcity.org.tw/b2b/upload/forum/lecturer_199_219.jpg" alt="" class="img-fluid" /> </div> <div class="person-info"> <h5 class="modal-title" style="font-size:18px;">Yen-Ming Chu</h5> <h6 style="font-size:16px; color:#008cfd;">National Kaohsiung University of Science and Technology<br />Assistant Professor, Department of Information Management</h6> <p>Yen-Ming (Frank) Chu received the PhD degree in communications engineering from National Tsing-Hua University, Taiwan, in 2010. Since August 2014, he is an Assistant Professor in the Department of Information Management, National Kaohsiung University of Science and Technology, Kaohsiung, Taiwan. His current research interests include Internet of things, urban computing, and artificial intelligence.</p> </div> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div>   <button type="button" class="slider-prev">prev</button> <button type="button" class="slider-next">next</button> </div>  </div>  </div>   <div class="modal fade person-mo" id="p-modalbox-4" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered person-content slider" role="document"> <div class="modal-content"> <div class="modal-header"> <div class="avatar"> <img src="https://smartcity.org.tw/b2b/upload/forum/lecturer_199_322.jpg" alt="" class="img-fluid" /> </div> <div class="person-info"> <h5 class="modal-title" style="font-size:18px;">Peter Liao, CEO</h5> <h6 style="font-size:16px; color:#008cfd;">Pumpkin Studio<br /></h6> <p>Peter is a VR enthusiast, passionate game lover, and serial entrepreneur. With rich experience in market analysis and operations management, Peter has successfully established two companies in the US during 2014-2016 and founded Pumpkin Studio in Taiwan in 2016.<br /> <br /> His strong business development competency has led Pumpkin Studio to win several startup awards and be recognized as one of the VR leaders in the gaming industry.</p> </div> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div>   <button type="button" class="slider-prev">prev</button> <button type="button" class="slider-next">next</button> </div>  </div>  </div>   <div class="modal fade person-mo" id="p-modalbox-5" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered person-content slider" role="document"> <div class="modal-content"> <div class="modal-header"> <div class="avatar"> <img src="https://smartcity.org.tw/b2b/upload/forum/lecturer_199_273.jpg" alt="" class="img-fluid" /> </div> <div class="person-info"> <h5 class="modal-title" style="font-size:18px;">Sean Liao, CCO</h5> <h6 style="font-size:16px; color:#008cfd;">The Barking Dog Entertainment Inc.<br /></h6> <p>Master of National Central University EMBA, Reward of 2014 Taiwan 100 MVP Manager. Worked in the game industry for more than 20 years, effort in the production and management of more than 50 AAA console games based on vision art. Lead a VR/AR team completed several VR content since 2016. "The Spirites Within VR" was selected by the 2019 Palm Springs Animation Festival, and many honors in the global competitions. Since 2020, he will be a lecturer in the course related of Metaverse in I-Shou University, and developing a blockchain game "Niimfer World", which with the cards and dota-like gameplay.</p> </div> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div>   <button type="button" class="slider-prev">prev</button> <button type="button" class="slider-next">next</button> </div>  </div>  </div>   <div class="modal fade person-mo" id="p-modalbox-6" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered person-content slider" role="document"> <div class="modal-content"> <div class="modal-header"> <div class="avatar"> <img src="https://smartcity.org.tw/b2b/upload/forum/lecturer_199_567.jpg" alt="" class="img-fluid" /> </div> <div class="person-info"> <h5 class="modal-title" style="font-size:18px;">Scott Chu, Vice President</h5> <h6 style="font-size:16px; color:#008cfd;">JARVISH Inc.<br /></h6> <p>Experience<br /> 7.5 Years in ODM Industry <br /> 3.5 Based in Indonesia<br /> 3 Years Consultant in KPMG<br /> Master Degree/ 18 Years Motor Rider<br /> • Recreation wearable device<br /> • In charge of XAR/M2/A2 project development schedule<br /> • Manage Helmet and placement to meet DOT/CNS homologation <br /> • Collaborate Jarvish System with different model and helmet device <br /> • Manage Component sourcing team <br /> <br /> AR Project<br /> • In charge Jarvish AR Head-worn project development <br /> • Consolidate AR optical into Outdoor scenario <br /> • Develop user friendly UI and APP function list for Outdoor AR solution</p> </div> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div>   <button type="button" class="slider-prev">prev</button> <button type="button" class="slider-next">next</button> </div>  </div>  </div>  <script> function tableResize() { var screenW = $(window).width(); $(".schedule-table").find("tr").each(function(key, item) { var $tr = $(item); $tr.find("td:eq(0)").height('auto'); if (screenW <= 767) { var $tdH = $tr.innerHeight() - parseInt($tr.find("td:eq(0)").css("paddingTop")) - parseInt($tr.css("paddingBottom")); $tr.find("td:eq(0)").height($tdH); } else { } }) } $(function() { tableResize(); }); $(window).resize(function() { tableResize(); }) </script> <div class="organizer article-feature bg-text right" data-title="ORGANIZERS"> <h2 class="article-title">ORGANIZERS</h2> <div class="d-table"> <div class="d-table-row"> <div class="d-table-cell text-primary organizer-title">Organizer：</div> <div class="d-table-cell organizer-info"> <div class="inner"> <p>Asia Silicon Valley-Major League IoT、COMPUTEX TAIPEI、InnoVEX</p> </div> </div> </div>  <div class="d-table-row"> <div class="d-table-cell text-primary organizer-title">Co-organizer：</div> <div class="d-table-cell organizer-info"> <div class="inner"> <p>Taiwan Glora Alliance (GloRa)、Industrial Technology Research Institute、NKUST Innovation and Incubation Center 、Taiwan Advanced Automotive Technology Development Association (TADA)、 Taiwan Association of Disaster Prevention Industry (TADPI)、Taipei Computer Association (TCA)、Taiwan IOT Technology and Industry Association (TwIoTA)</p> </div> </div> </div>  </div>  </div>   </div>  <script> $(function() { $("div[id^='p-modalbox-']").each(function() { var currentModal = $(this); //click next currentModal.find('.slider-next').click(function() { currentModal.modal('hide'); currentModal.closest("div[id^='p-modalbox-']").nextAll("div[id^='p-modalbox-']").first().modal('show'); }); //click prev currentModal.find('.slider-prev').click(function() { currentModal.modal('hide'); currentModal.closest("div[id^='p-modalbox-']").prevAll("div[id^='p-modalbox-']").first().modal('show'); }); }); }) // end function </script> </main> <a href="#top" id="gotop">TOP</a> <footer id="footer"> <div class="container"> <div class="row"> <div class="footer-logo d-none d-md-block col-md-3"> <a href="https://en.smartcity.org.tw" target="_blank" class="d-block"><img src="imgs/svg/footer-scse-logo.svg" class="img-fluid" alt="Footer scse logo" /> <p>AIoT Invigorates Smart City</p> </a> </div> <div class="footer-smart-logo d-none d-md-block col-md-5 col-lg-5"> <div class="inner"> <div class="smart-city-logo"> <img src="images/logo/scse-logo.png" alt="Smart city logo" />  </div> <p>SCSE+ combines <br />online and offline event</p> </div> </div> <div class="footer-contact-info col-md-4 col-lg-4"> <h5>Contact</h5> <dl class="contact-info font0"> <dt><img src="imgs/svg/phone.svg" class="img-fluid contact-icon" alt="Phone" /></dt> <dd>(+886) 2-2577-4249 ext.255</dd> <dt><img src="imgs/svg/mail.svg" class="img-fluid contact-icon" alt="Mail" /></dt> <dd><a href="mailto:sam_shen@mail.tca.org.tw">sam_shen@mail.tca.org.tw</a></dd> <dt><img src="imgs/svg/ping.svg" class="img-fluid contact-icon" alt="Ping" /></dt> <dd>3F., No.2, Sec. 3, Bade Rd., Songshan Dist., Taipei, Taiwan, 10558</dd> </dl> </div>  </div>  </div>  <p class="copyright text-center">Copyright © 2024 - by Taipei Computer Association</p> </footer> <div class="modal fade" tabindex="-1" role="dialog" id="notification"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">提醒訊息</h5> <button type="button" class="close" data-dismiss="modal">×</button> </div> <div class="modal-body browser"> <h2>為獲得最佳瀏覽體驗，請使用Chrome <img src="images/browser/chrome.png" alt="Chrome">、Firefox <img src="images/browser/firefox.png" alt="Firefox">、Edge <img src="images/browser/edge.png" alt="Edge">瀏覽器！</h2> </div> </div> </div> </div> <script src="javascripts/jquery.scrollUp.min.js"></script> <script> $(function() { $.scrollUp({ scrollName: 'scrollUp', // Element ID topDistance: '300', // Distance from top before showing element (px) topSpeed: 300, // Speed back to top (ms) animation: 'fade', // Fade, slide, none animationInSpeed: 200, // Animation in speed (ms) animationOutSpeed: 200, // Animation out speed (ms) scrollText: '<i class="fas my-angle-up"></i>', // Text for element activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF' }); }); </script>   </body> </html>

CINXE.COM

Smart City Online 智慧城市線上展