index.html 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. <!DOCTYPE html>
  2. <html class="no-js" lang="en-US">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1" />
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  7. <title>FlagWaver</title>
  8. <meta name="description" content="A web app for simulating a waving flag." />
  9. <meta name="keywords" content="FlagWaver, Online Flag Waver, Flag, Waving, Vexillology, THREE.js, WebGL, 3D, JavaScript" />
  10. <link rel="canonical" href="https://krikienoid.github.io/flagwaver" />
  11. <!-- BEGIN CSS -->
  12. <link rel="stylesheet" type="text/css" href="./assets/css/main.css" />
  13. <!--[if lte IE 9]>
  14. <style type="text/css">
  15. #root { display: none; }
  16. </style>
  17. <![endif]-->
  18. <!-- END CSS -->
  19. <!-- BEGIN iOS meta tags -->
  20. <meta name="apple-mobile-web-app-capable" content="yes" />
  21. <meta name="apple-mobile-web-app-status-bar-style" content="default" />
  22. <meta name="apple-mobile-web-app-title" content="FlagWaver" />
  23. <!-- END iOS meta tags -->
  24. <!-- BEGIN Favicons -->
  25. <link rel="apple-touch-icon" sizes="180x180" href="https://krikienoid.github.io/flagwaver/apple-touch-icon.png" />
  26. <link rel="icon" type="image/png" sizes="32x32" href="https://krikienoid.github.io/flagwaver/favicon-32x32.png" />
  27. <link rel="icon" type="image/png" sizes="16x16" href="https://krikienoid.github.io/flagwaver/favicon-16x16.png" />
  28. <link rel="manifest" href="https://krikienoid.github.io/flagwaver/site.webmanifest" />
  29. <link rel="mask-icon" href="https://krikienoid.github.io/flagwaver/safari-pinned-tab.svg" color="#76aff4" />
  30. <link rel="shortcut icon" href="https://krikienoid.github.io/flagwaver/favicon.ico" />
  31. <meta name="msapplication-TileColor" content="#2d89ef" />
  32. <meta name="msapplication-config" content="https://krikienoid.github.io/flagwaver/browserconfig.xml" />
  33. <meta name="theme-color" content="#76aff4" />
  34. <!-- END Favicons -->
  35. <!-- BEGIN Social tags -->
  36. <meta property="og:url" content="https://krikienoid.github.io/flagwaver" />
  37. <meta property="og:type" content="website" />
  38. <meta property="og:title" content="FlagWaver" />
  39. <meta property="og:description" content="A web app for simulating a waving flag." />
  40. <meta property="og:image" content="https://krikienoid.github.io/flagwaver/assets/img/social-banner.png" />
  41. <meta name="twitter:card" content="summary_large_image" />
  42. <!-- END Social tags -->
  43. <!-- BEGIN Web Font Loader -->
  44. <script type="text/javascript">
  45. (function () {
  46. var sessionStorage = window.sessionStorage;
  47. if (sessionStorage && sessionStorage.wfActive) {
  48. document.documentElement.className += ' wf-active';
  49. return;
  50. }
  51. window.WebFontConfig = {
  52. custom: {
  53. families: [
  54. 'Montserrat:n4,n5,n7'
  55. ]
  56. },
  57. timeout: 2000,
  58. active: function () {
  59. if (sessionStorage) {
  60. sessionStorage.wfActive = true;
  61. }
  62. }
  63. };
  64. (function (d) {
  65. var wf = d.createElement('script'), s = d.scripts[0];
  66. wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js';
  67. wf.async = true;
  68. s.parentNode.insertBefore(wf, s);
  69. })(document);
  70. })();
  71. </script>
  72. <!-- END Web Font Loader -->
  73. <!-- BEGIN Analytics -->
  74. <!-- Global site tag (gtag.js) - Google Analytics -->
  75. <script async src="https://www.googletagmanager.com/gtag/js?id=UA-153496575-1"></script>
  76. <script>
  77. window.dataLayer = window.dataLayer || [];
  78. function gtag() { dataLayer.push(arguments); }
  79. gtag('js', new Date());
  80. gtag('config', 'UA-153496575-1', { 'anonymize_ip': true });
  81. </script>
  82. <!-- END Analytics -->
  83. </head>
  84. <body>
  85. <div id="root"></div>
  86. <noscript>
  87. <div class="empty empty-screen browser-error-no-js">
  88. <div class="v-align">
  89. <div class="v-align-content">
  90. <h2>Your browser does not have JavaScript enabled</h2>
  91. <p>This site requires JavaScript to fully function.</p>
  92. <p><a href="http://www.enable-javascript.com/" rel="noopener" target="_blank">How to enable JavaScript</a></p>
  93. </div>
  94. </div>
  95. </div>
  96. </noscript>
  97. <!--[if lte IE 9]>
  98. <div class="empty empty-screen browser-error-old-ie">
  99. <div class="v-align">
  100. <div class="v-align-content">
  101. <h2>Your browser is not supported</h2>
  102. <p>This page requires a browser that supports WebGL.</p>
  103. <p><a href="http://get.webgl.org/" rel="noopener" target="_blank">More information</a></p>
  104. </div>
  105. </div>
  106. </div>
  107. <![endif]-->
  108. <!-- BEGIN JS -->
  109. <script type="text/javascript" src="./assets/js/modernizr-custom.js"></script>
  110. <script type="text/javascript" src="./assets/js/app.js"></script>
  111. <!-- END JS -->
  112. </body>
  113. </html>