jekyll-theme-amethyst 0.2.0

data/_includes/search.html

@@ -0,0 +1,14 @@
+<form class="site-search" id="site-search-form" action="https://duckduckgo.com">
+<label class="screen-reader-text" for="aa-search-input">Search</label>
+<input type="search" name="q" id="aa-search-input" class="aa-input-search" placeholder="Search..." autocomplete="off">
+<input type="hidden" name="sites" value="{{ site.url | remove_first: 'http://' | remove_first: 'https://' }}">
+<svg class="aa-input-icon" viewBox="654 -372 1664 1664" height="20">
+    <path d="M1806,332c0-123.3-43.8-228.8-131.5-316.5C1586.8-72.2,1481.3-116,1358-116s-228.8,43.8-316.5,131.5  C953.8,103.2,910,208.7,910,332s43.8,228.8,131.5,316.5C1129.2,736.2,1234.7,780,1358,780s228.8-43.8,316.5-131.5  C1762.2,560.8,1806,455.3,1806,332z M2318,1164c0,34.7-12.7,64.7-38,90s-55.3,38-90,38c-36,0-66-12.7-90-38l-343-342  c-119.3,82.7-252.3,124-399,124c-95.3,0-186.5-18.5-273.5-55.5s-162-87-225-150s-113-138-150-225S654,427.3,654,332  s18.5-186.5,55.5-273.5s87-162,150-225s138-113,225-150S1262.7-372,1358-372s186.5,18.5,273.5,55.5s162,87,225,150s113,138,150,225  S2062,236.7,2062,332c0,146.7-41.3,279.7-124,399l343,343C2305.7,1098.7,2318,1128.7,2318,1164z"/>
+</svg>
+</form>
+
+{%- comment -%}
+
+See also search-js.html
+
+{%- endcomment -%}

data/_includes/sidebar.html

@@ -0,0 +1,89 @@
+{%- comment -%}
+
+Parameters:
+
+* blocks:
+  Key in `site.data` corresponding to a `_data/*.yml` file.
+
+Block data:
+
+* type: [Default: "group"]
+  What type of block to add to the sidebar.
+  - "group" to query a list of pages from a page group.
+  - "list" to specify your own custom list.
+  - "archive" to query a list of chronological pages based on their layout.
+  - "tags" to query a list of alphabetical pages based on their layout.
+
+* title: [Default: group_page.title or ""]
+  For a "group" block this defaults to the title of the group index page.
+  For a custom "list" block, this is required.
+
+* url: [Default: group_page.url or null]
+  For a "group" block this defaults to the URL of the group index page.
+  If null, the block title will not be linked.
+
+* group:
+  When using a "group" block, the ID of the group to query for.
+
+* list:
+  When using a "list" block, an array of objects with "title"
+  and "url" properties.
+
+* expand: [Default: active]
+  Whether a block should be expanded.
+  - true: Always expanded.
+  - false: Never expanded.
+  - active: Expand when the current page is in the list.
+
+{%- endcomment -%}
+<section class="sidebar">
+{%- for block in site.data[include.blocks] -%}
+	{%- assign block_type = block.type | default: "group" -%}
+	{%- assign block_title = block.title -%}
+	{%- assign block_url = block.url -%}
+	{%- assign block_contents = block.list -%}
+	{%- assign block_expand = block.expand -%}
+	{%- if block_expand != true and block_expand != false -%}
+		{%- assign block_expand = "active" -%}
+	{%- endif -%}
+
+	{%- if block_type == "group" -%}
+		{%- assign group_page = site.pages | where: "layout", "group" | where: "group", block.group | first -%}
+		{%- assign block_title = block.title | default: group_page.title | default: block.group -%}
+		{%- assign block_url = block.url | default: group_page.url -%}
+		{%- assign block_contents = site.pages | where: 'groups', block.group | sort_natural: 'title' -%}
+	{%- elsif block_type == "recent" -%}
+		{%- assign block_contents = site.posts | slice: 0, 5 -%}
+	{%- elsif block_type == "archive" -%}
+		{%- assign block_contents = site.pages | where: "layout", "posts-year" | sort_natural: 'date' | reverse  -%}
+	{%- elsif block_type == "tags" -%}
+		{%- assign block_contents = site.pages | where: "layout", "posts-tag" | sort_natural: 'title'  -%}
+	{%- endif -%}
+
+	{%- if block_expand == "active" -%}
+		{%- assign self_in_contents = block_contents | where: 'url', page.url | size -%}
+		{%- if page.url == block_url or self_in_contents > 0 -%}
+			{%- assign block_expand = true -%}
+		{%- else -%}
+			{%- assign block_expand = false -%}
+		{%- endif -%}
+	{%- endif %}
+
+	<h4 {%- if block_expand %} class="sidebar-title-open"{% endif %}>{% if block_url %}<a href="{{ block_url | relative_url }}">{{ block_title }}</a>{% else %}{{ block_title }}{% endif %}</h4>
+	{% if block_expand -%}
+	<ul class="sidebar-list">
+	{%- for entry in block_contents -%}
+	<li class="sidebar-item{% if page.url == entry.url %} sidebar-item-active{% endif %}">
+		<a href="{{ entry.url | relative_url }}">
+			{%- assign entry_title = entry.title -%}
+			{%- if entry.title == nil and entry.date -%}
+				{%- assign entry_title = entry.date | date: '%Y' -%}
+			{%- endif -%}
+			{{- entry_title -}}
+		</a>
+	</li>
+	{%- endfor -%}
+	</ul>
+	{%- endif -%}
+{%- endfor %}
+</section>

