Skip to content

Instantly share code, notes, and snippets.

@rbk

rbk/index.html

Created August 21, 2019 13:01
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save rbk/81f614ae778d5f25242b78273b0cbf9a to your computer and use it in GitHub Desktop.
Save rbk/81f614ae778d5f25242b78273b0cbf9a to your computer and use it in GitHub Desktop.
Download ZIP
Example of a great HTML document header
Raw
index.html
<!DOCTYPE html>
<html lang=en>
<head>
<meta charset=utf-8 />
<meta content="IE=edge" http-equiv=X-UA-Compatible />
<meta content="width=device-width, initial-scale=1" name=viewport />
<title>Schedule | JAMstack_conf_sf</title>
<meta content="A two day conference, and a day of workshops in San Francisco for learning to design, develop, &amp; deploy modern web projects without servers." name=description />
<meta content="jamstack, pwa, progressive web apps, apis, api, react, reactjs, react.js, react conf, conference, conf, workshop, netlify, github, eventbrite, webpack, freecodecamp, redux, vue, vue.js, workshop, learn to code, learn to program, learn react, san francisco, learn programming, learn javascript, learn coding, code, coding, programming, software engineer, software developer, web development, development, engineering, coding bootcamp, javascript, open source, microservices, serverless, gatsby, contentful, angular, angular.js, angularjs" name=keywords />
<meta content="https://jamstackconf.com/sf" property="og:url"/>
<meta content=website property="og:type"/>
<meta content=JAMstack_conf_sf property="og:site_name"/>
<meta content=JAMstack_conf_sf property="og:title"/>
<meta content="A two day conference, and a day of workshops in San Francisco for learning to design, develop, &amp; deploy modern web projects without servers." property="og:description"/>
<meta content="https://jamstackconf.com/images/og-image-sf.png" property="og:image"/>
<meta content=1200 property="og:image:width"/>
<meta content=630 property="og:image:height"/>
<meta content=summary_large_image name="twitter:card"/>
<meta content="@jamstackconf" name="twitter:site"/>
<meta content="@jamstackconf" name="twitter:creator"/>
<meta content="https://jamstackconf.com/sf" name="twitter:url"/>
<meta content="JAMstack_conf_sf: October 16th-18th, 2019" name="twitter:title"/>
<meta content="A two day conference, and a day of workshops in San Francisco for learning to design, develop, &amp; deploy modern web projects without servers." name="twitter:description"/>
<meta content="https://jamstackconf.com/images/og-image-sf.png" name="twitter:image"/>
<link href="/images/favicons/apple-touch-icon-57x57.png" rel=apple-touch-icon-precomposed sizes=57x57 />
<link href="/images/favicons/apple-touch-icon-60x60.png" rel=apple-touch-icon-precomposed sizes=60x60 />
<link href="/images/favicons/apple-touch-icon-72x72.png" rel=apple-touch-icon-precomposed sizes=72x72 />
<link href="/images/favicons/apple-touch-icon-76x76.png" rel=apple-touch-icon-precomposed sizes=76x76 />
<link href="/images/favicons/apple-touch-icon-114x114.png" rel=apple-touch-icon-precomposed sizes=114x114 />
<link href="/images/favicons/apple-touch-icon-120x120.png" rel=apple-touch-icon-precomposed sizes=120x120 />
<link href="/images/favicons/apple-touch-icon-144x144.png" rel=apple-touch-icon-precomposed sizes=144x144 />
<link href="/images/favicons/apple-touch-icon-152x152.png" rel=apple-touch-icon-precomposed sizes=152x152 />
<link href="/images/favicons/favicon-16x16.png" rel=icon sizes=16x16 type="image/png"/>
<link href="/images/favicons/favicon-32x32.png" rel=icon sizes=32x32 type="image/png"/>
<link href="/images/favicons/favicon-96x96.png" rel=icon sizes=96x96 type="image/png"/>
<link href="/images/favicons/favicon-128.png" rel=icon sizes=128x128 type="image/png"/>
<link href="/images/favicons/favicon-196x196.png" rel=icon sizes=196x196 type="image/png"/>
<link href="/images/favicons/favicon.ico" rel=icon sizes=16x16 type="image/png"/>
<meta content=JAMstack_conf_sf name=application-name />
<meta content="#FFFFFF" name=msapplication-TileColor />
<meta content="/images/favicons/mstile-70x70.png" name=msapplication-square70x70logo />
<meta content="/images/favicons/mstile-144x144.png" name=msapplication-TileImage />
<meta content="/images/favicons/mstile-150x150.png" name=msapplication-square150x150logo />
<meta content="/images/favicons/mstile-310x150.png" name=msapplication-wide310x150logo />
<meta content="/images/favicons/mstile-310x310.png" name=msapplication-square310x310logo />
<link as=font crossorigin=anonymous href="/fonts/Inter-Regular.woff2" rel=preload type="font/woff2"/>
<link as=font crossorigin=anonymous href="/fonts/Inter-Medium.woff2" rel=preload type="font/woff2"/>
<link as=font crossorigin=anonymous href="/fonts/Inter-SemiBold.woff2" rel=preload type="font/woff2"/>
<link as=font crossorigin=anonymous href="/fonts/Inter-Bold.woff2" rel=preload type="font/woff2"/>
<link href="/dist/stylesheets/app.css" rel=stylesheet />
<script src="/dist/javascripts/index.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-42258181-15"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-42258181-15');
</script></head>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment