134 lines
5.6 KiB
HTML
134 lines
5.6 KiB
HTML
|
<!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>
|