Files
rickvanlieshout.com/src/templates/IndexTemplate/__snapshots__/IndexTemplate.test.tsx.snap

397 lines
14 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`IndexTemplate renders correctly 1`] = `
<div>
<div>
<div>
<div>
<a
href="/"
/>
<h1>
<a
href="/"
>
Rick van Lieshout
</a>
</h1>
<p />
</div>
<span
className="hideInPrintView"
>
<nav
className="undefined hideInPrintView"
>
<ul>
<li>
<a
href="/"
>
Articles
</a>
</li>
<li>
<a
href="/pages/about"
>
About Me
</a>
</li>
<li>
<a
href="/pages/contacts"
>
Contact Me
</a>
</li>
</ul>
</nav>
<div>
<ul>
<li>
<a
href="#"
rel="noopener noreferrer"
target="_blank"
>
<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"
>
<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>
</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>
</a>
</li>
</ul>
</div>
<div>
All rights reserved.
</div>
<nav
className="undefined hideInPrintView"
>
<ul />
</nav>
<span
className="hideInPrintView"
>
Switch color mode:
<br />
<div
className="react-toggle"
onClick={[Function]}
onTouchEnd={[Function]}
onTouchMove={[Function]}
onTouchStart={[Function]}
>
<div
className="react-toggle-track"
>
<div
className="react-toggle-track-check"
>
<div
style={
{
"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"
style={{}}
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"
style={{}}
/>
</svg>
</div>
</div>
<div
className="react-toggle-track-x"
>
<div
style={
{
"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"
style={{}}
viewBox="0 0 512 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
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"
fill="currentColor"
style={{}}
/>
</svg>
</div>
</div>
</div>
<div
className="react-toggle-thumb"
/>
<input
checked={false}
className="react-toggle-screenreader-only"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="checkbox"
/>
</div>
</span>
</span>
</div>
</div>
<div>
<div>
<div>
<div>
<div>
<div>
<time
dateTime="September 1, 2016"
>
September 1, 2016
</time>
<span />
<span>
<a
href="/typography"
>
typography
</a>
</span>
</div>
<h2>
<a
href="/posts/perfecting-the-art-of-perfection"
>
Perfecting the Art of Perfection
</a>
</h2>
<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>
<a
href="/posts/perfecting-the-art-of-perfection"
/>
</div>
<div>
<div>
<time
dateTime="September 1, 2016"
>
September 1, 2016
</time>
<span />
<span>
<a
href="/design-inspiration"
>
design inspiration
</a>
</span>
</div>
<h2>
<a
href="/posts/the-birth-of-movable-type"
>
Johannes Gutenberg: The Birth of Movable Type
</a>
</h2>
<p>
German inventor Johannes Gutenberg developed a method of movable type and used it to create one of the western worlds first major printed books, the “FortyTwoLine” Bible.
</p>
<a
href="/posts/the-birth-of-movable-type"
/>
</div>
</div>
<div
className="undefined"
>
<div>
<a
className=" hideInPrintView"
href="/typography/page/1"
rel="prev"
>
← PREV
</a>
</div>
<div>
<a
className=" hideInPrintView"
href="/typography/page/3"
rel="next"
>
NEXT →
</a>
</div>
</div>
</div>
</div>
</div>
<div
className="CookieConsent"
style={
{
"bottom": "0",
}
}
>
<div
className=""
style={{}}
>
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]}
style={{}}
>
I understand
</button>
</div>
</div>
</div>
`;