Holobooth

<!DOCTYPE html> <html lang="en"> <head> <base href="/" /> <meta charset="UTF-8" /> <meta content="IE=Edge" http-equiv="X-UA-Compatible" /> <meta name="description" content="Take a photo in the Holobooth with your favorite Google Developer Mascots! Built with Flutter & Firebase for Flutter Forward."> <meta property="og:description" content="Take a photo in the Holobooth with your favorite Google Developer Mascots! Built with Flutter & Firebase for Flutter Forward."> <meta property="og:title" content="Flutter Holobooth"> <meta property="og:url" content="https://holobooth.flutter.dev"> <meta property="og:image" content="https://firebasestorage.googleapis.com/v0/b/holobooth-prod.appspot.com/o/public%2Fholobooth-metadata-image.jpeg?alt=media&token=a8eeb216-56de-4257-9b80-5540e3f891c4"> <meta name="twitter:text:title" content="Flutter Holobooth"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Flutter Holobooth"> <meta name="twitter:description" content="Take a photo in the Holobooth with your favorite Google Developer Mascots! Built with Flutter & Firebase for Flutter Forward."> <meta name="twitter:image" content="https://firebasestorage.googleapis.com/v0/b/holobooth-prod.appspot.com/o/public%2Fholobooth-metadata-image.jpeg?alt=media&token=a8eeb216-56de-4257-9b80-5540e3f891c4">  <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <meta name="apple-mobile-web-app-title" content="Holobooth" /> <link rel="apple-touch-icon" href="icons/Icon-192.png" />  <link rel="icon" type="image/png" href="favicon.png" /> <link rel="preload" crossorigin="anonymous" as="fetch" href="assets/assets/images/holobooth_avatar.png" /> <title>Holobooth</title> <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-ND4LWWZ'); </script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-67589403-1', 'auto'); ga('send', 'pageview'); </script> <style>body,html{padding:0;margin:0;width:100%;height:100%;background:#12152B}body{display:flex;justify-content:center;align-items:center;}</style> <style>.MuiCircularProgress-root{display:inline-block}.MuiCircularProgress-static{transition:transform .3s cubic-bezier(.4,0,.2,1) 0s}.MuiCircularProgress-indeterminate{animation:MuiCircularProgress-keyframes-circular-rotate 1.4s linear infinite}.MuiCircularProgress-determinate{transition:transform .3s cubic-bezier(.4,0,.2,1) 0s}.MuiCircularProgress-colorPrimary{color:#51F6D9}.MuiCircularProgress-colorSecondary{color:#E8F8C6}.MuiCircularProgress-svg{display:block;animation:loading_animation 1.4s infinite}.MuiCircularProgress-circle{stroke:currentColor}.MuiCircularProgress-circleStatic{transition:stroke-dashoffset .3s cubic-bezier(.4,0,.2,1) 0s}.MuiCircularProgress-circleIndeterminate{animation:MuiCircularProgress-keyframes-circular-dash 1.4s ease-in-out infinite;stroke-dasharray:80px,200px;stroke-dashoffset:0}.MuiCircularProgress-circleDeterminate{transition:stroke-dashoffset .3s cubic-bezier(.4,0,.2,1) 0s}@keyframes MuiCircularProgress-keyframes-circular-rotate{0%{transform-origin:50% 50%}100%{transform:rotate(360deg)}}@keyframes MuiCircularProgress-keyframes-circular-dash{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}100%{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}.MuiCircularProgress-circleDisableShrink{animation:none}@keyframes loading_animation{0%{color:#51F6D9}50%{color:#E8F8C6}}</style> </head> <body > <div id="loading-indicator" style="width: 60px; height: 60px;" role="progressbar" class="MuiCircularProgress-root MuiCircularProgress-colorPrimary MuiCircularProgress-indeterminate"><svg viewBox="22 22 44 44" class="MuiCircularProgress-svg"> <circle cx="44" cy="44" r="20.2" fill="none" stroke-width="3.6" class="MuiCircularProgress-circle MuiCircularProgress-circleIndeterminate"></circle></svg></div>  <script src="https://unpkg.com/showmodaldialog"></script> <script src="https://cdn.jsdelivr.net/npm/@mediapipe/face_mesh"></script> <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-core"></script> <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-backend-webgl"></script> <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-converter"></script> <script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/face-landmarks-detection"></script> <script src="main.dart.js"></script> </body> </html>

CINXE.COM

Holobooth