arredemo
Version:
Instantly build a static site for your package
79 lines (72 loc) • 2.73 kB
HTML
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>{{title}}</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
{{#description}}
<meta name="description" content="{{description}}" />
{{/description}}
{{#keywords}}
<meta name="keywords" content="{{keywords}}" />
{{/keywords}}
{{#author}}
<meta name="author" content="{{author}}" />
{{/author}}
{{#favicon_ico}}
<!-- For IE 9 and below. ICO should be 32x32 pixels in size -->
<!--[if IE]><link rel="shortcut icon" href="{{favicon_ico}}"/><![endif]-->
{{/favicon_ico}}
{{#favicon_apple}}
<!-- Touch Icons - iOS and Android 2.1+ 180x180 pixels in size. -->
<link rel="apple-touch-icon-precomposed" href="{{favicon_apple}}"/>
{{/favicon_apple}}
{{#favicon_main}}
<!-- Firefox, Chrome, Safari, IE 11+ and Opera. 196x196 pixels in size. -->
<link rel="icon" href="{{favicon_main}}"/>
{{/favicon_main}}
<!-- Facebook and Twitter integration -->
<meta property="og:title" content="{{title}}"/>
{{#logo}}
<meta property="og:image" content="{{logo}}"/>
{{/logo}}
{{#url}}
<meta property="og:url" content="{{url}}"/>
<meta property="og:site_name" content="{{url}}"/>
{{/url}}
{{#description}}
<meta property="og:description" content="{{description}}"/>
{{/description}}
<meta name="twitter:title" content="{{title}}" />
{{#logo}}
<meta name="twitter:image" content="{{logo}}" />
{{/logo}}
{{#url}}
<meta name="twitter:url" content="{{url}}"/>
{{/url}}
<meta name="twitter:card" content="summary" />
{{#description}}
<meta name="twitter:text" content="{{description}}" />
{{/description}}
<!--<link href="https://fonts.googleapis.com/css?family=Inconsolata:400,700" rel="stylesheet"/>-->
</head>
<body class="arredemo">
<div id="arredemo-app"></div>
<script crossorigin src="https://unpkg.com/react@16.13.1/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16.13.1/umd/react-dom.production.min.js"></script>
<script crossorigin src="https://unpkg.com/markdown-to-jsx@7.1.9/dist/index.umd.js"></script>
<script crossorigin src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js"></script>
<script src="{{bundle}}?v={{bundle_version}}"></script>
<script>
// Sanity-check the component loaded...
setTimeout(function () {
var content = document.querySelector("#arredemo-app");
var warning = "If you can see this, something is broken (or JS is not enabled)!";
if (!content.innerHTML) {
content.innerHTML = warning;
}
}, 500);
</script>
</body>
</html>