Merced Component Library

Head 

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title> &raquo; Pattern Library</title>
<meta name="description" content="">

<!-- preconnects -->
<link rel="preconnect" href="https://images.slowblotch.com" />

<!-- stylesheets -->
<link media="all" rel="stylesheet" href="../../css/site.css">

<!-- favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="../../favicons/apple-touch-icon.png?v=1.0.0">
<link rel="icon" type="image/png" sizes="32x32" href="../../favicons/favicon-32x32.png?v=1.0.0">
<link rel="icon" type="image/png" sizes="16x16" href="../../favicons/favicon-16x16.png?v=1.0.0">
<link rel="manifest" href="../../favicons/site.webmanifest?v=1.0.0">
<link rel="mask-icon" href="../../favicons/safari-pinned-tab.svg?v=1.0.0" color="#00205c">
<link rel="shortcut icon" href="../../favicons/favicon.ico?v=1.0.0">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-config" content="../../favicons/browserconfig.xml?v=1.0.0">
<meta name="theme-color" content="#ffffff">
<!-- misc meta -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">

<!-- IMPORTANT - REMOVE THIS FROM ANY CMS IMPLEMENTATION AS IT PREVENTS INDEXING -->
<meta name="robots" content="noindex">

<!-- Facebook -->
<meta property="og:title" content="Merced">
<meta property="og:type" content="website">
<meta property="og:image" content="https://example.dev.slowblotch.com/site/social.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="600">
<meta property="og:description" content="">
<meta property="og:site_name" content="Merced">

<!-- twitter -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&family=Open+Sans:wght@300;400;600;700&family=Spectral:ital,wght@0,300;0,400;0,600;1,200;1,600&display=swap" rel="stylesheet">
 
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

{% block head_title %}
	<title>{{ label }} &raquo; Pattern Library</title>
{% endblock %}
<meta name="description" content="{{ page.description ?: config.description }}">

<!-- preconnects -->
<link rel="preconnect" href="https://images.slowblotch.com" />

<!-- stylesheets -->
<link media="all" rel="stylesheet" href="{{ '/css/site.css'|path }}">

{% if page.stylesheets %}
	{% for styles in page.stylesheets %}
		<link rel="stylesheet" href="{{ styles }}">
	{% endfor %}
{% endif %}

{% include '@component-favicons' %}

<!-- misc meta -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">

<!-- IMPORTANT - REMOVE THIS FROM ANY CMS IMPLEMENTATION AS IT PREVENTS INDEXING -->
<meta name="robots" content="noindex">

<!-- Facebook -->
<meta property="og:title" content="{{ page.title ?: config.name }}">
<meta property="og:type" content="website">
<meta property="og:image" content="{{ page.metaImage ?: 'https://' ~ config.domain ~ '/social.png' }}">
<meta property="og:image:width" content="{{ page.metaImageWidth ?: 1200 }}">
<meta property="og:image:height" content="{{ page.metaImageHeight ?: 600 }}">
<meta property="og:description" content="{{ page.description ?: config.description }}">
<meta property="og:site_name" content="{{ config.name }}">

<!-- twitter -->
{% if config.twitter != 'TwitterName' %}
	<!-- Twitter -->
	<meta name="twitter:card" content="{{ page.metaCard ?: 'summary_large_image' }}">
	<meta name="twitter:site" content="@{{ config.twitter }}">
	<meta name="twitter:creator" content="@{{ config.twitter }}">
	<meta name="twitter:url" content="//twitter.com/{{ config.twitter }}">
	<meta name="twitter:title" content="{{ page.title ?: config.name }}">
	<meta name="twitter:description" content="{{ page.description ?: config.description }}">
	<meta name="twitter:image" content="{{ page.metaImage ?: 'http://' ~ config.domain ~ '/social.png' }}">
{% endif %}

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&family=Open+Sans:wght@300;400;600;700&family=Spectral:ital,wght@0,300;0,400;0,600;1,200;1,600&display=swap" rel="stylesheet">

No notes defined.