data/_includes/version.html

@@ -0,0 +1,28 @@
+{%- comment -%}
+
+Parameters:
+
+* version:
+  Like "1.0", "2.2", or "unreleased".
+
+* label:
+  Like "version added".
+
+{%- endcomment -%}
+
+{%- comment -%}
+    These releases have original release notes published under a v-prefixed tag.
+{%- endcomment -%}
+{%- assign _old_releases = " v1.9.0 v1.10.0 v1.11.0 v1.12.0 " -%}
+
+{%- assign _full_version = include.version -%}
+{%- assign _old_version = _full_version | prepend: "v" -%}
+{%- if _old_releases contains _old_version -%}
+    {%- assign _full_version = _old_version -%}
+{%- endif -%}
+
+{%- if include.version == "unreleased" -%}
+not yet released
+{%- else -%}
+{{ include.label }}: {% if site.amethyst.release_base %}<a href="{{ site.amethyst.release_base }}{{ _full_version | escape }}">{{ include.version | escape }}</a>{% else %}{{ include.version | escape }}{% endif %}
+{%- endif -%}

data/_layouts/group.html

@@ -0,0 +1,14 @@
+---
+layout: page-api
+---
+{{ content }}
+
+{%- assign pages = site.pages | where: 'groups', page.group | sort_natural: 'title' -%}
+{% for page in pages %}
+<h2 id="{{ page.title | slugify }}"><a href="{{ page.url | relative_url }}">{{ page.title }}</a></h2>
+<p>
+	{%- if page.version_removed %}<strong>REMOVED</strong> {% endif -%}
+	{%- if page.version_removed == nil and page.version_deprecated %}<strong>DEPRECATED</strong> {% endif -%}
+	{{ page.excerpt -}}
+</p>
+{% endfor -%}

data/_layouts/home.html

@@ -0,0 +1,25 @@
+---
+layout: wrapper
+---
+
+<section class="hero">
+    <div class="wrapper">
+        <h1 class="hero-title">
+        	{%- if page.home_img -%}
+        	<img src="{{ page.home_img | escape }}" alt="{{ page.home_title | default: site.title | escape }}">
+        	{%- else -%}
+        	{{ page.home_title | default: site.title | escape }}
+        	{%- endif -%}
+        </h1>
+        <h2 class="hero-description">{{ page.home_description | default: site.description | escape }}</h2>
+        {%- if page.home_primary_btn -%}
+        <a class="hero-button button" href="{{ page.home_primary_btn.href | relative_url | escape }}">{{ page.home_primary_btn.name | escape }}</a>
+        {% endif -%}
+        {%- if page.home_secondary_btn -%}
+        <a class="hero-button button secondary" href="{{ page.home_secondary_btn.href | relative_url | escape }}">{{ page.home_secondary_btn.name | escape }}</a>
+        {% endif -%}
+    </div>
+</section>
+<div class="main wrapper content layout-home">
+    {{ content }}
+</div>

