Skip to content

Instantly share code, notes, and snippets.

@dkesberg

dkesberg/boilerplate.html

Last active September 13, 2022 10:53
Show Gist options
  • Save dkesberg/39937c934d39a0b301f135bb0ca63021 to your computer and use it in GitHub Desktop.
Save dkesberg/39937c934d39a0b301f135bb0ca63021 to your computer and use it in GitHub Desktop.
Download ZIP
Html boilerplate with normalize
Raw
boilerplate.html
<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<!-- Supports modern JS? -->
<script type="module">
document.documentElement.classList.remove('no-js');
document.documentElement.classList.add('js');
</script>
<!-- Styles -->
<style>
/*!normalize.cssv8.0.1|MITLicense|github.com/necolas/normalize.css*/html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;/*1*/text-decoration:underline;/*2*/text-decoration:underlinedotted;/*2*/}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{/*1*/overflow:visible;}button,select{/*1*/text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1pxdottedButtonText;}fieldset{padding:0.35em0.75em0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;/*1*/padding:0;/*2*/}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;/*1*/outline-offset:-2px;/*2*/}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;/*2*/}details{display:block;}summary{display:list-item;}template{display:none;}[hidden]{display:none;}
</style>
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/print.css" media="print">
<!-- Meta information -->
<meta name="description" content="">
<meta property="og:type" content="website">
<meta property="og:url" content="">
<meta property="og:title" content="">
<meta property="og:description" content="">
<meta property="og:image" content="">
<meta property="og:image:alt" content="">
<meta property="og:locale" content="">
<meta property="twitter:card" content="summary_large_image">
<link rel="icon" href="/favicon.ico"><!-- 32×32 -->
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/favicon.png"><!-- 180×180 -->
<link rel="manifest" href="/manifest.webmanifest">
<link rel="canonical" href="">
<meta name="theme-color" content="#fafafa">
</head>
<body>
<!-- Site content -->
<!-- Scripts -->
<script src="/js/app.js" type="module"></script>
</body>
</html>
Raw
manifest.webmanifest
{
"icons": [
{ "src": "/icon-192.png", "type": "image/png", "sizes": "192x192" },
{ "src": "/icon-512.png", "type": "image/png", "sizes": "512x512" }
]
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment