usbharu
/
misskey
mirror of https://github.com/misskey-dev/misskey.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

wip

This commit is contained in:
syuilo 2025-05-04 18:55:45 +09:00
parent 14d6734cb1
commit e60bed97de
1 changed files with 42 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
packages/frontend/src/pages/welcome.setup.vue
View File

@ -7,6 +7,42 @@ SPDX-License-Identifier: AGPL-3.0-only
<PageWithAnimBg>
<div :class="$style.formContainer">
<form :class="$style.form" class="_panel" @submit.prevent="submit()">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="z-index:1;position:relative" viewBox="0 0 854 300">
<defs>
<linearGradient id="linear" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#86b300"/><stop offset="100%" stop-color="#4ab300"/>
</linearGradient>
</defs>
<g transform="translate(427, 150) scale(1, 1) translate(-427, -150)">
<path d="" fill="url(#linear)" opacity="0.4">
<animate
attributeName="d"
dur="20s"
repeatCount="indefinite"
keyTimes="0;0.333;0.667;1"
calcmod="spline"
keySplines="0.2 0 0.2 1;0.2 0 0.2 1;0.2 0 0.2 1"
begin="0s"
values="M0 0L 0 220Q 213.5 260 427 230T 854 255L 854 0 Z;M0 0L 0 245Q 213.5 260 427 240T 854 230L 854 0 Z;M0 0L 0 265Q 213.5 235 427 265T 854 230L 854 0 Z;M0 0L 0 220Q 213.5 260 427 230T 854 255L 854 0 Z"
>
</animate>
</path>
<path d="" fill="url(#linear)" opacity="0.4">
<animate
attributeName="d"
dur="20s"
repeatCount="indefinite"
keyTimes="0;0.333;0.667;1"
calcmod="spline"
keySplines="0.2 0 0.2 1;0.2 0 0.2 1;0.2 0 0.2 1"
begin="-10s"
values="M0 0L 0 235Q 213.5 280 427 250T 854 260L 854 0 Z;M0 0L 0 250Q 213.5 220 427 220T 854 240L 854 0 Z;M0 0L 0 245Q 213.5 225 427 250T 854 265L 854 0 Z;M0 0L 0 235Q 213.5 280 427 250T 854 260L 854 0 Z"
>
</animate>
</path>
</g>
</svg>
<div :class="$style.title">
<div>Welcome to Misskey!</div>
<div :class="$style.version">v{{ version }}</div>
@ -104,12 +140,16 @@ function submit() {
}
.title {
position: absolute;
top: 16px;
left: 0;
right: 0;
z-index: 1;
margin: 0;
font-size: 1.5em;
text-align: center;
padding: 32px;
background: var(--MI_THEME-accentedBg);
color: var(--MI_THEME-accent);
color: #fff;
font-weight: bold;
}