data/_layouts/page-api.html

@@ -0,0 +1,32 @@
+---
+layout: wrapper
+---
+
+<div class="main main--columns wrapper">
+{% include sidebar.html blocks="sidebar_api" %}
+<div class="content" role="main">
+    <h1>{{ page.title }}</h1>
+    {%- if page.version_added or page.version_deprecated -%}
+        {%- assign warning = false -%}
+        {%- if page.version_added == "unreleased" or page.version_deprecated or page.version_removed -%}
+            {%- assign warning = true -%}
+        {%- endif -%}
+
+    <p class="version-details{% if warning %} note--warning{% endif %}">
+        {%- capture lines -%}
+            {%- if page.version_added %}
+                {% include version.html version=page.version_added label="version added" %}
+            {%- endif -%}
+            {%- if page.version_deprecated %}
+                {% include version.html version=page.version_deprecated label="deprecated" %}
+            {%- endif -%}
+            {%- if page.version_removed %}
+                {% include version.html version=page.version_removed label="removed" %}
+            {%- endif -%}
+        {%- endcapture -%}
+        {{ lines | strip | newline_to_br }}
+    </p>
+    {%- endif %}
+    {{- content }}
+</div>
+</div>

data/_layouts/page.html

@@ -0,0 +1,17 @@
+---
+layout: wrapper
+---
+
+{%- unless page.amethyst.hero == false %}
+<section class="hero">
+    <div class="wrapper">
+        <h1 class="hero-title">{{ page.title }}</h1>
+    </div>
+</section>
+{% endunless -%}
+<div class="main wrapper content">
+{%- if page.amethyst.hero == false -%}
+    <h1>{{ page.title }}</h1>
+{%- endif -%}
+    {{ content }}
+</div>

data/_layouts/post.html

@@ -0,0 +1,37 @@
+---
+layout: wrapper
+---
+
+<div class="main main--columns wrapper">
+{% include sidebar.html blocks="sidebar_blog" %}
+<div class="content">
+	<article class="content">
+	<header>
+		<h1>{{ page.title | escape }}</h1>
+		{%- assign date_format = site.amethyst.date_format | default: "%e %B %Y" -%}
+		<p class="post-meta byline">Posted on <a href="{{ page.url | relative_url }}" rel="bookmark"><time itemprop="pubdate" datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: date_format }}</time></a>{% if page.author %} by <span class="vcard"><span class="fn n" rel="author">{{ page.author | escape }}</span></span>{% endif %}</p>
+	</header>
+	{{ content }}
+	</article>
+{%- comment -%}
+Support basic read-only rendering of imported comments.
+
+Docs: <https://en.gravatar.com/site/implement/images/>
+{%- endcomment -%}
+{%- if page.amethyst.comments.size > 0 -%}
+<div id="comments" class="comments">
+<h2 id="comments-title">{{ page.amethyst.comments.size }} archived comment{% if page.amethyst.comments.size != 1 %}s{% endif %}</h2>
+<ol class="comment-list">
+	{%- for comment in page.amethyst.comments -%}
+	<li class="comment" id="comment-{{ forloop.index }}">
+		<div class="comment-meta">
+			<img alt="" src="https://gravatar.com/avatar/{{ comment.gravatar | default: 'none' }}?s=68&amp;d=mm&amp;r=g" srcset="https://gravatar.com/avatar/{{ comment.gravatar | default: 'none' }}?s=136&amp;d=mm&amp;r=g 2x" class="comment-avatar" loading="lazy" width="68" height="68">
+			<span class="comment-author">{{ comment.author | escape }}</span> on <a href="#comment-{{ forloop.index }}"><time datetime="{{ comment.date | date_to_xmlschema }}">{{ comment.date | date: date_format }}</time></a> said:</div>
+		<div class="comment-content">{{ comment.content | markdownify }}</div>
+	</li>
+	{%- endfor -%}
+</ol>
+</div>
+{%- endif -%}
+</div>
+</div>

data/_layouts/posts-archive.html

@@ -0,0 +1,17 @@
+---
+layout: wrapper
+---
+
+<div class="main main--columns wrapper">
+{% include sidebar.html blocks="sidebar_blog" %}
+{%- assign date_format = site.amethyst.date_format | default: "%e %B %Y" -%}
+{%- assign posts = site.posts -%}
+<div class="posts content">
+	<h1>{{ page.title }}</h1>
+	<ul>
+	{% for post in posts -%}
+		<li><a href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>, <time datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date: date_format }}</time>.</li>
+	{%- endfor -%}
+	</ul>
+</div>
+</div>

data/_layouts/posts-author.html

@@ -0,0 +1,21 @@
+---
+layout: wrapper
+---
+
+<div class="main main--columns wrapper">
+{% include sidebar.html blocks="sidebar_blog" %}
+{%- assign date_format = site.amethyst.date_format | default: "%e %B %Y" -%}
+{%- assign posts = site.posts | where: 'author', page.author -%}
+<div class="posts content">
+	<h1>Author: {{ page.title | escape }}</h1>
+	{%- for post in posts -%}
+	<div class="post-row">
+		<h2><a href="{{ post.url | relative_url }}">{{ post.title | escape }}</a></h2>
+		<p class="post-meta">Posted on <time datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date: date_format }}</time></p>
+		<div class="post">
+			{{- post.excerpt -}}
+		</div>
+	</div>
+	{%- endfor -%}
+</div>
+</div>

data/_layouts/posts-tag.html

@@ -0,0 +1,24 @@
+---
+layout: wrapper
+---
+
+<div class="main main--columns wrapper">
+{% include sidebar.html blocks="sidebar_blog" %}
+{%- assign date_format = site.amethyst.date_format | default: "%e %B %Y" -%}
+{%- assign posts = site.tags[page.tag] -%}
+<div class="posts content">
+	<h1>Tag: {{ page.title | escape }}</h1>
+	{%- for post in posts -%}
+	<div class="post-row">
+		<h2><a href="{{ post.url | relative_url }}">{{ post.title | escape }}</a></h2>
+		<p class="post-meta">Posted on <time datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date: date_format }}</time>{% if post.author %} by {{ post.author | escape }}{% endif %}</p>
+		<div class="post">
+			{{- post.excerpt -}}
+			{%- if post.excerpt != post.content %}
+			<a class="screen-reader-text" href="{{ post.url | relative_url }}">Continue reading "{{ post.title | escape }}".</a>
+			{%- endif -%}
+		</div>
+	</div>
+	{%- endfor -%}
+</div>
+</div>

data/_layouts/posts-year.html

@@ -0,0 +1,24 @@
+---
+layout: wrapper
+---
+
+<div class="main main--columns wrapper">
+{% include sidebar.html blocks="sidebar_blog" %}
+{%- assign date_format = site.amethyst.date_format | default: "%e %B %Y" -%}
+{%- assign posts = page.posts -%}
+<div class="posts content">
+	<h1>Archive: {{ page.date | date: '%Y' }}</h1>
+	{%- for post in posts -%}
+	<div class="post-row">
+		<h2><a href="{{ post.url | relative_url }}">{{ post.title | escape }}</a></h2>
+		<p class="post-meta">Posted on <time datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date: date_format }}</time>{% if post.author %} by {{ post.author | escape }}{% endif %}</p>
+		<div class="post">
+			{{- post.excerpt -}}
+			{%- if post.excerpt != post.content %}
+			<a class="screen-reader-text" href="{{ post.url | relative_url }}">Continue reading "{{ post.title | escape }}".</a>
+			{%- endif -%}
+		</div>
+	</div>
+	{%- endfor -%}
+</div>
+</div>

data/_layouts/posts.html

@@ -0,0 +1,28 @@
+---
+layout: wrapper
+---
+
+<div class="main main--columns wrapper">
+{% include sidebar.html blocks="sidebar_blog" %}
+{%- assign date_format = site.amethyst.date_format | default: "%e %B %Y" -%}
+{%- assign posts = site.posts | slice: 0, 10 -%}
+<div class="posts content">
+	<h1>{{ page.title }}</h1>
+	{% for post in posts -%}
+	<div class="post-row">
+		<h2><a href="{{ post.url | relative_url }}">{{ post.title | escape }}</a></h2>
+		<p class="post-meta">Posted on <time datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date: date_format }}</time>{% if post.author %} by {{ post.author | escape }}{% endif %}</p>
+		<div class="post">
+			{{- post.excerpt -}}
+			{%- if post.excerpt != post.content %}
+			<a class="screen-reader-text" href="{{ post.url | relative_url }}">Continue reading "{{ post.title | escape }}".</a>
+			{%- endif -%}
+		</div>
+	</div>
+	{%- endfor -%}
+	{%- assign archive_page = site.pages | where: "layout", "posts-archive" | first -%}
+	{%- if site.posts.size > 10 and archive_page %}
+		<a href="{{ archive_page.url | relative_url }}">Older posts</a>
+	{%- endif -%}
+</div>
+</div>

data/_layouts/wrapper.html

