moritzruth/moritzruth.de
1
0
Fork 0
Code Activity Actions

changes

Browse source
This commit is contained in:
Moritz Ruth 2020-04-07 15:52:52 +02:00
parent 82447b6a92
commit e55d5feced
No known key found for this signature in database
GPG key ID: FE38A0B03AA331BA
28 changed files with 2006 additions and 1543 deletions
Download patch file Download diff file Expand all files Collapse all files

32
components/AnimatedLogo.vue
View file

@ -1,10 +1,30 @@
<template>
<div class="animated-logo">
<svg class="animated-logo__svg" xmlns="http://www.w3.org/2000/svg" viewBox="76.75 182.661 358.5 146.679">
<path class="animated-logo__m1" d=" M 121.75 182.749 L 166.75 329.339 L 76.75 329.339 L 121.75 182.749 Z " fill-rule="evenodd" fill="currentColor"/>
<path class="animated-logo__m2" d=" M 206.75 182.749 L 251.75 329.339 L 161.75 329.339 L 206.75 182.749 Z " fill-rule="evenodd" fill="currentColor"/>
<path class="animated-logo__r1" d=" M 327.25 182.705 L 372.25 329.295 L 282.25 329.295 L 327.25 182.705 Z " fill-rule="evenodd" fill="currentColor"/>
<path class="animated-logo__r2" d=" M 390.537 329.339 L 345.25 182.837 L 435.25 182.661 L 390.537 329.339 Z " fill-rule="evenodd" fill="currentColor"/>
<path
class="animated-logo__m1"
d=" M 121.75 182.749 L 166.75 329.339 L 76.75 329.339 L 121.75 182.749 Z "
fill-rule="evenodd"
fill="currentColor"
/>
<path
class="animated-logo__m2"
d=" M 206.75 182.749 L 251.75 329.339 L 161.75 329.339 L 206.75 182.749 Z "
fill-rule="evenodd"
fill="currentColor"
/>
<path
class="animated-logo__r1"
d=" M 327.25 182.705 L 372.25 329.295 L 282.25 329.295 L 327.25 182.705 Z "
fill-rule="evenodd"
fill="currentColor"
/>
<path
class="animated-logo__r2"
d=" M 390.537 329.339 L 345.25 182.837 L 435.25 182.661 L 390.537 329.339 Z "
fill-rule="evenodd"
fill="currentColor"
/>
</svg>
<div class="animated-logo__name">
Moritz Ruth
@ -21,7 +41,7 @@
$slide-length: 37.5%;
.animated-logo {
width: 250px;
width: 300px;
max-width: 60vw;
animation: scaleUp $scale-up-duration ease-out both;
@ -34,7 +54,7 @@
}
.animated-logo__name {
font-size: 2rem;
font-size: 2.3rem;
animation: fadeIn $slide-duration $scale-up-duration ease both;
text-align: center;
}