<!DOCTYPE html> <html class="no-js" lang="en-US"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>FlagWaver</title> <meta name="description" content="A web app for simulating a waving flag." /> <meta name="keywords" content="FlagWaver, Online Flag Waver, Flag, Waving, Vexillology, THREE.js, WebGL, 3D, JavaScript" /> <link rel="canonical" href="https://krikienoid.github.io/flagwaver" /> <!-- BEGIN CSS --> <link rel="stylesheet" type="text/css" href="./assets/css/main.css" /> <!--[if lte IE 9]> <style type="text/css"> #root { display: none; } </style> <![endif]--> <!-- END CSS --> <!-- BEGIN iOS meta tags --> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="default" /> <meta name="apple-mobile-web-app-title" content="FlagWaver" /> <!-- END iOS meta tags --> <!-- BEGIN Favicons --> <link rel="apple-touch-icon" sizes="180x180" href="https://krikienoid.github.io/flagwaver/apple-touch-icon.png" /> <link rel="icon" type="image/png" sizes="32x32" href="https://krikienoid.github.io/flagwaver/favicon-32x32.png" /> <link rel="icon" type="image/png" sizes="16x16" href="https://krikienoid.github.io/flagwaver/favicon-16x16.png" /> <link rel="manifest" href="https://krikienoid.github.io/flagwaver/site.webmanifest" /> <link rel="mask-icon" href="https://krikienoid.github.io/flagwaver/safari-pinned-tab.svg" color="#76aff4" /> <link rel="shortcut icon" href="https://krikienoid.github.io/flagwaver/favicon.ico" /> <meta name="msapplication-TileColor" content="#2d89ef" /> <meta name="msapplication-config" content="https://krikienoid.github.io/flagwaver/browserconfig.xml" /> <meta name="theme-color" content="#76aff4" /> <!-- END Favicons --> <!-- BEGIN Social tags --> <meta property="og:url" content="https://krikienoid.github.io/flagwaver" /> <meta property="og:type" content="website" /> <meta property="og:title" content="FlagWaver" /> <meta property="og:description" content="A web app for simulating a waving flag." /> <meta property="og:image" content="https://krikienoid.github.io/flagwaver/assets/img/social-banner.png" /> <meta name="twitter:card" content="summary_large_image" /> <!-- END Social tags --> <!-- BEGIN Web Font Loader --> <script type="text/javascript"> (function () { var sessionStorage = window.sessionStorage; if (sessionStorage && sessionStorage.wfActive) { document.documentElement.className += ' wf-active'; return; } window.WebFontConfig = { custom: { families: [ 'Montserrat:n4,n5,n7' ] }, timeout: 2000, active: function () { if (sessionStorage) { sessionStorage.wfActive = true; } } }; (function (d) { var wf = d.createElement('script'), s = d.scripts[0]; wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js'; wf.async = true; s.parentNode.insertBefore(wf, s); })(document); })(); </script> <!-- END Web Font Loader --> <!-- BEGIN Analytics --> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-153496575-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-153496575-1', { 'anonymize_ip': true }); </script> <!-- END Analytics --> </head> <body> <div id="root"></div> <noscript> <div class="empty empty-screen browser-error-no-js"> <div class="v-align"> <div class="v-align-content"> <h2>Your browser does not have JavaScript enabled</h2> <p>This site requires JavaScript to fully function.</p> <p><a href="http://www.enable-javascript.com/" rel="noopener" target="_blank">How to enable JavaScript</a></p> </div> </div> </div> </noscript> <!--[if lte IE 9]> <div class="empty empty-screen browser-error-old-ie"> <div class="v-align"> <div class="v-align-content"> <h2>Your browser is not supported</h2> <p>This page requires a browser that supports WebGL.</p> <p><a href="http://get.webgl.org/" rel="noopener" target="_blank">More information</a></p> </div> </div> </div> <![endif]--> <!-- BEGIN JS --> <script type="text/javascript" src="./assets/js/modernizr-custom.js"></script> <script type="text/javascript" src="./assets/js/app.js"></script> <!-- END JS --> </body> </html>