Add slogan to home page

This commit is contained in:
2023-09-07 18:12:33 +08:00
parent 45956673d2
commit 2c8429d012
6 changed files with 115 additions and 15 deletions

View File

@@ -116,6 +116,15 @@ $font-secondary-color: #9E9E9E;
}
#fit-fullscreen {
width: 100vw;
position: relative;
width: 100%;
height: 100vh;
}
#fit-center {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}

View File

@@ -0,0 +1,44 @@
@use "mixins" as mixins;
.center-box {
display: flex;
flex-direction: column;
}
.big-logo {
font: {
size: 5em;
weight: bold;
};
color: #666;
}
.slogan {
font: {
size: 1.3em;
style: italic;
};
color: #666;
}
.scroll-to-down {
position: absolute;
bottom: 20px;
animation: 1.5s infinite;
@include mixins.unique-keyframes {
0%,
100% {
-ms-filter: none;
filter: none;
opacity: 1;
transform: translateY(10px);
}
50% {
-ms-filter: alpha(opacity=40);
filter: alpha(opacity=40);
opacity: .4;
transform: translateY(-10px);
}
}
}

1
src/assets/svg/down.svg Normal file
View File

@@ -0,0 +1 @@
<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64"><path d="M958.577476 311.180252c0 15.286148-5.878894 29.522384-16.564257 40.166815L551.623951 741.043556c-1.39272 1.425466-2.577708 2.537799-3.846608 3.449565l-2.905166 2.304486c-11.416004 11.362792-24.848944 16.945951-39.068807 16.945951-14.475689 0-28.010961-5.708002-38.110993-16.056698L79.475588 355.310332c-10.467399-10.613732-16.236799-24.786523-16.236799-39.893592 0-14.772448 5.599532-28.726252 15.753799-39.286772 10.18599-10.497075 24.390503-16.539698 38.95215-16.539698 14.382569 0 28.009937 5.723352 38.366819 16.142655l350.169241 353.968777 359.428116-358.485651c10.30981-10.248412 23.781636-15.909341 37.994336-15.909341 14.889105 0 28.859281 6.05081 39.333844 16.999163C953.126324 282.725176 958.577476 296.556183 958.577476 311.180252z" /></svg>

After

Width:  |  Height:  |  Size: 862 B