neviyn/ObservationDatabase
1
0
Fork 0
Code Issues Pull Requests Releases 1 Wiki Activity

Formatting.

Browse Source
This commit is contained in:
neviyn 2018-10-11 11:23:59 +01:00
parent f5f2248817
commit 29fbbbcc74
2 changed files with 158 additions and 96 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

183
frontend/src/views/About.vue
View File

@ -39,111 +39,110 @@ export default {
max-height: 100%; max-height: 100%;
} }
.jello-horizontal { .jello-horizontal {
-webkit-animation: jello-horizontal 0.9s both; -webkit-animation: jello-horizontal 0.9s both;
animation: jello-horizontal 0.9s both; animation: jello-horizontal 0.9s both;
} }
.focus-in-expand-fwd { .focus-in-expand-fwd {
-webkit-animation: focus-in-expand-fwd 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -webkit-animation: focus-in-expand-fwd 0.3s
animation: focus-in-expand-fwd 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
animation: focus-in-expand-fwd 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
} }
/* ---------------------------------------------- /* ----------------------------------------------
* Generated by Animista on 2018-10-11 * Generated by Animista on 2018-10-11
* w: http://animista.net, t: @cssanimista * w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */ * ---------------------------------------------- */
@-webkit-keyframes jello-horizontal { @-webkit-keyframes jello-horizontal {
0% { 0% {
-webkit-transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
} }
30% { 30% {
-webkit-transform: scale3d(1.25, 0.75, 1); -webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);
} }
40% { 40% {
-webkit-transform: scale3d(0.75, 1.25, 1); -webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);
} }
50% { 50% {
-webkit-transform: scale3d(1.15, 0.85, 1); -webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);
} }
65% { 65% {
-webkit-transform: scale3d(0.95, 1.05, 1); -webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1);
} }
75% { 75% {
-webkit-transform: scale3d(1.05, 0.95, 1); -webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1);
} }
100% { 100% {
-webkit-transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
} }
} }
@keyframes jello-horizontal { @keyframes jello-horizontal {
0% { 0% {
-webkit-transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
} }
30% { 30% {
-webkit-transform: scale3d(1.25, 0.75, 1); -webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);
} }
40% { 40% {
-webkit-transform: scale3d(0.75, 1.25, 1); -webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);
} }
50% { 50% {
-webkit-transform: scale3d(1.15, 0.85, 1); -webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);
} }
65% { 65% {
-webkit-transform: scale3d(0.95, 1.05, 1); -webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1);
} }
75% { 75% {
-webkit-transform: scale3d(1.05, 0.95, 1); -webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1);
} }
100% { 100% {
-webkit-transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
} }
} }
@-webkit-keyframes focus-in-expand-fwd { @-webkit-keyframes focus-in-expand-fwd {
0% { 0% {
letter-spacing: -0.5em; letter-spacing: -0.5em;
-webkit-transform: translateZ(-800px); -webkit-transform: translateZ(-800px);
transform: translateZ(-800px); transform: translateZ(-800px);
-webkit-filter: blur(12px); -webkit-filter: blur(12px);
filter: blur(12px); filter: blur(12px);
opacity: 0; opacity: 0;
} }
100% { 100% {
-webkit-transform: translateZ(0); -webkit-transform: translateZ(0);
transform: translateZ(0); transform: translateZ(0);
-webkit-filter: blur(0); -webkit-filter: blur(0);
filter: blur(0); filter: blur(0);
opacity: 1; opacity: 1;
} }
} }
@keyframes focus-in-expand-fwd { @keyframes focus-in-expand-fwd {
0% { 0% {
letter-spacing: -0.5em; letter-spacing: -0.5em;
-webkit-transform: translateZ(-800px); -webkit-transform: translateZ(-800px);
transform: translateZ(-800px); transform: translateZ(-800px);
-webkit-filter: blur(12px); -webkit-filter: blur(12px);
filter: blur(12px); filter: blur(12px);
opacity: 0; opacity: 0;
} }
100% { 100% {
-webkit-transform: translateZ(0); -webkit-transform: translateZ(0);
transform: translateZ(0); transform: translateZ(0);
-webkit-filter: blur(0); -webkit-filter: blur(0);
filter: blur(0); filter: blur(0);
opacity: 1; opacity: 1;
} }
} }
</style> </style>

71
frontend/src/views/Home.vue
View File

@ -42,12 +42,75 @@ export default {
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 100%;
} }
.scale-in-center{-webkit-animation:scale-in-center .5s cubic-bezier(.25,.46,.45,.94) both;animation:scale-in-center .5s cubic-bezier(.25,.46,.45,.94) both} .scale-in-center {
.tracking-in-expand-fwd{-webkit-animation:tracking-in-expand-fwd .8s cubic-bezier(.215,.61,.355,1.000) both;animation:tracking-in-expand-fwd .8s cubic-bezier(.215,.61,.355,1.000) both} -webkit-animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
both;
animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.tracking-in-expand-fwd {
-webkit-animation: tracking-in-expand-fwd 0.8s
cubic-bezier(0.215, 0.61, 0.355, 1) both;
animation: tracking-in-expand-fwd 0.8s cubic-bezier(0.215, 0.61, 0.355, 1)
both;
}
/* ---------------------------------------------- /* ----------------------------------------------
* Generated by Animista on 2018-10-11 * Generated by Animista on 2018-10-11
* w: http://animista.net, t: @cssanimista * w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */ * ---------------------------------------------- */
@-webkit-keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}} @-webkit-keyframes scale-in-center {
@-webkit-keyframes tracking-in-expand-fwd{0%{letter-spacing:-.5em;-webkit-transform:translateZ(-700px);transform:translateZ(-700px);opacity:0}40%{opacity:.6}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes tracking-in-expand-fwd{0%{letter-spacing:-.5em;-webkit-transform:translateZ(-700px);transform:translateZ(-700px);opacity:0}40%{opacity:.6}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}} 0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes scale-in-center {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes tracking-in-expand-fwd {
0% {
letter-spacing: -0.5em;
-webkit-transform: translateZ(-700px);
transform: translateZ(-700px);
opacity: 0;
}
40% {
opacity: 0.6;
}
100% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
@keyframes tracking-in-expand-fwd {
0% {
letter-spacing: -0.5em;
-webkit-transform: translateZ(-700px);
transform: translateZ(-700px);
opacity: 0;
}
40% {
opacity: 0.6;
}
100% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
</style> </style>