Skip to content
This repository has been archived by the owner on Aug 3, 2024. It is now read-only.

Frogrinth #1665

Merged
merged 5 commits into from
Apr 1, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
30 changes: 27 additions & 3 deletions assets/images/logo.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
101 changes: 44 additions & 57 deletions components/brand/LogoAnimated.vue
Original file line number Diff line number Diff line change
@@ -1,75 +1,62 @@
<template>
<div>
<svg
class="rotate outer"
width="100%"
height="100%"
viewBox="0 0 590 591"
xmlns="http://www.w3.org/2000/svg"
xml:space="preserve"
style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 2"
>
<g transform="matrix(1,0,0,1,652.392,-0.400578)">
<g transform="matrix(4.16667,0,0,4.16667,-735.553,0)">
<g transform="matrix(0.24,0,0,0.24,0,0)">
<path
d="M134.44,316.535C145.027,441.531 249.98,539.829 377.711,539.829C474.219,539.829 557.724,483.712 597.342,402.371L645.949,419.197C599.165,520.543 496.595,590.954 377.711,590.954C221.751,590.954 93.869,469.779 83.161,316.535L134.44,316.535ZM83.946,265.645C99.012,116.762 224.88,0.401 377.711,0.401C540.678,0.401 672.987,132.71 672.987,295.677C672.987,321.817 669.583,347.168 663.194,371.313L614.709,354.529C619.381,335.689 621.862,315.971 621.862,295.677C621.862,160.926 512.461,51.526 377.711,51.526C253.133,51.526 150.223,145.03 135.392,265.645L83.946,265.645Z"
style="fill: var(--color-brand)"
/>
</g>
</g>
</g>
</svg>
<svg
class="rotate inner"
width="100%"
height="100%"
viewBox="0 0 590 591"
id="Layer_1"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="0 0 79.7 79.7"
style="enable-background: new 0 0 79.7 79.7"
xml:space="preserve"
style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 2"
>
<g transform="matrix(1,0,0,1,652.392,-0.400578)">
<g transform="matrix(4.16667,0,0,4.16667,-735.553,0)">
<g transform="matrix(0.24,0,0,0.24,0,0)">
<path
d="M376.933,153.568C298.44,153.644 234.735,217.396 234.735,295.909C234.735,374.47 298.516,438.251 377.077,438.251C381.06,438.251 385.005,438.087 388.914,437.764L403.128,487.517C394.611,488.667 385.912,489.261 377.077,489.261C270.363,489.261 183.725,402.623 183.725,295.909C183.725,189.195 270.363,102.557 377.077,102.557C379.723,102.557 382.357,102.611 384.983,102.717L376.933,153.568ZM435.127,111.438C513.515,136.114 570.428,209.418 570.428,295.909C570.428,375.976 521.655,444.742 452.22,474.093L438.063,424.541C486.142,401.687 519.418,352.653 519.418,295.909C519.418,234.923 480.981,182.843 427.029,162.593L435.127,111.438Z"
style="fill: var(--color-brand)"
/>
</g>
</g>
</g>
</svg>
<svg
width="100%"
height="100%"
viewBox="0 0 590 591"
xmlns="http://www.w3.org/2000/svg"
xml:space="preserve"
style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 2"
class="rotate outer"
>
<g transform="matrix(1,0,0,1,652.392,-0.400578)">
<g transform="matrix(4.16667,0,0,4.16667,-735.553,0)">
<g transform="matrix(0.24,0,0,0.24,0,0)">
<path
d="M300.366,311.86L283.216,266.381L336.966,211.169L404.9,196.531L424.57,220.74L393.254,252.46L365.941,261.052L346.425,281.11L355.987,307.719L375.387,328.306L402.745,321.031L422.216,299.648L464.729,286.185L477.395,314.677L433.529,368.46L360.02,391.735L327.058,355.031L138.217,468.344C129.245,456.811 118.829,440.485 112.15,424.792L300.366,311.86Z"
style="fill: var(--color-brand)"
/>
</g>
<g id="frogrinth">
<g>
<path
id="right_00000125574476583013779490000002690216409553892766_"
style="fill: var(--color-brand)"
d="M59.1,31.6
c-1,4.6,4.7,0.9,5.6-1.1c1-1.5,1.1-3.5,2.4-4.6c1.7-1.4,2.9,0.7,2.6,2.4c-0.4,5.5-5.4,7.7-9,10.7c-3.9,11.7-8.7,29.4-24.3,28.2
c-2.7-0.2-6.4,0.9-8-1.8c-1.9-3.5,3.1-7.5,5.8-8.9c2.3-1.5,14.1,0.3,7.3,3.4c-2.6,0.2-8-0.2-8.5,3.1c8.2,2,14.1-1.6,17.7-9
c2.1-3.7,6.7-13.1,4.8-17.5c-1.5-2.4-4.9-0.2-7.3-1.2c-3.1-0.9-5.7-2.7-9-2.9c-2.7-1.1-11,2.5-10.7-1.7c3.4-5.1,16.4-1.1,21.2,0.9
c7.6,1.7,11.3-14.8,15.1-11.3C67.1,22.9,60.1,28.9,59.1,31.6z"
/>
<path
id="left_00000180366872236621967990000002671539785896305321_"
style="fill: var(--color-brand)"
d="M9.8,44.2
C4.2,24.3,25.6,25.1,17.2,31c-3.8,1.4-4.5,4.6-4.1,8.3c0.6,3,0.7,10.1,3.5,11.2c2-1.4,4.3-4,3-7c-1.2-2.6,0.9-9.4,3.3-4.3
c1.4,9.1,3.3,7.5-3.7,14.5C12.9,61.3,11.3,48.5,9.8,44.2z"
/>
<path
id="outer"
style="fill: var(--color-brand)"
d="M78.6,17.2C78.2,47,53.3,92,18.4,74C4.1,69.1,18,62.3,22.7,55.7
c2.1-2.3,4.3-4.7,6.8-6.7c2.8-2.1,0.4-5.8,1.4-8.7c0.9-4.6,9.8-9.8,12.3-3.8c0.5,1.5-0.4,2.8-2.1,2.1c-3.4-2-7.2,1.3-6.5,5
c0.5,3.6,5.4,7.9,8.8,5.4c1.7-1.2,1.7-3.6,2.8-5.1c0.7-0.9,2.1-1,2.6,0.2c1.8,6.5-6.1,12.4-11.8,8.5c-4.6-3.8-7.9,2.7-11,5.4
c-2.3,3-8.6,7.4-8.9,10.9c32.1,21.2,57-22.5,57.4-50.7c2.5-11.5,1.2-14.9-11-11.4c-4.3,3.1-6.5,8.3-9.4,12.7
c-3.6,6.5-9.4,6.5-15.9,6.3c-12.1,0.7-16-3.8-20-14.4C16,9,10.6,8.6,8.2,11C2.9,16,3.1,23,5,29.6c1.3,6.8,2,14.1,3.4,20.9
c0.6,3.1,1.2,6.1,2.1,9.2c1.4,5.1-2.7,5.9-3.8,0.5c-3-13.4-6-27.4-6.7-41c0.8-5,4.2-12,9.6-13.4c4.6-0.7,10.8-0.1,12.9,4.6
C24.6,22.8,35,22.5,45.1,21.7c7.6-3,9.7-13.1,15.8-18C73.8-1.3,82.8,2.1,78.6,17.2z"
/>
</g>
<g transform="matrix(4.16667,0,0,4.16667,-735.553,0)">
<g transform="matrix(0.24,0,0,0.24,0,0)">
<path
d="M655.189,194.555L505.695,234.873C513.927,256.795 516.638,269.674 518.915,283.863L668.152,243.609C665.764,227.675 661.5,211.444 655.189,194.555Z"
style="fill: var(--color-brand)"
/>
</g>
<g id="eyes" style="fill: var(--color-text-dark)">
<path
id="right"
d="M69.9,18.1c-1.2,1.7-2.7,3.4-4.9,2.7c-2.1-0.8-4.5-2.6-3.6-5.2C63.5,7.6,74.2,10.6,69.9,18.1z"
/>
<path id="left" d="M8,17.7c-0.1-3.6,5.8-7.1,8-3.5C19,23.2,5.7,24.9,8,17.7z" />
</g>
</g>
</svg>
</div>
</template>

<script setup lang="ts"></script>
<style lang="scss" scoped>
div {
display: flex;
Expand Down
58 changes: 45 additions & 13 deletions components/brand/TextLogo.vue
Original file line number Diff line number Diff line change
Expand Up @@ -37,18 +37,45 @@
fill-rule="nonzero"
d="M657.4,254.8v-53.6h188.3v53.6H657.4z M704,485.1V183c0-30,8.7-54,26.2-72c17.5-18,42.4-27,74.9-27 c11.6,0,22.7,1.3,33.1,3.7c10.4,2.5,19.1,6.4,26.2,11.8l-18,50.3c-4.9-3.9-10.6-6.9-16.9-8.8c-6.3-2-12.9-2.9-19.6-2.9 c-13.8,0-24.2,3.8-31.2,11.5c-7.1,7.7-10.6,19.2-10.6,34.5v32.1l2.1,30v238.9H704z M1012.9,488.9c-28.9,0-54.7-6.3-77.2-19 c-22.6-12.7-40.4-30.1-53.4-52.2c-13.1-22.1-19.6-47.3-19.6-75.5c0-28.6,6.5-53.8,19.6-75.8c13-22,30.9-39.2,53.4-51.7 c22.6-12.5,48.3-18.7,77.2-18.7c29.3,0,55.3,6.3,78,18.7c22.7,12.5,40.6,29.6,53.4,51.4c12.9,21.8,19.3,47.1,19.3,76.1 c0,28.2-6.4,53.4-19.3,75.5c-12.9,22.1-30.7,39.6-53.4,52.2C1068.2,482.5,1042.2,488.9,1012.9,488.9z M1012.9,431.6 c16.2,0,30.7-3.6,43.4-10.7c12.7-7.1,22.7-17.5,29.9-31.1c7.2-13.6,10.8-29.5,10.8-47.7c0-18.6-3.6-34.5-10.8-47.9 c-7.2-13.4-17.2-23.6-29.9-30.8c-12.7-7.1-27-10.7-42.9-10.7c-16.2,0-30.6,3.6-43.1,10.7c-12.5,7.1-22.5,17.4-29.9,30.8 s-11.1,29.4-11.1,47.9c0,18.2,3.7,34.1,11.1,47.7c7.4,13.6,17.4,23.9,29.9,31.1C982.9,428,997.1,431.6,1012.9,431.6z M1227.2,485.1 v-286h63v78.7l-7.4-23c8.5-19.3,21.8-33.9,39.9-43.9c18.2-10,40.8-15,68-15v63.7c-2.8-0.7-5.5-1.2-7.9-1.3c-2.5-0.2-4.9-0.3-7.4-0.3 c-25,0-45,7.4-59.8,22.2c-14.8,14.8-22.2,36.9-22.2,66.1v138.7H1227.2z M1576.9,488.9c-31.4,0-58.8-6.3-82.3-19 c-23.5-12.7-41.6-30.1-54.5-52.2c-12.9-22.1-19.3-47.3-19.3-75.5c0-28.6,6.3-53.8,18.8-75.8c12.5-22,29.8-39.2,51.8-51.7 c22-12.5,47.2-18.7,75.4-18.7c27.5,0,52,6.1,73.5,18.2c21.5,12.1,38.4,29.3,50.8,51.4c12.3,22.1,18.5,48.2,18.5,78.2 c0,2.9-0.1,6.1-0.3,9.6c-0.2,3.6-0.4,7-0.8,10.2h-235.4v-44.5h200.5l-25.9,13.9c0.3-16.4-3-30.9-10.1-43.4 c-7.1-12.5-16.7-22.3-28.8-29.5c-12.2-7.1-26.2-10.7-42.1-10.7c-16.2,0-30.4,3.6-42.6,10.7c-12.2,7.1-21.7,17.1-28.6,29.7 c-6.9,12.7-10.3,27.6-10.3,44.7v10.7c0,17.1,3.9,32.3,11.6,45.5c7.8,13.2,18.7,23.4,32.8,30.5c14.1,7.1,30.3,10.7,48.7,10.7 c15.9,0,30.2-2.5,42.9-7.5c12.7-5,24-12.9,33.9-23.6l35.4,41.2c-12.7,15-28.7,26.5-47.9,34.5 C1623.5,484.9,1601.6,488.9,1576.9,488.9z M1806.5,152c-12.3,0-22.5-3.9-30.4-11.8c-7.9-7.8-11.9-17.3-11.9-28.4 c0-11.4,4-21,11.9-28.7c7.9-7.7,18.1-11.5,30.4-11.5c12.3,0,22.5,3.7,30.4,11c7.9,7.3,11.9,16.5,11.9,27.6 c0,11.8-3.9,21.7-11.6,29.7C1829.4,148,1819.2,152,1806.5,152z M1773.1,485.1v-286h66.1v286H1773.1z M2045.6,472.3 c-26.8,0-51-5.8-72.7-17.4c-21.7-11.6-38.8-27.8-51.3-48.5c-12.5-20.7-18.8-45-18.8-72.8c0-27.5,6.3-51.6,18.8-72.3 c12.5-20.7,29.6-36.8,51.3-48.2c21.7-11.4,45.9-17.1,72.7-17.1c24,0,45.5,4.8,64.5,14.5s34.3,24.6,45.8,45 c11.5,20.4,17.2,46.4,17.2,78.2c0,31.8-5.7,57.9-17.2,78.5c-11.5,20.5-26.7,35.7-45.8,45.5C2091.1,467.4,2069.6,472.3,2045.6,472.3z M2054,592.8c-26.1,0-51.6-3.5-76.4-10.4c-24.9-7-45.2-17.1-61.1-30.3l29.6-50.3c12.3,10.4,27.9,18.7,46.8,24.9 c18.9,6.2,38,9.4,57.4,9.4c31,0,53.8-7.2,68.2-21.7c14.5-14.5,21.7-36.2,21.7-65.1v-50.9l5.3-64.8l-2.1-64.8v-69.6h63v242.6 c0,51.8-13.1,89.9-39.1,114.3C2141.2,580.5,2103.4,592.8,2054,592.8z M2055.6,415.5c16.6,0,31.4-3.5,44.4-10.4 c13-7,23.2-16.6,30.4-28.9c7.2-12.3,10.8-26.5,10.8-42.6c0-16.1-3.6-30.3-10.8-42.6c-7.2-12.3-17.4-21.8-30.4-28.4 c-13.1-6.6-27.9-9.9-44.4-9.9c-16.6,0-31.5,3.3-44.7,9.9c-13.2,6.6-23.5,16.1-30.7,28.4c-7.2,12.3-10.8,26.5-10.8,42.6 c0,16.1,3.6,30.3,10.8,42.6c7.2,12.3,17.5,22,30.7,28.9S2039.1,415.5,2055.6,415.5z M2453.5,195.9c22.6,0,42.8,4.5,60.6,13.4 c17.8,8.9,31.8,22.6,42.1,41c10.2,18.4,15.3,42,15.3,71v163.9h-66.1V329.8c0-25.3-5.9-44.3-17.7-56.8 c-11.8-12.5-28.3-18.7-49.5-18.7c-15.5,0-29.3,3.2-41.3,9.6c-12,6.4-21.3,16-27.8,28.7c-6.5,12.7-9.8,28.7-9.8,47.9v144.6h-66.1 v-286h63v77.1l-11.1-23.6c9.9-18.2,24.2-32.2,43.1-42C2407,200.8,2428.8,195.9,2453.5,195.9z"
/>
<g fill="var(--color-brand)">
<path
d="m29 424.4 188.2-112.95-17.15-45.48 53.75-55.21 67.93-14.64 19.67 24.21-31.32 31.72-27.3 8.6-19.52 20.05 9.56 26.6 19.4 20.6 27.36-7.28 19.47-21.38 42.51-13.47 12.67 28.5-43.87 53.78-73.5 23.27-32.97-36.7L55.06 467.94C46.1 456.41 35.67 440.08 29 424.4Zm543.03-230.25-149.5 40.32c8.24 21.92 10.95 34.8 13.23 49l149.23-40.26c-2.38-15.94-6.65-32.17-12.96-49.06Z"
/>
<path
d="M51.28 316.13c10.59 125 115.54 223.3 243.27 223.3 96.51 0 180.02-56.12 219.63-137.46l48.61 16.83c-46.78 101.34-149.35 171.75-268.24 171.75C138.6 590.55 10.71 469.38 0 316.13h51.28ZM.78 265.24C15.86 116.36 141.73 0 294.56 0c162.97 0 295.28 132.31 295.28 295.28 0 26.14-3.4 51.49-9.8 75.63l-48.48-16.78a244.28 244.28 0 0 0 7.15-58.85c0-134.75-109.4-244.15-244.15-244.15-124.58 0-227.49 93.5-242.32 214.11H.8Z"
class="ring ring--large"
/>
<path
d="M293.77 153.17c-78.49.07-142.2 63.83-142.2 142.34 0 78.56 63.79 142.34 142.35 142.34 3.98 0 7.93-.16 11.83-.49l14.22 49.76a194.65 194.65 0 0 1-26.05 1.74c-106.72 0-193.36-86.64-193.36-193.35 0-106.72 86.64-193.35 193.36-193.35 2.64 0 5.28.05 7.9.16l-8.05 50.85Zm58.2-42.13c78.39 24.67 135.3 97.98 135.3 184.47 0 80.07-48.77 148.83-118.2 178.18l-14.17-49.55c48.08-22.85 81.36-71.89 81.36-128.63 0-60.99-38.44-113.07-92.39-133.32l8.1-51.15Z"
class="ring ring--small"
/>
<g id="frogrinth" class="ring ring--large">
<g id="maze" fill="var(--color-brand)">
<path
id="right_00000125574476583013779490000002690216409553892766_"
d="M437.1,231.4c-7.2,33.8,34.7,6.8,41.3-8.1
c7.5-10.9,8.3-25.7,17.5-34c12.7-10.1,21.7,5.5,19.1,17.7c-3,40.8-39.8,56.8-66.9,79.3c-29.2,86.9-64,217.5-179.5,208.7
c-20.1-1.1-47.4,6.6-59-13.5c-13.7-25.7,23.2-55.6,42.8-66.2c17.1-10.9,104.6,2.4,54.3,25.1c-19.3,1.4-59.5-1.4-63.2,22.8
c60.3,14.9,104.3-12,131-66.8c15.6-27.6,49.9-97.2,35.9-129.2c-10.9-17.4-35.9-1.3-53.9-8.6c-22.6-6.6-42.5-20.2-66.7-21.5
c-19.9-8.3-81.4,18.2-79.3-12.9c25.4-37.7,121.5-8,156.6,6.6c56.4,12.7,83.6-109.4,111.6-83.6
C496.3,167.4,444.8,211.7,437.1,231.4z"
/>
<path
id="left_00000180366872236621967990000002671539785896305321_"
d="M72.6,324.5c-41.3-147.3,116.5-141,54.6-97.1
c-28.4,10.4-33.3,34-30.4,61.1c4.5,22.1,5.2,74.4,25.8,82.7c14.9-10.5,31.9-29.9,22.5-51.8c-8.8-19.1,6.8-69.2,24.5-32
c10.4,67.3,24.6,55.5-27.5,107.6C95.3,451.4,83.7,356.5,72.6,324.5z"
/>
<path
id="outer"
d="M581.8,124.7c-3.5,221.1-187.6,554-445.6,420.3c-105.6-35.9-2.8-86.7,31.6-135.4
c15.5-17.4,32.1-34.5,50.1-49.2c20.6-15.9,3.1-43.1,10.1-64.3c6.3-33.9,72.1-72.7,91-28.5c4,10.9-2.7,20.7-15.3,15.6
c-24.9-15.1-53.4,9.8-47.9,36.9c3.4,26.4,39.9,58.2,65.1,40.2c12.2-9,12.5-26.3,20.9-37.9c4.9-7,15.3-7.2,19,1.2
c13.4,47.9-45.5,91.7-87.2,62.6c-33.8-28.2-58.5,20.1-81.1,40c-16.8,22.2-63.5,54.5-65.7,80.6c237.7,157.1,421.6-166.6,425-374.8
c18.5-85.1,9.1-109.9-81.6-84.6c-31.5,22.9-48,61.5-69.6,93.7c-26.7,48.4-69.4,48.2-117.9,46.6c-89.7,4.8-118.4-28.4-148.1-106.8
c-16.4-16.5-56.3-19.5-73.7-2.1c-39.4,37.3-37.6,88.9-24,137.6c9.5,50.2,15,104,25.3,154.8c4.5,23.2,8.9,45.5,15.8,68.4
c10.6,37.4-20.2,43.4-28.4,3.6C27.7,344.1,5.4,240.7,0,139.8c6-37.3,31.4-88.7,70.7-99c33.7-4.9,79.6-0.8,95.7,33.8
C181.9,166,258.9,164.1,334,158c56.3-22,71.4-96.9,117.1-132.8C545.8-12.2,612.6,13,581.8,124.7z"
/>
</g>
<g id="eyes" fill="var(--color-text-dark)">
<path
id="right"
d="M517,131.4c-8.7,12.4-20.1,25.5-36.4,19.9c-15.2-6.1-33.5-19.5-26.9-38.1C470.2,54.1,549.4,76,517,131.4z"
/>
<path
id="left"
d="M59,128.5c-0.8-26.7,42.9-52.3,58.9-26.2C140.3,169.6,42.3,181.8,59,128.5z"
/>
</g>
</g>
</svg>
</template>
Expand All @@ -72,12 +99,17 @@ const api = computed(() => {
</script>

<style lang="scss" scoped>
.ring {
transition: transform 2s ease-in-out, scale 0.25s ease-in-out;
}

.animate {
.ring {
transform-origin: center;
transform-box: fill-box;
animation-fill-mode: forwards;
transition: transform 2s ease-in-out;
scale: 0.8;

&--large {
animation: spin 1s ease-in-out infinite forwards;
}
Expand Down
1 change: 1 addition & 0 deletions layouts/default.vue
Original file line number Diff line number Diff line change
Expand Up @@ -354,6 +354,7 @@
>
</p>
<p>© Rinth, Inc.</p>
<p>frogs are cool</p>
</div>
<div class="links links-1" role="region" aria-label="Legal">
<h4 aria-hidden="true">{{ formatMessage(footerMessages.companyTitle) }}</h4>
Expand Down
Loading