@johnf/react-native-owl
Version:
Visual regression testing for React Native
479 lines (461 loc) • 23.9 kB
HTML
<html lang="en">
<head>
<title>Report | React Native Owl</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="Report generated by the react-native-owl. A visual regression testing library made by Formidable."
/>
<script src="https://cdn.tailwindcss.com/3.0.24"></script>
<script>
tailwind.config = {
theme: {
container: {
center: true,
padding: {
DEFAULT: '2rem',
sm: '3rem',
lg: '4rem',
xl: '5rem',
'2xl': '6rem',
},
screens: {
sm: '640px',
md: '768px',
lg: '1024px',
xl: '1280px',
'2xl': '1280px',
},
},
extend: {
colors: {
primary: '#1e2852',
secondary: '#f04d21',
},
},
},
};
</script>
</head>
<body>
<nav class="bg-primary">
<div class="container px-2 sm:px-6 lg:px-8">
<div class="relative flex items-center justify-between h-16">
<div
class="
flex-1 flex
items-center
justify-center
sm:items-stretch sm:justify-start
"
>
<div class="flex-shrink-0 flex items-center">
<svg
class="block h-10 w-auto"
viewBox="0 0 250 229"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
>
<title>RN Owl logo</title>
<g
id="RN-Owl-logo"
stroke="none"
stroke-width="1"
fill="none"
fill-rule="evenodd"
>
<g id="owl-logo-copy">
<path
d="M124.999241,179.282869 C115.094634,189.02426 102.599288,196.133458 88.6454183,199.513589 C99.0554242,211.221161 111.309454,221.252321 124.999241,229.083665 C138.690546,221.252321 150.944576,211.221161 161.354582,199.513589 C147.400712,196.133458 134.905366,189.02426 124.999241,179.282869"
id="Fill-1"
fill="#74BC53"
></path>
<path
d="M125.257524,68.7250996 C139.279907,54.9782754 158.50599,46.487811 179.729668,46.487811 L179.729668,46.4186484 L217.937416,46.4186484 C235.645691,46.4186484 250,32.1125091 250,14.4670176 L250,0 C250,7.98978712 243.500277,14.4670176 235.482745,14.4670176 L179.729668,14.4670176 L179.729668,14.4534858 C147.057546,14.4534858 117.72732,28.6769307 97.6095618,51.2404864 C108.063735,55.0790123 117.466306,61.0871398 125.257524,68.7250996"
id="Fill-4"
fill="#ACEF90"
></path>
<path
d="M32.0622663,46.4186484 L70.2711455,46.4186484 L70.2711455,46.487811 C91.4946126,46.487811 110.720506,54.9782754 124.741241,68.7250996 C132.532382,61.0871398 141.934859,55.0790123 152.390438,51.2404864 C132.272879,28.6769307 102.941435,14.4534858 70.2711455,14.4534858 L70.2711455,14.4670176 L14.517111,14.4670176 C6.50116725,14.4670176 0,7.98978712 0,0 L0,14.4670176 C0,32.1125091 14.3556757,46.4186484 32.0622663,46.4186484"
id="Fill-7"
fill="#ACEF90"
></path>
<path
d="M124.999252,68.7250996 C132.717607,61.099781 142.033483,55.099875 152.390438,51.2646822 C144.54494,42.4045307 135.314325,34.8107588 124.999252,28.8844622 C114.685675,34.8107588 105.453565,42.4045307 97.6095618,51.2646822 C107.966517,55.099875 117.280897,61.099781 124.999252,68.7250996"
id="Fill-10"
fill="#95DD77"
></path>
<path
d="M141.434263,124.003984 C141.434263,162.785444 109.99543,194.223108 71.2158933,194.223108 C32.4333416,194.223108 0.996015936,162.785444 0.996015936,124.003984 C0.996015936,85.2225238 32.4333416,53.7848606 71.2158933,53.7848606 C109.99543,53.7848606 141.434263,85.2225238 141.434263,124.003984"
id="Fill-12"
fill="#95DD77"
></path>
<path
d="M250,124.003984 C250,162.785444 218.560829,194.223108 179.780876,194.223108 C140.999416,194.223108 109.561753,162.785444 109.561753,124.003984 C109.561753,85.2225238 140.999416,53.7848606 179.780876,53.7848606 C218.560829,53.7848606 250,85.2225238 250,124.003984"
id="Fill-15"
fill="#95DD77"
></path>
<path
d="M109.561753,124.003984 C109.561753,145.182145 92.3936389,162.350598 71.2158965,162.350598 C50.03664,162.350598 32.8685259,145.182145 32.8685259,124.003984 C32.8685259,102.825824 50.03664,85.6573705 71.2158965,85.6573705 C92.3936389,85.6573705 109.561753,102.825824 109.561753,124.003984"
id="Fill-17"
fill="#CAFFB4"
></path>
<path
d="M218.12749,124.003984 C218.12749,145.182145 200.959037,162.350598 179.780876,162.350598 C158.601202,162.350598 141.434263,145.182145 141.434263,124.003984 C141.434263,102.825824 158.601202,85.6573705 179.780876,85.6573705 C200.959037,85.6573705 218.12749,102.825824 218.12749,124.003984"
id="Fill-19"
fill="#CAFFB4"
></path>
<path
d="M109.561753,124.003984 C109.561753,140.816722 115.540892,156.241832 125.498008,168.326693 C135.456646,156.241832 141.434263,140.816722 141.434263,124.003984 C141.434263,107.191247 135.456646,91.7661362 125.498008,79.6812749 C115.540892,91.7661362 109.561753,107.191247 109.561753,124.003984"
id="Fill-21"
fill="#74BC53"
></path>
<path
d="M124.999248,179.282869 C117.275648,186.915429 107.962824,192.923012 97.6095618,196.780068 C105.463968,205.61928 114.694099,213.198984 124.999248,219.123506 C135.304398,213.198984 144.536032,205.62079 152.390438,196.780068 C142.037176,192.923012 132.722848,186.915429 124.999248,179.282869"
id="Fill-23"
fill="#95DD77"
></path>
</g>
</g>
</svg>
</div>
</div>
<div
class="
absolute
inset-y-0
right-0
flex
items-center
pr-2
sm:static sm:inset-auto sm:ml-6 sm:pr-0
"
>
<a
href="https://formidable.com/"
class="rounded-full text-white hover:text-secondary mr-4"
target="_blank"
rel="noopener noreferrer"
>
<span class="sr-only">Visit Formidable.com</span>
<svg
class="h-7 w-7"
fill="currentColor"
enable-background="new 0 0 245.4 315.2"
version="1.1"
viewBox="0 0 245.4 315.2"
xml:space="preserve"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m202.4 116.1 25.1-43.9c0.8-1.4 0.8-3.1 0-4.5l-26.4-46.1v-0.1c-0.1-0.1-0.2-0.2-0.2-0.4l-0.1-0.1c-0.1-0.1-0.2-0.3-0.3-0.4s-0.3-0.2-0.4-0.3l-0.1-0.1c-0.1-0.1-0.2-0.2-0.3-0.2 0 0-0.1 0-0.1-0.1-0.3-0.2-0.6-0.3-1-0.4h-0.1c-0.1 0-0.3-0.1-0.4-0.1h-0.1-0.5-149-0.5-0.1c-0.1 0-0.3 0-0.4 0.1h-0.1c-0.3 0.1-0.7 0.2-1 0.4 0 0-0.1 0-0.1 0.1-0.1 0.1-0.2 0.1-0.3 0.2l-0.1 0.1c-0.1 0.1-0.3 0.2-0.4 0.3s-0.2 0.3-0.3 0.4l-0.1 0.1c-0.1 0.1-0.2 0.2-0.2 0.4v0.1l-27 46.1c-0.8 1.4-0.8 3.1 0 4.5l25.8 45.1v147.9 0.5 0.1c0 0.1 0 0.3 0.1 0.4v0.1c0.1 0.3 0.2 0.7 0.4 1 0 0 0 0.1 0.1 0.1 0.1 0.1 0.1 0.2 0.2 0.3l0.1 0.1c0.1 0.1 0.2 0.3 0.3 0.4s0.3 0.2 0.4 0.3l0.1 0.1c0.1 0.1 0.2 0.2 0.4 0.2h0.1l46.1 26.4c0.7 0.4 1.5 0.6 2.2 0.6 0.8 0 1.5-0.2 2.2-0.6l46.1-26.4h0.1c0.1-0.1 0.2-0.2 0.4-0.2l0.1-0.1c0.1-0.1 0.3-0.2 0.4-0.3s0.2-0.3 0.3-0.4l0.1-0.1c0.1-0.1 0.2-0.2 0.2-0.3 0 0 0-0.1 0.1-0.1 0.2-0.3 0.3-0.6 0.4-1v-0.1c0-0.1 0.1-0.3 0.1-0.4v-0.1-0.5-52.4h52.3 0.5 0.1c0.1 0 0.3 0 0.4-0.1h0.1c0.3-0.1 0.7-0.2 1-0.4 0 0 0.1 0 0.1-0.1 0.1-0.1 0.2-0.1 0.3-0.2l0.1-0.1c0.1-0.1 0.3-0.2 0.4-0.3s0.2-0.2 0.3-0.4l0.1-0.1c0.1-0.1 0.2-0.2 0.2-0.4v-0.1l26.4-46.1c0.8-1.4 0.8-3.1 0-4.5l-24.6-43.9zm-34.2 41.6h-73.7c-1.1-0.1-2.2 0.3-3.1 1l-0.3 0.3c-0.8 0.8-1.3 1.9-1.3 3.2v74l-37.2 21.3v-137h136.8l-21.2 37.2zm-32.2 99.7-37.2-21.3v-63.1l37.2 37.2v47.2zm32.2-192h-91l-21.3-37.1h133.6l-21.3 37.1zm-91 9h91l21.3 37.2h-133.6l21.3-37.2zm120 32.6-21.2-37.1 21.2-37.1 21.2 37.1-21.2 37.1zm-149-74.2 21.2 37.1-21.2 37.1-21.3-37.1 21.3-37.1zm46.1 253.6-37.1-21.2 37.1-21.2 37.1 21.2-37.1 21.2zm48-82.6-37.2-37.2h63.1l21.3 37.2h-47.2zm54.9-4.5-21.2-37.1 21.2-37.1 21.2 37.1-21.2 37.1z"
/>
<circle cx="223.4" cy="26" r="4.4" />
<path
d="m223.1 25.6c0.3 0 0.5-0.1 0.6-0.2s0.2-0.3 0.2-0.5-0.1-0.4-0.2-0.5-0.3-0.1-0.6-0.1h-0.6v1.3h0.6m-0.6 0.9v2h-1.3v-5.2h2c0.7 0 1.2 0.1 1.5 0.3s0.5 0.6 0.5 1.1c0 0.3-0.1 0.6-0.2 0.8-0.2 0.2-0.4 0.4-0.7 0.5 0.2 0 0.3 0.1 0.5 0.3 0.1 0.1 0.3 0.4 0.4 0.7l0.7 1.5h-1.4l-0.6-1.3c-0.1-0.3-0.3-0.4-0.4-0.5s-0.3-0.1-0.5-0.1h-0.5"
/>
</svg>
</a>
<a
href="https://github.com/FormidableLabs/react-native-owl"
class="p-1 rounded-full text-white hover:text-gray-200"
target="_blank"
rel="noopener noreferrer"
>
<span class="sr-only">Visit GitHub Repository</span>
<svg
class="h-6 w-6"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="currentColor"
aria-hidden="true"
>
<path
d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"
/>
</svg>
</a>
</div>
</div>
</div>
</nav>
<div class="bg-gray-100 py-6 lg:py-12">
<div class="container px-2 sm:px-6 lg:px-8 space-y-8">
<div class="flex items-center">
<h2
class="
text-3xl
sm:text-4xl
md:text-5xl
leading-snug
font-extrabold
tracking-tight
text-secondary
"
>
Report
</h2>
<span
class="ml-5 mt-1 rounded-lg border-2 px-2 py-0.5 align-middle text-sm font-semibold uppercase {{#if stats.success}}border-green-500{{else}}border-red-600{{/if}}"
>{{#if stats.success}}Passed{{else}}Failed{{/if}}</span
>
</div>
<h3
class="
text-xl
sm:text-2xl
md:text-3xl
leading-snug
font-extrabold
tracking-tight
text-primary
"
>
Stats
</h3>
<div class="flex font-mono mb-2">
<div class="flex-1">
<div class="font-medium">
Total Test Suites: {{stats.totalTestSuites}}
</div>
<div>Total Tests: {{stats.totalTests}}</div>
</div>
<div class="flex-1">
<div class="font-medium">
Failed Test Suites: {{stats.failedTestSuites}}
</div>
<div>Failed Tests: {{stats.failedTests}}</div>
</div>
<div class="flex-1">
<div class="font-medium">
Passed Test Suites: {{stats.passedTestSuites}}
</div>
<div>Passed Tests: {{stats.passedTests}}</div>
</div>
<div class="flex-1">
<div class="font-medium">Duration: {{stats.duration}} seconds</div>
<div>
Status:
<span
class="font-extrabold {{#if stats.success}}text-green-600{{else}}text-red-600{{/if}}"
>{{#if stats.success}}Passed{{else}}Failed{{/if}}</span
>
</div>
</div>
</div>
<div class="text-sm font-mono text-center">
Generated on {{currentDateTime}}.
</div>
</div>
</div>
{{#if failingScreenshots}}
<div
class="
container
mx-auto
flex flex-row
items-center
justify-center
px-2
sm:px-6
lg:px-8
py-6
lg:py-12
"
>
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-10 w-10 fill-red-600 mr-2"
viewBox="0 0 20 20"
>
<path
fill-rule="evenodd"
d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z"
clip-rule="evenodd"
/>
</svg>
<h4
class="
text-2xl
sm:text-3xl
md:text-4xl
leading-snug
font-extrabold
tracking-tight
text-primary
"
>
Failing Screenshots - {{failingScreenshots.length}}
</h4>
</div>
<main class="space-y-12">
{{#each failingScreenshots}}
<section class="py-6 lg:py-12 px-2 sm:px-6 lg:px-8 bg-gray-100">
<div class="container mx-auto">
<h3
class="
text-center text-xl
md:text-2xl
leading-snug
font-semibold font-mono
tracking-tight
text-primary
mb-4
lg:mb-8
"
>
{{this}}
</h3>
<div
class="
flex-1 flex flex-col
items-center
lg:flex-row
justify-center
space-y-8
lg:space-y-0 lg:space-x-12
px-12
lg:px-0
"
>
<div class="space-y-4">
<h4 class="text-xl font-mono font-semibold">Baseline</h4>
<img
class="w-full max-w-xs h-auto"
src="../baseline/{{../platform}}/{{this}}"
alt="Baseline screenshot for {{this}}"
/>
</div>
<div class="space-y-4">
<h4 class="text-xl font-mono font-semibold">Latest</h4>
<img
class="w-full max-w-xs h-auto"
src="../latest/{{../platform}}/{{this}}"
alt="Latest screenshot for {{this}}"
/>
</div>
<div class="space-y-4">
<h4 class="text-xl font-mono font-semibold">Diff</h4>
<img
class="w-full max-w-xs h-auto"
src="../diff/{{../platform}}/{{this}}"
alt="Diff screenshot for {{this}}"
/>
</div>
</div>
</div>
</section>
{{/each}}
</main>
{{/if}} {{#if passingScreenshots}}
<div
class="
container
mx-auto
flex flex-row
items-center
justify-center
px-2
sm:px-6
lg:px-8
py-6
lg:py-12
"
>
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-10 w-10 fill-green-600 mr-2"
viewBox="0 0 20 20"
>
<path
fill-rule="evenodd"
d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
clip-rule="evenodd"
/>
</svg>
<h4
class="
text-2xl
sm:text-3xl
md:text-4xl
leading-snug
font-extrabold
tracking-tight
text-primary
"
>
Passing Screenshots - {{passingScreenshots.length}}
</h4>
</div>
<main class="space-y-12">
<section class="py-6 lg:py-12 px-2 sm:px-6 lg:px-8 bg-gray-100">
<div class="container mx-auto">
<div class="flex flex-wrap items-center justify-around">
{{#each passingScreenshots}}
<div class="w-32 sm:w-52 mx-8 mb-8">
<h4
class="text-lg font-mono font-semibold mb-4 truncate"
title="{{this}}"
>
{{this}}
</h4>
<img
class="w-full max-w-sm h-auto"
src="../latest/{{../platform}}/{{this}}"
alt="Latest screenshot for {{this}}"
/>
</div>
{{/each}}
</div>
</div>
</section>
</main>
{{/if}}
<footer class="bg-primary text-white text-sm py-10 px-3">
<div class="container flex flex-col items-center">
<a
target="_blank"
rel="noopener noreferrer"
href="https://formidable.com/"
aria-label="Formidable.com Website"
class="hover:text-secondary mx-2 p-1"
>
<svg
class="w-36 fill-current mb-6"
x="0"
y="0"
viewBox="0 0 868.5 481"
xmlns="http://www.w3.org/2000/svg"
xml:space="preserve"
>
<path
d="M512.3 118.3l25.1-43.9c.8-1.4.8-3.1 0-4.5L511 23.8v-.1c-.1-.1-.2-.2-.2-.4l-.1-.1c-.1-.1-.2-.3-.3-.4-.1-.1-.3-.2-.4-.3l-.1-.1c-.1-.1-.2-.2-.3-.2 0 0-.1 0-.1-.1-.3-.2-.6-.3-1-.4h-.1c-.1 0-.3-.1-.4-.1H357.9h-.1c-.1 0-.3 0-.4.1h-.1c-.3.1-.7.2-1 .4 0 0-.1 0-.1.1-.1.1-.2.1-.3.2l-.1.1c-.1.1-.3.2-.4.3-.1.1-.2.3-.3.4l-.1.1c-.1.1-.2.2-.2.4v.1l-26.4 46.1c-.8 1.4-.8 3.1 0 4.5l25.8 45.1V268c0 .1 0 .3.1.4v.1c.1.3.2.7.4 1 0 0 0 .1.1.1.1.1.1.2.2.3l.1.1c.1.1.2.3.3.4.1.1.3.2.4.3l.1.1c.1.1.2.2.4.2h.1l46.1 26.4c.7.4 1.5.6 2.2.6.8 0 1.5-.2 2.2-.6L453 271h.1c.1-.1.2-.2.4-.2l.1-.1c.1-.1.3-.2.4-.3.1-.1.2-.3.3-.4l.1-.1c.1-.1.2-.2.2-.3 0 0 0-.1.1-.1.2-.3.3-.6.4-1v-.1c0-.1.1-.3.1-.4v-.1V215h52.9c.1 0 .3 0 .4-.1h.1c.3-.1.7-.2 1-.4 0 0 .1 0 .1-.1.1-.1.2-.1.3-.2l.1-.1c.1-.1.3-.2.4-.3.1-.1.2-.2.3-.4l.1-.1c.1-.1.2-.2.2-.4v-.1l26.4-46.1c.8-1.4.8-3.1 0-4.5l-25.2-43.9zm-34.2 41.6h-73.7c-1.1-.1-2.2.3-3.1 1l-.1.1-.2.2c-.8.8-1.3 1.9-1.3 3.2v74l-37.2 21.3v-137h136.8l-21.2 37.2zm-32.2 99.8l-37.2-21.3v-63.2l37.2 37.2v47.3zm32.2-192.1h-91l-21.3-37.2h133.6l-21.3 37.2zm-91 9h91l21.3 37.2H365.8l21.3-37.2zm120 32.6l-21.2-37.1L507.1 35l21.2 37.1-21.2 37.1zM358.1 35l21.2 37.1-21.2 37.1-21.2-37.1L358.1 35zm46.1 253.6l-37.1-21.2 37.1-21.2 37.1 21.2-37.1 21.2zm48-82.5L415 168.9h63.1l21.3 37.2h-47.2zm54.9-4.6l-21.2-37.1 21.2-37.1 21.2 37.1-21.2 37.1zM12.6 343.1c0-2.4 1-3.4 3.4-3.4h73.2c2.4 0 3.4 1 3.4 3.4v10.8c0 1.7-.7 2.4-2.4 2.4h-59v33.2H78c2.4 0 3.4 1 3.4 3.4v9.8c0 2.4-1 3.4-3.4 3.4H31.1v48.4c0 2.4-1 3.4-3.4 3.4H15.9c-2.4 0-3.4-1-3.4-3.4V343.1zM91.3 418.1c0-25.5 17.4-41.3 41.3-41.3s41.3 15.8 41.3 41.3c0 27.3-18.9 41.3-41.3 41.3s-41.3-13.9-41.3-41.3zm64.7.2c0-17-10.5-26.6-23.4-26.6-13 0-23.4 9.6-23.4 26.6 0 15.5 8.8 26.3 23.4 26.3 14.7 0 23.4-10.8 23.4-26.3zM188.1 381.9c0-2.4 1-3.4 3.4-3.4H202c2.4 0 3.4 1 3.4 3.4v7.1c5.6-7.1 14-12.1 25.6-12.1 15.2 0 24.6 9.3 24.6 23.4 0 2.4-1.2 3.4-3.4 3.4h-10.6c-1.9 0-2.5-.7-2.7-2.7-.7-5.7-4.2-9.3-11.5-9.3-6.7 0-12.5 4.6-16.2 9.8-3.7 5.2-5.9 11.6-5.9 21.7v31.2c0 2.4-1 3.4-3.4 3.4h-10.5c-2.4 0-3.4-1-3.4-3.4v-72.5zM267 381.9c0-2.4 1-3.4 3.4-3.4h10.5c2.4 0 3.4 1 3.4 3.4v7.2c5.4-7.6 12.3-12.3 23.4-12.3 10.1 0 17 4 20.1 11.1 5.4-6.4 13.7-11.1 25.5-11.1 14 0 23.8 7.6 23.8 23.4v54.1c0 2.4-1 3.4-3.4 3.4H363c-2.4 0-3.4-1-3.4-3.4v-51.8c0-7.1-3-11-9.9-11-5.1 0-9.8 2.4-13.8 7.2-4.2 5.1-6.1 9.8-6.1 18.2v37.3c0 2.4-1 3.4-3.4 3.4H316c-2.4 0-3.4-1-3.4-3.4v-51.9c0-7.1-3-10.8-9.9-10.8-4.7 0-9.6 2.7-13.1 7.2-3.5 4.6-5.4 7.9-5.4 16.7v38.8c0 2.4-1 3.4-3.4 3.4h-10.5c-2.4 0-3.4-1-3.4-3.4v-72.3zM404 342.8c6.4 0 11.5 5.1 11.5 11.5s-5.1 11.5-11.5 11.5-11.5-5.1-11.5-11.5c0-6.5 5.1-11.5 11.5-11.5zm-8.6 39.1c0-2.4 1-3.4 3.4-3.4h10.5c2.4 0 3.4 1 3.4 3.4v72.5c0 2.4-1 3.4-3.4 3.4h-10.5c-2.4 0-3.4-1-3.4-3.4v-72.5zM491.2 450.8c-6.6 5.6-12.3 8.6-24.4 8.6-19.9 0-36.6-13.8-36.6-41.3 0-26 17.7-41.3 38.6-41.3 9.9 0 17.5 3.2 22.4 8.4v-45.5c0-2.4 1-3.4 3.4-3.4H505c2.4 0 3.4 1 3.4 3.4v114.6c0 2.4-1 3.4-3.2 3.4h-8.3c-2.4 0-3.5-.8-4.4-3.4l-1.3-3.5zm0-39.2c0-5.2-1-8.6-4.6-12.5-3.7-4.2-9.3-7.4-16.2-7.4-12.8 0-22.4 10.1-22.4 26.6 0 15.2 8.6 26.3 22.3 26.3 7.6 0 13.5-3.2 16.9-7.6 3.2-4 4-7.6 4-13.1v-12.3zM589 450c-6.6 6.2-13 9.4-25.1 9.4-21.4 0-39.4-13.8-39.4-41.3 0-26 18.2-41.3 40.5-41.3 12 0 19.9 4.2 24.1 9.3v-4.2c0-2.4 1-3.4 3.4-3.4H603c2.4 0 3.4 1 3.4 3.4v72.5c0 2.4-1 3.4-3.4 3.4h-8.3c-2.2 0-3.5-.8-4.2-3.4L589 450zm0-39.1c0-5.1-1.2-8.4-4.9-12.3-3.5-3.5-9.3-6.9-17.2-6.9-14 0-24.6 9.9-24.6 26.6 0 16.2 10.1 26.3 24.3 26.3 8.8 0 15-4.2 18.5-8.6 2.9-3.9 3.9-7.2 3.9-12.6v-12.5zM624.9 339.8c0-2.4 1-3.4 3.4-3.4h10.5c2.4 0 3.4 1 3.4 3.4v50.6c6.2-7.4 16.2-13.5 28-13.5 22.8 0 34.7 15.3 34.7 41 0 23.8-14.3 41.6-39.1 41.6-9.8 0-17.2-2.5-23.6-6.7v1.7c0 2.4-1 3.4-3.4 3.4h-10.5c-2.4 0-3.4-1-3.4-3.4V339.8zm17.2 91.3c0 4 2 6.1 4.4 7.9 5.1 3.7 11.1 5.6 17 5.6 15.2 0 23.4-11.6 23.4-26.6 0-17.5-8.8-26.3-20.2-26.3-11 0-17.7 7.4-21.2 13.3-2 3.5-3.4 6.6-3.4 12.6v13.5zM719.4 339.8c0-2.4 1-3.4 3.4-3.4h10.5c2.4 0 3.4 1 3.4 3.4v96.4c0 6.1 2.7 8.4 6.6 8.4 3.7 0 5.4-1.7 7.1-1.7 1 0 1.7.8 1.7 2.2v10.1c0 1.5-.7 2.2-1.7 2.5-2.7 1-7.6 1.7-11.6 1.7-9.3 0-19.2-5.4-19.2-19.2V339.8zM835.1 440.9c.5.5.8 1.2.8 1.9s-.3 1.3-1 2c-11 11-19.1 14.7-34.6 14.7-21.1 0-41.1-14.7-41.1-41.3 0-25.1 18.2-41.3 40.5-41.3 27 0 39.4 20.9 39.4 40.1v3.4c0 2.4-1 3.4-3.4 3.4h-59.3c2.2 12.8 11.3 20.9 24.8 20.9 11.1 0 17.2-4.2 22.4-10.1.8-1 1.5-1.5 2.5-1.5.7 0 1.3.3 2.2 1.2l6.8 6.6zM822 409.5c-2.9-12.3-12-17.9-21.9-17.9-10.8 0-20.9 6.6-23.6 17.9H822z"
></path>
<circle
cx="852.6"
cy="382.5"
r="4.4"
fill="#fff"
stroke="#000"
></circle>
<path
d="M852.3 382.1c.3 0 .5-.1.6-.2.1-.1.2-.3.2-.5s-.1-.4-.2-.5c-.1-.1-.3-.1-.6-.1h-.6v1.3h.6m-.5.9v2h-1.3v-5.2h2c.7 0 1.2.1 1.5.3.3.2.5.6.5 1.1 0 .3-.1.6-.2.8-.2.2-.4.4-.7.5.2 0 .3.1.5.3s.3.4.4.7l.7 1.5h-1.4l-.6-1.3c-.1-.3-.3-.4-.4-.5-.1-.1-.3-.1-.5-.1h-.5"
></path>
</svg>
</a>
<div class="flex flex-1 flex-col-reverse lg:flex-row py-3 font-light">
<div class="flex-1 text-center lg:text-left">
Copyright © {{currentYear}}
<a class="hover:text-blue-400" href="https://formidable.com/"
>Formidable Labs, LLC</a
>.
</div>
</div>
</div>
</footer>
</body>
</html>