Skip to content
Snippets Groups Projects
Commit 476db49f authored by CazSaa's avatar CazSaa
Browse files

Merge branch 'main' into login

parents 8101c5e8 22ae078b
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
layouts/default.vue
+ 6
− 1
View file @ 476db49f
<template>
<div>
<div id="default-page">
<Nuxt />
<Nav />
</div>
......@@ -47,4 +47,9 @@ html {
color: #05629D;
}
#default-page {
background-image: url("@/assets/svg/background.svg");
background-size: 100% 100%;
height: 3205px;
}
</style>
pages/index.vue
+ 0
− 5
View file @ 476db49f
......@@ -23,9 +23,4 @@
color: white;
}
body {
background-image: url("@/assets/svg/background.svg");
background-size: 100% 100%;
height: 3205px;
}
</style>
pages/index/index.vue
+ 35
− 18
View file @ 476db49f
<template>
<section class="tracker-section" id="tracker-section">
<section id="tracker-section" class="tracker-section">
<div class="tracker">
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="350" viewBox="0 0 327.76 293.61">
<defs>
<clipPath id="tracker-clip-path">
<rect class="cls-1" x="-11.9" y="-43.14" width="176" height="440"/>
<rect class="cls-1" x="-11.9" y="-43.14" width="176" height="440" />
</clipPath>
<clipPath id="tracker-clip-path-2">
<rect class="cls-1" x="164.1" y="-43.14" width="176" height="440"/>
<rect class="cls-1" x="164.1" y="-43.14" width="176" height="440" />
</clipPath>
</defs>
<circle id="tracker-filler" r="153" :style="{ '--dashoffset-target': `${dashOffset}`}"></circle>
<circle id="tracker-filler" r="153" :style="{ '--dashoffset-target': `${dashOffset}`}" />
<g id="Group_39" data-name="Group 39">
<g id="Group_2" data-name="Group 2">
<g class="cls-2">
<g id="Mask_Group_1" data-name="Mask Group 1">
<g id="Path_11-2" data-name="Path 11-2">
<path class="cls-1"
d="M163.88,0A163.92,163.92,0,0,0,0,163.92c.76,46.58,20.7,91.31,53.84,121.46,1.27,1.16,12.6,14.05,21.1,5.11s-2.7-17.78-5.59-20.11c-29.49-27-38.59-55.27-38.59-55.27s-14.13-29.5-7.17-76.27C33,78.42,90.17,21.18,163.88,21,357,25.18,247,310.86,276.43,283.1A163.92,163.92,0,0,0,163.88,0Z"
<path
class="cls-1"
d="M163.88,0A163.92,163.92,0,0,0,0,163.92c.76,46.58,20.7,91.31,53.84,121.46,1.27,1.16,12.6,14.05,21.1,5.11s-2.7-17.78-5.59-20.11c-29.49-27-38.59-55.27-38.59-55.27s-14.13-29.5-7.17-76.27C33,78.42,90.17,21.18,163.88,21,357,25.18,247,310.86,276.43,283.1A163.92,163.92,0,0,0,163.88,0Z"
/>
<path class="cls-3"
d="M163.88,3a162,162,0,0,0-32.43,3.27A159.91,159.91,0,0,0,73.91,30.48,161.69,161.69,0,0,0,30.44,74,160.32,160.32,0,0,0,3,163.9a169.14,169.14,0,0,0,14.52,65.7A164.72,164.72,0,0,0,34,258.49a155.93,155.93,0,0,0,21.87,24.67l.58.57A35.69,35.69,0,0,0,61.3,288c2.53,1.76,4.81,2.66,6.77,2.66a6.22,6.22,0,0,0,4.65-2.21,6.91,6.91,0,0,0,2.29-5.3c-.3-4.52-5.7-8.88-7.48-10.31l-.18-.15-.07-.07A161.4,161.4,0,0,1,36.35,234.1a108.33,108.33,0,0,1-8.42-17.88c-.59-1.27-3.84-8.67-6.35-21.11a165.6,165.6,0,0,1-1-56.71v0C29.81,79.35,85.93,18.19,163.88,18H164c39,.84,69,13.23,89.11,36.84,19.12,22.44,29.63,55.55,31.24,98.43,1.35,35.88-3.53,71.13-7.1,96.88-1.24,9-2.31,16.71-2.83,22.52a63.52,63.52,0,0,0-.31,7c0,.56.05,1,.09,1.4l.22-.21A160.86,160.86,0,0,0,163.88,3m0-3A163.92,163.92,0,0,1,276.43,283.1c-1.36,1.29-2.43,1.9-3.24,1.9C256.55,285,348,25,163.88,21,90.17,21.18,33,78.42,23.55,138.84c-7,46.77,7.17,76.27,7.17,76.27s9.09,28.24,38.59,55.27c2.89,2.33,14.09,11.17,5.59,20.11s-19.83-4-21.1-5.11C20.66,255.23.71,210.5,0,163.92A163.92,163.92,0,0,1,163.88,0Z"
<path
class="cls-3"
d="M163.88,3a162,162,0,0,0-32.43,3.27A159.91,159.91,0,0,0,73.91,30.48,161.69,161.69,0,0,0,30.44,74,160.32,160.32,0,0,0,3,163.9a169.14,169.14,0,0,0,14.52,65.7A164.72,164.72,0,0,0,34,258.49a155.93,155.93,0,0,0,21.87,24.67l.58.57A35.69,35.69,0,0,0,61.3,288c2.53,1.76,4.81,2.66,6.77,2.66a6.22,6.22,0,0,0,4.65-2.21,6.91,6.91,0,0,0,2.29-5.3c-.3-4.52-5.7-8.88-7.48-10.31l-.18-.15-.07-.07A161.4,161.4,0,0,1,36.35,234.1a108.33,108.33,0,0,1-8.42-17.88c-.59-1.27-3.84-8.67-6.35-21.11a165.6,165.6,0,0,1-1-56.71v0C29.81,79.35,85.93,18.19,163.88,18H164c39,.84,69,13.23,89.11,36.84,19.12,22.44,29.63,55.55,31.24,98.43,1.35,35.88-3.53,71.13-7.1,96.88-1.24,9-2.31,16.71-2.83,22.52a63.52,63.52,0,0,0-.31,7c0,.56.05,1,.09,1.4l.22-.21A160.86,160.86,0,0,0,163.88,3m0-3A163.92,163.92,0,0,1,276.43,283.1c-1.36,1.29-2.43,1.9-3.24,1.9C256.55,285,348,25,163.88,21,90.17,21.18,33,78.42,23.55,138.84c-7,46.77,7.17,76.27,7.17,76.27s9.09,28.24,38.59,55.27c2.89,2.33,14.09,11.17,5.59,20.11s-19.83-4-21.1-5.11C20.66,255.23.71,210.5,0,163.92A163.92,163.92,0,0,1,163.88,0Z"
/>
</g>
<rect id="Rectangle_4" data-name="Rectangle 4" class="cls-1" x="-11.9" y="-43.14" width="176"
height="440"
<rect
id="Rectangle_4"
data-name="Rectangle 4"
class="cls-1"
x="-11.9"
y="-43.14"
width="176"
height="440"
/>
</g>
</g>
<g class="cls-4">
<g id="Mask_Group_2" data-name="Mask Group 2">
<g id="Path_12-2" data-name="Path 12-2">
<path class="cls-1"
d="M163.88,0A163.92,163.92,0,0,1,327.81,163.92c-.76,46.59-20.7,91.31-53.84,121.46-1.27,1.16-12.6,14.05-21.1,5.11s2.7-17.78,5.59-20.11c29.49-27,38.59-55.27,38.59-55.27s14.13-29.5,7.17-76.27C294.78,78.42,237.6,21.18,163.88,21-29.19,25.18,80.76,310.86,51.34,283.1A163.92,163.92,0,0,1,163.88,0Z"
<path
class="cls-1"
d="M163.88,0A163.92,163.92,0,0,1,327.81,163.92c-.76,46.59-20.7,91.31-53.84,121.46-1.27,1.16-12.6,14.05-21.1,5.11s2.7-17.78,5.59-20.11c29.49-27,38.59-55.27,38.59-55.27s14.13-29.5,7.17-76.27C294.78,78.42,237.6,21.18,163.88,21-29.19,25.18,80.76,310.86,51.34,283.1A163.92,163.92,0,0,1,163.88,0Z"
/>
<path class="cls-3"
d="M163.88,3a162,162,0,0,0-32.43,3.27A159.91,159.91,0,0,0,73.91,30.48,161.69,161.69,0,0,0,30.44,74a160.83,160.83,0,0,0,23,207l.22.21c0-.38.07-.84.09-1.4a61.54,61.54,0,0,0-.32-7c-.51-5.81-1.58-13.55-2.83-22.52-3.56-25.75-8.45-61-7.1-96.88,1.62-42.88,12.13-76,31.25-98.43,20.12-23.61,50.1-36,89.11-36.84h.07c78,.16,134.07,61.32,143.29,120.35v0a165.55,165.55,0,0,1-1,56.71c-2.5,12.44-5.76,19.84-6.34,21.11a108.33,108.33,0,0,1-8.42,17.88,161.66,161.66,0,0,1-30.93,38.49l-.07.07-.18.14c-1.78,1.44-7.19,5.8-7.49,10.32a6.94,6.94,0,0,0,2.29,5.3,6.24,6.24,0,0,0,4.65,2.21c2,0,4.25-.9,6.78-2.66a36.32,36.32,0,0,0,4.9-4.24c.25-.26.42-.43.58-.57a156.43,156.43,0,0,0,21.87-24.67,165.36,165.36,0,0,0,16.47-28.89,169.14,169.14,0,0,0,14.52-65.7,163.31,163.31,0,0,0-3.27-32.41A160.83,160.83,0,0,0,196.32,6.27,162.13,162.13,0,0,0,163.88,3m0-3A163.92,163.92,0,0,1,327.81,163.92c-.76,46.58-20.7,91.31-53.84,121.46-1.27,1.15-12.6,14.05-21.1,5.11s2.7-17.78,5.59-20.11c29.49-27,38.59-55.27,38.59-55.27s14.13-29.5,7.17-76.27C294.78,78.42,237.6,21.18,163.88,21-20.25,25,71.22,285,54.57,285c-.8,0-1.87-.61-3.23-1.9A163.92,163.92,0,0,1,163.88,0Z"
<path
class="cls-3"
d="M163.88,3a162,162,0,0,0-32.43,3.27A159.91,159.91,0,0,0,73.91,30.48,161.69,161.69,0,0,0,30.44,74a160.83,160.83,0,0,0,23,207l.22.21c0-.38.07-.84.09-1.4a61.54,61.54,0,0,0-.32-7c-.51-5.81-1.58-13.55-2.83-22.52-3.56-25.75-8.45-61-7.1-96.88,1.62-42.88,12.13-76,31.25-98.43,20.12-23.61,50.1-36,89.11-36.84h.07c78,.16,134.07,61.32,143.29,120.35v0a165.55,165.55,0,0,1-1,56.71c-2.5,12.44-5.76,19.84-6.34,21.11a108.33,108.33,0,0,1-8.42,17.88,161.66,161.66,0,0,1-30.93,38.49l-.07.07-.18.14c-1.78,1.44-7.19,5.8-7.49,10.32a6.94,6.94,0,0,0,2.29,5.3,6.24,6.24,0,0,0,4.65,2.21c2,0,4.25-.9,6.78-2.66a36.32,36.32,0,0,0,4.9-4.24c.25-.26.42-.43.58-.57a156.43,156.43,0,0,0,21.87-24.67,165.36,165.36,0,0,0,16.47-28.89,169.14,169.14,0,0,0,14.52-65.7,163.31,163.31,0,0,0-3.27-32.41A160.83,160.83,0,0,0,196.32,6.27,162.13,162.13,0,0,0,163.88,3m0-3A163.92,163.92,0,0,1,327.81,163.92c-.76,46.58-20.7,91.31-53.84,121.46-1.27,1.15-12.6,14.05-21.1,5.11s2.7-17.78,5.59-20.11c29.49-27,38.59-55.27,38.59-55.27s14.13-29.5,7.17-76.27C294.78,78.42,237.6,21.18,163.88,21-20.25,25,71.22,285,54.57,285c-.8,0-1.87-.61-3.23-1.9A163.92,163.92,0,0,1,163.88,0Z"
/>
</g>
<rect id="Rectangle_5" data-name="Rectangle 5" class="cls-1" x="164.1" y="-43.14" width="176"
height="440"
<rect
id="Rectangle_5"
data-name="Rectangle 5"
class="cls-1"
x="164.1"
y="-43.14"
width="176"
height="440"
/>
</g>
</g>
......@@ -123,8 +139,9 @@ export default {
line-height: 80%;
span {
font-size: 2rem;
color: #004377;
text-shadow: none;
text-shadow: -1px 3px 4px #444;
}
}
......@@ -144,7 +161,7 @@ export default {
svg#Layer_1 {
position: absolute;
top: -100px;
z-index: -10;
z-index: 0;
#tracker-filler {
--dashoffset-empty: 961;
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment