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>
<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 {
margin: 0;
padding: 0;
@ -13,7 +23,7 @@ html, body {
}
body {
background-color: #402080;
font-family: 'Wendy One';
color: #ffff80;
font-family: monospace;
}
</style>

29
client/pages/index.vue
View File

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