2018-11-09 20:08:48 +03:00
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`PageTemplate renders correctly 1`] = `
2022-04-16 14:25:55 +00:00
<div>
<div>
<div>
<div>
2019-05-09 16:57:42 +03:00
<a
href="/"
2022-04-16 14:25:55 +00:00
/>
<h2>
2019-05-09 16:57:42 +03:00
<a
href="/"
>
2022-09-05 00:08:04 +02:00
Rick van Lieshout
2019-05-09 16:57:42 +03:00
</a>
</h2>
2022-09-05 00:08:04 +02:00
<p />
2019-05-09 16:57:42 +03:00
</div>
2022-09-17 20:02:58 +02:00
<span
className="hideInPrintView"
>
<nav
className="undefined hideInPrintView"
>
<ul>
<li>
<a
href="/"
2019-05-09 16:57:42 +03:00
>
2022-09-17 20:02:58 +02:00
Articles
</a>
</li>
<li>
<a
href="/pages/about"
2019-05-09 16:57:42 +03:00
>
2022-09-17 20:02:58 +02:00
About Me
</a>
</li>
<li>
<a
href="/pages/contacts"
2019-05-09 16:57:42 +03:00
>
2022-09-17 20:02:58 +02:00
Contact Me
</a>
</li>
</ul>
</nav>
<div>
<ul>
<li>
<a
href="#"
rel="noopener noreferrer"
target="_blank"
2019-05-09 16:57:42 +03:00
>
2022-09-17 20:02:58 +02:00
<svg
viewBox="0 0 22 28"
>
<title>
rss
</title>
<path
d="M6 21c0 1.656-1.344 3-3 3s-3-1.344-3-3 1.344-3 3-3 3 1.344 3 3zM14 22.922c0.016 0.281-0.078 0.547-0.266 0.75-0.187 0.219-0.453 0.328-0.734 0.328h-2.109c-0.516 0-0.938-0.391-0.984-0.906-0.453-4.766-4.234-8.547-9-9-0.516-0.047-0.906-0.469-0.906-0.984v-2.109c0-0.281 0.109-0.547 0.328-0.734 0.172-0.172 0.422-0.266 0.672-0.266h0.078c3.328 0.266 6.469 1.719 8.828 4.094 2.375 2.359 3.828 5.5 4.094 8.828zM22 22.953c0.016 0.266-0.078 0.531-0.281 0.734-0.187 0.203-0.438 0.313-0.719 0.313h-2.234c-0.531 0-0.969-0.406-1-0.938-0.516-9.078-7.75-16.312-16.828-16.844-0.531-0.031-0.938-0.469-0.938-0.984v-2.234c0-0.281 0.109-0.531 0.313-0.719 0.187-0.187 0.438-0.281 0.688-0.281h0.047c5.469 0.281 10.609 2.578 14.484 6.469 3.891 3.875 6.188 9.016 6.469 14.484z"
/>
</svg>
</a>
</li>
<li>
<a
href="mailto:#"
rel="noopener noreferrer"
target="_blank"
2019-05-09 16:57:42 +03:00
>
2022-09-17 20:02:58 +02:00
<svg
viewBox="0 0 28 28"
>
<title>
email
</title>
<path
d="M26 23.5v-12c-0.328 0.375-0.688 0.719-1.078 1.031-2.234 1.719-4.484 3.469-6.656 5.281-1.172 0.984-2.625 2.188-4.25 2.188h-0.031c-1.625 0-3.078-1.203-4.25-2.188-2.172-1.813-4.422-3.563-6.656-5.281-0.391-0.313-0.75-0.656-1.078-1.031v12c0 0.266 0.234 0.5 0.5 0.5h23c0.266 0 0.5-0.234 0.5-0.5zM26 7.078c0-0.391 0.094-1.078-0.5-1.078h-23c-0.266 0-0.5 0.234-0.5 0.5 0 1.781 0.891 3.328 2.297 4.438 2.094 1.641 4.188 3.297 6.266 4.953 0.828 0.672 2.328 2.109 3.422 2.109h0.031c1.094 0 2.594-1.437 3.422-2.109 2.078-1.656 4.172-3.313 6.266-4.953 1.016-0.797 2.297-2.531 2.297-3.859zM28 6.5v17c0 1.375-1.125 2.5-2.5 2.5h-23c-1.375 0-2.5-1.125-2.5-2.5v-17c0-1.375 1.125-2.5 2.5-2.5h23c1.375 0 2.5 1.125 2.5 2.5z"
/>
</svg>
</a>
</li>
<li>
<a
href="https://github.com/#"
rel="noopener noreferrer"
target="_blank"
>
<svg
viewBox="0 0 26 28"
>
<title>
github
</title>
<path
d="M10 19c0 1.141-0.594 3-2 3s-2-1.859-2-3 0.594-3 2-3 2 1.859 2 3zM20 19c0 1.141-0.594 3-2 3s-2-1.859-2-3 0.594-3 2-3 2 1.859 2 3zM22.5 19c0-2.391-1.453-4.5-4-4.5-1.031 0-2.016 0.187-3.047 0.328-0.812 0.125-1.625 0.172-2.453 0.172s-1.641-0.047-2.453-0.172c-1.016-0.141-2.016-0.328-3.047-0.328-2.547 0-4 2.109-4 4.5 0 4.781 4.375 5.516 8.188 5.516h2.625c3.813 0 8.188-0.734 8.188-5.516zM26 16.25c0 1.734-0.172 3.578-0.953 5.172-2.063 4.172-7.734 4.578-11.797 4.578-4.125 0-10.141-0.359-12.281-4.578-0.797-1.578-0.969-3.437-0.969-5.172 0-2.281 0.625-4.438 2.125-6.188-0.281-0.859-0.422-1.766-0.422-2.656 0-1.172 0.266-2.344 0.797-3.406 2.469 0 4.047 1.078 5.922 2.547 1.578-0.375 3.203-0.547 4.828-0.547 1.469 0 2.953 0.156 4.375 0.5 1.859-1.453 3.437-2.5 5.875-2.5 0.531 1.062 0.797 2.234 0.797 3.406 0 0.891-0.141 1.781-0.422 2.625 1.5 1.766 2.125 3.938 2.125 6.219z"
/>
</svg>
</a>
</li>
<li>
<a
href="https://www.twitter.com/#"
rel="noopener noreferrer"
target="_blank"
>
<svg
viewBox="0 0 26 28"
>
<title>
twitter
</title>
<path
d="M25.312 6.375c-0.688 1-1.547 1.891-2.531 2.609 0.016 0.219 0.016 0.438 0.016 0.656 0 6.672-5.078 14.359-14.359 14.359-2.859 0-5.516-0.828-7.75-2.266 0.406 0.047 0.797 0.063 1.219 0.063 2.359 0 4.531-0.797 6.266-2.156-2.219-0.047-4.078-1.5-4.719-3.5 0.313 0.047 0.625 0.078 0.953 0.078 0.453 0 0.906-0.063 1.328-0.172-2.312-0.469-4.047-2.5-4.047-4.953v-0.063c0.672 0.375 1.453 0.609 2.281 0.641-1.359-0.906-2.25-2.453-2.25-4.203 0-0.938 0.25-1.797 0.688-2.547 2.484 3.062 6.219 5.063 10.406 5.281-0.078-0.375-0.125-0.766-0.125-1.156 0-2.781 2.25-5.047 5.047-5.047 1.453 0 2.766 0.609 3.687 1.594 1.141-0.219 2.234-0.641 3.203-1.219-0.375 1.172-1.172 2.156-2.219 2.781 1.016-0.109 2-0.391 2.906-0.781z"
/>
</svg>
</a>
</li>
<li>
<a
href="https://t.me/#"
rel="noopener noreferrer"
target="_blank"
>
<svg
viewBox="0 0 28 28"
>
<title>
telegram
</title>
<path
d="M27.563 0.172c0.328 0.234 0.484 0.609 0.422 1l-4 24c-0.047 0.297-0.234 0.547-0.5 0.703-0.141 0.078-0.313 0.125-0.484 0.125-0.125 0-0.25-0.031-0.375-0.078l-7.078-2.891-3.781 4.609c-0.187 0.234-0.469 0.359-0.766 0.359-0.109 0-0.234-0.016-0.344-0.063-0.391-0.141-0.656-0.516-0.656-0.938v-5.453l13.5-16.547-16.703 14.453-6.172-2.531c-0.359-0.141-0.594-0.469-0.625-0.859-0.016-0.375 0.172-0.734 0.5-0.922l26-15c0.156-0.094 0.328-0.141 0.5-0.141 0.203 0 0.406 0.063 0.562 0.172z"
/>
</svg>
2023-06-29 22:57:27 +02:00
</a>
</li>
<li>
<a
href="/keys.json"
rel="noopener noreferrer"
target="_blank"
>
<svg
viewBox="0 0 20 20"
>
<title>
keys
</title>
<path
d="M15 6a1.54 1.54 0 0 1-1.5-1.5 1.5 1.5 0 0 1 3 0A1.54 1.54 0 0 1 15 6zm-1.5-5A5.55 5.55 0 0 0 8 6.5a6.81 6.81 0 0 0 .7 2.8L1 17v2h4v-2h2v-2h2l3.2-3.2a5.85 5.85 0 0 0 1.3.2A5.55 5.55 0 0 0 19 6.5 5.55 5.55 0 0 0 13.5 1z"
/>
</svg>
2022-09-17 20:02:58 +02:00
</a>
</li>
</ul>
</div>
<div>
All rights reserved.
</div>
<nav
className="undefined hideInPrintView"
>
<ul />
</nav>
<span
className="hideInPrintView"
2022-09-13 17:53:30 +02:00
>
2022-09-17 20:02:58 +02:00
Switch color mode:
<br />
2022-09-13 17:53:30 +02:00
<div
2022-09-17 20:02:58 +02:00
className="react-toggle"
onClick={[Function]}
onTouchEnd={[Function]}
onTouchMove={[Function]}
onTouchStart={[Function]}
2022-09-13 17:53:30 +02:00
>
<div
2022-09-17 20:02:58 +02:00
className="react-toggle-track"
2022-09-13 17:53:30 +02:00
>
2022-09-17 20:02:58 +02:00
<div
className="react-toggle-track-check"
2022-09-13 17:53:30 +02:00
>
2022-09-17 20:02:58 +02:00
<div
style={
2022-09-18 22:26:24 +02:00
{
2022-09-17 20:02:58 +02:00
"color": "#f1c40f",
"fontSize": "1.1em",
"position": "absolute",
"top": "-4px",
}
}
>
<svg
aria-hidden="true"
className="svg-inline--fa fa-moon "
data-icon="moon"
data-prefix="fas"
focusable="false"
role="img"
2022-09-18 22:26:24 +02:00
style={{}}
2022-09-17 20:02:58 +02:00
viewBox="0 0 384 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M223.5 32C100 32 0 132.3 0 256S100 480 223.5 480c60.6 0 115.5-24.2 155.8-63.4c5-4.9 6.3-12.5 3.1-18.7s-10.1-9.7-17-8.5c-9.8 1.7-19.8 2.6-30.1 2.6c-96.9 0-175.5-78.8-175.5-176c0-65.8 36-123.1 89.3-153.3c6.1-3.5 9.2-10.5 7.7-17.3s-7.3-11.9-14.3-12.5c-6.3-.5-12.6-.8-19-.8z"
fill="currentColor"
2022-09-18 22:26:24 +02:00
style={{}}
2022-09-17 20:02:58 +02:00
/>
</svg>
</div>
</div>
<div
className="react-toggle-track-x"
2022-09-13 17:53:30 +02:00
>
2022-09-17 20:02:58 +02:00
<div
style={
2022-09-18 22:26:24 +02:00
{
2022-09-17 20:02:58 +02:00
"color": "#f39c12",
"fontSize": "1em",
"left": "-3px",
"position": "absolute",
"top": "-3px",
}
}
>
<svg
aria-hidden="true"
className="svg-inline--fa fa-sun "
data-icon="sun"
data-prefix="fas"
focusable="false"
role="img"
2022-09-18 22:26:24 +02:00
style={{}}
2022-09-17 20:02:58 +02:00
viewBox="0 0 512 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
2023-03-26 23:20:54 +02:00
d="M361.5 1.2c5 2.1 8.6 6.6 9.6 11.9L391 121l107.9 19.8c5.3 1 9.8 4.6 11.9 9.6s1.5 10.7-1.6 15.2L446.9 256l62.3 90.3c3.1 4.5 3.7 10.2 1.6 15.2s-6.6 8.6-11.9 9.6L391 391 371.1 498.9c-1 5.3-4.6 9.8-9.6 11.9s-10.7 1.5-15.2-1.6L256 446.9l-90.3 62.3c-4.5 3.1-10.2 3.7-15.2 1.6s-8.6-6.6-9.6-11.9L121 391 13.1 371.1c-5.3-1-9.8-4.6-11.9-9.6s-1.5-10.7 1.6-15.2L65.1 256 2.8 165.7c-3.1-4.5-3.7-10.2-1.6-15.2s6.6-8.6 11.9-9.6L121 121 140.9 13.1c1-5.3 4.6-9.8 9.6-11.9s10.7-1.5 15.2 1.6L256 65.1 346.3 2.8c4.5-3.1 10.2-3.7 15.2-1.6zM160 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"
2022-09-17 20:02:58 +02:00
fill="currentColor"
2022-09-18 22:26:24 +02:00
style={{}}
2022-09-17 20:02:58 +02:00
/>
</svg>
</div>
</div>
2022-09-13 17:53:30 +02:00
</div>
2022-09-17 20:02:58 +02:00
<div
className="react-toggle-thumb"
/>
<input
checked={false}
className="react-toggle-screenreader-only"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
/>
2022-09-13 17:53:30 +02:00
</div>
2022-09-17 20:02:58 +02:00
</span>
</span>
2019-05-09 16:57:42 +03:00
</div>
</div>
2022-04-16 14:25:55 +00:00
<div>
<div>
<h1>
2022-01-09 20:12:31 +00:00
Perfecting the Art of Perfection
2018-11-09 20:08:48 +03:00
</h1>
2022-04-16 14:25:55 +00:00
<div>
2018-11-09 20:08:48 +03:00
<div
dangerouslySetInnerHTML={
2022-09-18 22:26:24 +02:00
{
2022-04-16 14:25:55 +00:00
"__html": "<p>An Essay on Typography by Eric Gill takes the reader back to the year 1930. The year when a conflict between two worlds came to its term. The machines of the industrial world finally took over the handicrafts.</p>",
2018-11-09 20:08:48 +03:00
}
}
/>
</div>
</div>
</div>
2022-09-10 09:31:27 +02:00
<div
className="CookieConsent"
style={
2022-09-18 22:26:24 +02:00
{
2022-09-10 09:31:27 +02:00
"bottom": "0",
}
}
>
<div
className=""
2022-09-18 22:26:24 +02:00
style={{}}
2022-09-10 09:31:27 +02:00
>
This website uses cookies to enhance the user experience.
<small>
Click
<a
href="/pages/legal/cookies"
>
here
</a>
to learn more about cookies.
</small>
</div>
<div
className=""
>
<button
aria-label="Accept cookies"
className=""
id="rcc-confirm-button"
onClick={[Function]}
2022-09-18 22:26:24 +02:00
style={{}}
2022-09-10 09:31:27 +02:00
>
I understand
</button>
</div>
</div>
2018-11-09 20:08:48 +03:00
</div>
`;