@@ -0,0 +1,132 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<link rel="icon" href="{{ site.amethyst.favicon | default: '/favicon.svg' | relative_url }}">
+<link rel="stylesheet" href="{{ '/assets/styles.css' | file_version_query: '/_sass/amethyst-variables.scss', '/_sass/amethyst.scss', '/_sass/highlight.scss', '/_sass/custom.scss' | relative_url }}" media="screen">
+{% include opengraph.html -%}
+<body>
+    <header class="site-header" role="banner">
+        <div class="site-header-wrapper wrapper">
+            <a class="site-logo" href="{{ site.amethyst.home_href | default: '/' | relative_url }}">
+                {%- if site.amethyst.header_logo.src -%}
+                <img src="{{ site.amethyst.header_logo.src | relative_url | escape }}" alt="{{ site.title | escape }}" width="{{ site.amethyst.header_logo.width | escape }}" height="{{ site.amethyst.header_logo.height | escape }}">
+                {%- else -%}
+                {{ site.title | escape }}
+                {%- endif -%}
+            </a>
+            {%- if site.amethyst.algolia.search_only_api_key -%}
+                {%- include search.html -%}
+            {%- endif -%}
+            <nav class="site-nav"><ul class="site-nav-list">
+                {%- for item in site.data.sitenav -%}
+                    <li class="site-nav-item{%- if item.sub %} has-sub-list{% endif %}">
+                        <a class="site-nav-link{%- if item.sub %} has-sub-list{% endif %}" href="{{ item.href | relative_url | escape }}">{{ item.name }}</a>
+                        {%- if item.sub -%}
+                        <ul class="site-nav-sub-list">
+                            {%- for sub in item.sub -%}
+                            <li><a class="site-sub-nav-link" href="{{ sub.href | relative_url | escape }}">{{ sub.name | escape }}</a></li>
+                            {%- endfor -%}
+                        </ul>
+                        {%- endif -%}
+                    </li>
+                {%- endfor -%}
+            </ul></nav>
+            <div class="site-toggles">
+                {%- if site.amethyst.algolia.search_only_api_key %}
+                <button class="search-toggle toggle" data-opens=".site-search" aria-expanded="false">
+                    <span class="screen-reader-text">Search</span>
+                    <svg class="icon aa-input-icon" aria-hidden="true" viewBox="654 -372 1664 1664" height="20">
+                        <path d="M1806,332c0-123.3-43.8-228.8-131.5-316.5C1586.8-72.2,1481.3-116,1358-116s-228.8,43.8-316.5,131.5  C953.8,103.2,910,208.7,910,332s43.8,228.8,131.5,316.5C1129.2,736.2,1234.7,780,1358,780s228.8-43.8,316.5-131.5  C1762.2,560.8,1806,455.3,1806,332z M2318,1164c0,34.7-12.7,64.7-38,90s-55.3,38-90,38c-36,0-66-12.7-90-38l-343-342  c-119.3,82.7-252.3,124-399,124c-95.3,0-186.5-18.5-273.5-55.5s-162-87-225-150s-113-138-150-225S654,427.3,654,332  s18.5-186.5,55.5-273.5s87-162,150-225s138-113,225-150S1262.7-372,1358-372s186.5,18.5,273.5,55.5s162,87,225,150s113,138,150,225  S2062,236.7,2062,332c0,146.7-41.3,279.7-124,399l343,343C2305.7,1098.7,2318,1128.7,2318,1164z"/>
+                    </svg>
+                </button>
+                <script type="module">
+                const searchToggle = document.querySelector('.search-toggle');
+                const searchToggleOpens = document.querySelector(searchToggle.dataset.opens);
+                searchToggle.addEventListener('click', () => {
+                    const state = searchToggle.classList.contains('opened');
+                    searchToggle.classList.toggle('opened', !state);
+                    searchToggle.setAttribute('aria-expanded', !state);
+                    searchToggleOpens.classList.toggle('opened', !state);
+                    searchToggleOpens.setAttribute('aria-expanded', !state);
+                });
+                </script>
+                {%- endif %}
+                <button class="nav-toggle toggle" data-opens=".site-nav" aria-expanded="false">
+                    <span class="screen-reader-text">Menu</span>
+                    <svg class="icon icon-nav-toggle" aria-hidden="true" viewBox="0 0 100 100" height="20">
+                        <path d="M5,16h90v16H5z"/>
+                        <path d="M5,48h90v16H5z"/>
+                        <path d="M5,80h90v16H5z"/>
+                    </svg>
+                </button>
+                <script type="module">
+                const navToggle = document.querySelector('.nav-toggle');
+                const navToggleOpens = document.querySelector(navToggle.dataset.opens);
+                navToggle.addEventListener('click', () => {
+                    const state = navToggle.classList.contains('opened');
+                    navToggle.classList.toggle('opened', !state);
+                    navToggle.setAttribute('aria-expanded', !state);
+                    navToggleOpens.classList.toggle('opened', !state);
+                    navToggleOpens.setAttribute('aria-expanded', !state);
+                });
+                </script>
+            </div>
+        </div>
+    </header>
+    {{ content }}
+    <footer class="site-footer">
+        <div class="wrapper">
+            <p class="external-links">
+                <a href="https://github.com/{{ site.amethyst.github | escape }}" target="_blank" rel="noopener noreferrer">GitHub</a>
+                {%- if site.amethyst.mastodon %}
+                <a href="{{ site.amethyst.mastodon | escape }}" target="_blank" rel="noopener noreferrer">Mastodon</a>
+                {% endif -%}
+                {%- if site.amethyst.twitter %}
+                <a href="https://twitter.com/{{ site.amethyst.twitter | escape }}" target="_blank" rel="noopener noreferrer">Twitter</a>
+                {% endif -%}
+                {%- if site.amethyst.gitter %}
+                <a href="https://gitter.im/{{ site.amethyst.gitter | escape }}" target="_blank" rel="noopener noreferrer">Chat</a>
+                {%- endif %}
+            </p>
+            <p class="copyright">Copyright <a href="https://openjsf.org/" target="_blank" rel="noopener noreferrer">OpenJS Foundation</a> and contributors.
+                {%- comment -%}
+                Ignore non-markdown source paths, which are likely generated and thus
+                don't have a corresponding file in the repository (e.g. an archive page)
+                {%- endcomment -%}
+                {%- assign pathext = page.path | split: '.' | last -%}
+                {%- if site.amethyst.edituri_base and pathext == 'md' -%}
+                <br><a href="{{ site.amethyst.edituri_base | escape }}{{ page.path | escape }}">Edit this page</a>
+                {%- endif -%}
+            </p>
+        </div>
+    </footer>
+{%- if site.amethyst.algolia.search_only_api_key -%}
+    {%- include search-js.html -%}
+{%- endif -%}
+<script type="module">
+window.addEventListener('DOMContentLoaded', function setupSubNav() {
+    const siteNav = document.querySelector('.site-nav-list');
+    const closeSubNav = () => {
+        const prevSub = siteNav.querySelector('.is-open');
+        if (prevSub) {
+            prevSub.classList.remove('is-open');
+        }
+    }
+    siteNav.addEventListener('click', (event) => {
+        if (event.target.classList.contains('has-sub-list')) {
+            event.preventDefault();
+            event.stopPropagation();
+
+            if (event.target.parentNode.classList.contains('is-open')) {
+                closeSubNav();
+            } else {
+                closeSubNav();
+                event.target.parentNode.classList.add('is-open');
+            }
+        }
+    });
+});
+</script>
+</body>
+</html>