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

Commit

Permalink
frogrinth
Browse files Browse the repository at this point in the history
  • Loading branch information
@Prospector
Prospector committed Apr 1, 2024
1 parent 3623ade commit 536f5ee
Show file tree
Hide file tree
Showing 4 changed files with 117 additions and 73 deletions.
30 changes: 27 additions & 3 deletions assets/images/logo.svg
View file
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
View file
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
View file
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
View file
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

0 comments on commit 536f5ee

Please sign in to comment.