settel/knowyt
1
0
Fork 0
Code Issues Pull Requests Packages Releases Activity

startpage

Browse Source
This commit is contained in:
Settel 2021-07-30 17:40:35 +02:00
parent b99b8d0726
commit 607caa5ab2
2 changed files with 25 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
client/layouts/default.vue
View File

@ -5,6 +5,16 @@
</template> </template>
<style lang="scss"> <style lang="scss">
@font-face {
font-family: 'Wendy One';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/fonts/wendy-one/WendyOne-Regular.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
html, body { html, body {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -13,7 +23,7 @@ html, body {
} }
body { body {
background-color: #402080; background-color: #402080;
font-family: 'Wendy One';
color: #ffff80; color: #ffff80;
font-family: monospace;
} }
</style> </style>

29
client/pages/index.vue
View File

@ -25,40 +25,39 @@ export default {}
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
&__titleborderbox1 { &__titleborderbox1,
display: flex; &__titleborderbox2,
width: 50%; &__titleborderbox3 {
height: 200px;
min-width: 600px;
justify-content: center;
align-items: center;
border: 4px solid #808040; border: 4px solid #808040;
border-radius: 16px; border-radius: 16px;
background-color: #6040c0; background-color: #6040c0;
}
&__titleborderbox1 {
display: flex;
width: 600px;
height: 200px;
justify-content: center;
align-items: center;
z-index: 3; z-index: 3;
} }
&__titleborderbox2 { &__titleborderbox2 {
position: absolute; position: absolute;
top: 40px; top: 40px;
width: 60%; width: 720px;
height: 120px; height: 120px;
border-radius: 16px;
border: 4px solid #808040;
background-color: #6040c0;
z-index: 2; z-index: 2;
} }
&__titleborderbox3 { &__titleborderbox3 {
position: absolute; position: absolute;
top: 80px; top: 80px;
width: 65%; width: 760px;
height: 40px; height: 40px;
border-radius: 16px;
border: 4px solid #808040;
background-color: #6040c0;
z-index: 1; z-index: 1;
} }
&__title { &__title {
color: #e0e080; color: #e0e080;
font-size: 64px;
text-align: center;
} }
} }
</style> </style>