Fixed Issues
Before Width: | Height: | Size: 127 KiB After Width: | Height: | Size: 3.8 KiB |
BIN
src/assets/banner_website.avif
Normal file
Before Width: | Height: | Size: 1.1 MiB |
Before Width: | Height: | Size: 903 KiB |
Before Width: | Height: | Size: 127 KiB |
Before Width: | Height: | Size: 311 KiB |
BIN
src/assets/profile.jpg
Normal file
After Width: | Height: | Size: 38 KiB |
Before Width: | Height: | Size: 7 MiB |
Before Width: | Height: | Size: 312 KiB |
Before Width: | Height: | Size: 1.5 MiB |
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<header>
|
<header>
|
||||||
<a class="pfp" href="https://www.pixiv.net/en/artworks/118037520">
|
<a class="pfp" href="https://www.pixiv.net/en/artworks/118037520">
|
||||||
<img src="@/assets/profile.png"/>
|
<img src="@/assets/profile.jpg"/>
|
||||||
</a>
|
</a>
|
||||||
<h1>Keyemail</h1>
|
<h1>Keyemail</h1>
|
||||||
</header>
|
</header>
|
||||||
|
@ -16,7 +16,7 @@ header {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
background-image: url(@/assets/banner_website.png);
|
background-image: url(@/assets/banner_website.avif);
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-position: center 20%;
|
background-position: center 20%;
|
||||||
|
@ -56,7 +56,7 @@ header h1 {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-top: 90px;
|
margin: 90px 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
color: white;
|
color: white;
|
||||||
font-family: 'Rubik', sans-serif;
|
font-family: 'Rubik', sans-serif;
|
||||||
|
@ -82,11 +82,17 @@ header h1 {
|
||||||
height: 240px;
|
height: 240px;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
header h1 {
|
||||||
|
margin-left: 0px;
|
||||||
|
}
|
||||||
.intro h1 {
|
.intro h1 {
|
||||||
font-size: 3rem;
|
font-size: 3rem;
|
||||||
}
|
}
|
||||||
.intro p {
|
.intro p {
|
||||||
font-size: 1.8rem;
|
font-size: 1.8rem;
|
||||||
}
|
}
|
||||||
|
.pfp{
|
||||||
|
margin-left: 0px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|