Merced Component Library

Base 

<!DOCTYPE html>
<html class="no-js" lang="en">

<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">
</head>

<body class="preload fs-grid theme-default ">

    <div>

    </div>

    <script>
        var WWW_ROOT = "";
        var STATIC_ROOT = "../../index.html";
    </script>

    <script src="../../vendor/jquery/jquery.3.5.1.min.js"></script>

    <script src="../../js/site.js"></script>

    <link id="fs-grid-styles" rel="stylesheet" href="../../vendor/formstone/bookmarklet/bookmarklet.1.2.1.css" type="text/css" media="all">
    <script src="../../vendor/formstone/bookmarklet/bookmarklet.1.2.1.js"></script>
    <script>
        $(window).on('load', function() {
            new FSGridBookmarklet();
        });
    </script>
</body>

</html>
 
{% set page = _target.context.page %}

<!DOCTYPE html>
<html class="no-js" lang="en">
	<head>
		{% render '@layout-head' with {
			label: _target.label,
			page: page
		} %}
	</head>

	<body class="preload fs-grid theme-{{ page.theme|default('default') }} {% for class in page.classes %} body_{{class }}{% endfor %}">
		{{ init_uniqid() }}

		{% block content %}
			<div>
				{{ yield }}
			</div>
		{% endblock %}

		<script>
			var WWW_ROOT = "";
			var STATIC_ROOT = "{{ '/'|path }}";
		</script>

		<script src="{{ '/vendor/jquery/jquery.3.5.1.min.js'|path }}"></script>

		{% block footer_scripts_above %}
			{#  #}
		{% endblock %}

		<script src="{{ '/js/site.js'|path }}"></script>

		{% block footer_scripts_below %}
			{#  #}
		{% endblock %}

		{% if page.scripts %}
			{% for script in page.scripts %}
				<script src="{{ script }}"></script>
			{% endfor %}
		{% endif %}

		<link id="fs-grid-styles" rel="stylesheet" href="{{ '/vendor/formstone/bookmarklet/bookmarklet.1.2.1.css'|path }}" type="text/css" media="all">
		<script src="{{ '/vendor/formstone/bookmarklet/bookmarklet.1.2.1.js'|path }}"></script>
		<script>
			$(window).on('load', function () {
				new FSGridBookmarklet();
			});
		</script>
	</body>
</html>

No notes defined.