Skip to content

Instantly share code, notes, and snippets.

@mihkeleidast

mihkeleidast/preview.twig

Created March 1, 2019 18:44
Show Gist options
  • Save mihkeleidast/5982b546203a815e97f622e51f3e1fe9 to your computer and use it in GitHub Desktop.
Save mihkeleidast/5982b546203a815e97f622e51f3e1fe9 to your computer and use it in GitHub Desktop.
Download ZIP
Fractal twig preview
Raw
preview.twig
<!DOCTYPE html>
<html class="no-js" lang="{{ language }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<link rel="apple-touch-icon" sizes="180x180" href="{{ '/inc/favicon/apple-touch-icon.png'|path }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ '/inc/favicon/favicon-32x32.png'|path }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ '/inc/favicon//favicon-16x16.png'|path }}">
<link rel="manifest" href="{{ '/inc/favicon/manifest.json'|path }}">
<link rel="mask-icon" href="{{ '/inc/favicon/safari-pinned-tab.svg'|path }}" color="#ffffff">
<link rel="shortcut icon" href="{{ '/inc/favicon/favicon.ico'|path }}">
<meta name="msapplication-config" content="{{ '/inc/favicon/browserconfig.xml'|path }}">
<meta name="theme-color" content="#ffffff">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
{% if wp_head is defined %}
{{ wp_head }}
{% else %}
{% for style in _config.cssAssets %}
<link media="all" rel="stylesheet" href="{{ ('/inc/' ~ style)|path }}">
{% endfor %}
<title>{{ _target.title }}</title>
{% endif %}
{% if _target.meta.previewDisplay is not empty %}
<style>
body {
{% for key, value in _target.meta.previewDisplay %}
{{ key }}: {{ value }};
{% endfor %}
}
</style>
{% endif %}
</head>
<body class="{{ body_class }}">
<div id="page">
{% block yield %}
{{ yield }}
{% endblock %}
</div>
{% if wp_footer is defined %}
{{ wp_footer }}
{% else %}
<script>
var gotoAndPlay = {
"templatePath":"{{ '/'|path|replace({'index.html': ''}) }}",
"svgPath":"{{ ('/inc/' ~ _config.svgPath)|path }}",
"googleMapsApiKey": "{{ _config.googleMapsApiKey }}"
};
</script>
{% for script in _config.jsAssets %}
<script src="{{ ('/inc/' ~ script)|path }}"></script>
{% endfor %}
{% endif %}
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment