119 lines
2.6 KiB
Vue
119 lines
2.6 KiB
Vue
<template>
|
|
<div class="flex row items-center no-wrap">
|
|
<svg
|
|
class="iconcolor q-mr-sm"
|
|
viewBox="0 0 8.4666662 8.4666662"
|
|
width="32"
|
|
height="32"
|
|
version="1.1"
|
|
id="svg1"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
xmlns:svg="http://www.w3.org/2000/svg"
|
|
>
|
|
<defs id="defs1" />
|
|
<g id="layer1">
|
|
<rect
|
|
style="fill:var(--icon-color);stroke-width:0.233149"
|
|
id="rect5"
|
|
width="6.9885192"
|
|
height="0.35581663"
|
|
x="3.114475"
|
|
y="0.86827624"
|
|
transform="matrix(0.77578367,0.63099897,-0.77578367,0.63099897,0,0)"
|
|
/>
|
|
<rect
|
|
style="fill:var(--icon-color);stroke-width:0.24961"
|
|
id="rect5-7"
|
|
width="7.4819207"
|
|
height="0.3809379"
|
|
x="-3.9267058"
|
|
y="5.7988153"
|
|
transform="matrix(-0.70756824,0.70664502,0.70756824,0.70664502,0,0)"
|
|
/>
|
|
<circle
|
|
style="fill:var(--icon-color);stroke-width:0.134869"
|
|
id="path5-8"
|
|
cx="1.5875"
|
|
cy="6.8791666"
|
|
r="1.0583333"
|
|
/>
|
|
<circle
|
|
style="fill:var(--icon-color);stroke-width:0.168586"
|
|
id="path5-8-5"
|
|
cx="7.1437502"
|
|
cy="7.1437502"
|
|
r="1.3229166"
|
|
/>
|
|
<circle
|
|
style="fill:var(--icon-color);stroke-width:0.118011"
|
|
id="path5-8-5-1"
|
|
cx="1.4552083"
|
|
cy="2.5135417"
|
|
r="0.92604166"
|
|
/>
|
|
<circle
|
|
style="fill:var(--icon-color);stroke-width:0.101152"
|
|
id="path5-8-5-1-7"
|
|
cx="7.1437502"
|
|
cy="1.3229166"
|
|
r="0.79374999"
|
|
/>
|
|
<circle
|
|
style="stroke-width:0.23602"
|
|
id="path5"
|
|
cx="3.96875"
|
|
cy="4.4979167"
|
|
r="1.8520833"
|
|
/>
|
|
</g>
|
|
</svg>
|
|
|
|
<span class="text-h4 text-bold q-pr-xs" style="color: var(--logo-color-bg-white);">
|
|
tggg!Q12345678
|
|
</span>
|
|
|
|
<span class="text-h4 text-brand text-bold q-pa-0">
|
|
Projects
|
|
</span>
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
body {
|
|
background: white;
|
|
margin: 0rem;
|
|
min-height: 100vh;
|
|
font-family: Futura, sans-serif;
|
|
}
|
|
|
|
#canvas {
|
|
position: absolute;
|
|
display: block;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: -1;
|
|
}
|
|
|
|
.iconcolor {
|
|
--icon-color: var(--logo-color-bg-white);
|
|
}
|
|
|
|
@keyframes blink {
|
|
100%,
|
|
0% {
|
|
fill: $light-green-14;
|
|
}
|
|
60% {
|
|
fill: $green-14;
|
|
}
|
|
}
|
|
|
|
#path5 {
|
|
animation: blink 3s infinite;
|
|
}
|
|
</style>
|