Skip to content

Instantly share code, notes, and snippets.

@bymathias
Created July 14, 2020 11:45
Show Gist options
  • Save bymathias/a105789378993fe9b28d7f998abd027d to your computer and use it in GitHub Desktop.
Save bymathias/a105789378993fe9b28d7f998abd027d to your computer and use it in GitHub Desktop.
{{! Defines the encoding of the website, utf-8 is the standard }}
<meta charset="utf-8">
{{! Set the document's title }}
<title>{{ title }} | {{ config.title }}</title>
{{! Short description of the document (limit to 150 characters) }}
<meta name="description" content="{{ config.description }}">
{{!
Viewport settings related to mobile responsiveness
`width=device-width` means that it will use the physical width of the device
`initial-scale=1` is the initial zoom, 1 means no zoom
}}
<meta name="viewport" content="width=device-width, initial-scale=1">
{{!
Verify website ownership
}}
{{! @see: https://search.google.com/search-console }}
<meta name="google-site-verification" content="{{ config.third_party.google.verify_id }}">
{{! @see: https://webmaster.yandex.com }}
<meta name="yandex-verification" content="{{ config.third_party.yandex.verify_id }}">
{{! @see: https://www.bing.com/toolbox/webmaster }}
<meta name="msvalidate.01" content="{{ config.third_party.bing.verify_id }}">
{{! @see: https://www.alexa.com/siteinfo }}
<meta name="alexaVerifyID" content="{{ config.third_party.alexa.verify_id }}">
{{! facebook app id }}
<meta name="fb:app_id" content="{{ config.third_party.facebook.app_id }}">
{{! facebook open graph data }}
<meta name="og:url" content="{{ config.third_party.facebook.app_id }}">
<meta name="og:type" content="">
<meta name="og:title" content="">
<meta name="og:image" content="">
<meta name="og:description" content="">
<meta name="og:site_name" content="">
<meta name="article:author" content="">
{{! twitter cards }}
<meta name="twitter:card" content="">
<meta name="twitter:site" content="">
<meta name="twitter:title" content="">
<meta name="twitter:description" content="">
<meta name="twitter:image" content="">
{{! Theme Color for Chrome, Firefox OS and Opera }}
<meta name="theme-color" content="{{ config.favicons.theme_color }}">
{{! Name of web application (only should be used if the website is used as an app) }}
<meta name="application-name" content="{{ title }}">
{{! Google Android: Add to home screen }}
<meta name="mobile-web-app-capable" content="yes">
{{!
Favicons
}}
{{! Use SVG as a favicon for the most modern browsers }}
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
{{! If a browser doesn’t support a SVG favicon, fallback to .png and .ico files }}
{{#each config.faviconSizes.favicons }}
<link rel="alternate icon" type="image/png" sizes="{{ this }}" href="/favicon-{{ this }}.png">
{{/each}}
<link rel="alternate icon" href="/favicon.ico">
{{!
Microsoft Internet Explorer
}}
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
<meta name="msapplication-config" content="/browserconfig.xml">
{{!
Apple iOS
}}
{{! Enable standalone (full-screen) mode }}
<meta name="apple-mobile-web-app-capable" content="yes">
{{! Status bar appearance (has no effect unless standalone mode is enabled) }}
<meta name="apple-mobile-web-app-status-bar-style" content="{{ config.favicons.appleStatusBarStyle }}">
{{! Launch Icon Title }}
<meta name="apple-mobile-web-app-title" content="{{ config.title }}">
{{! Launch Icons and Screen Images }}
{{#each config.faviconSizes.appleIcons }}
<link rel="apple-touch-icon" sizes="{{ this }}" href="/apple-touch-icon-{{ this }}.png">
{{/each}}
{{#each config.faviconSizes.appleImages }}
<link
rel="apple-touch-startup-image"
media="
(device-width: {{ this.[0] }}px) and
(device-height: {{ this.[1] }}px) and
(-webkit-device-pixel-ratio: {{ this.[2] }}) and
(orientation: {{ this.[3] }})"
href="/apple-touch-startup-image-{{ this.[4] }}.png">
{{/each}}
{{! Links to a JSON file that specifies "installation" credentials for the web applications }}
<link rel="manifest" href="/manifest.json" crossorigin="use-credentials">
{{! Safari icon that the user sees when they pin your site }}
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="{{ config.favicons.theme_color }}">
{{! Opera Coast icon }}
<link rel="icon" type="image/png" sizes="228x228" href="/coast-228x228.png">
{{! Yandex widget manifest }}
<link rel="yandex-tableau-widget" href="/yandex-browser-manifest.json">
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment