keyemail/keyemail-dev
1
2
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

fixed home page up

Browse source
This commit is contained in:
Keyemail 2024-01-14 10:31:31 -08:00
parent af21ac2a2e
commit 4e54d85236
1 changed files with 14 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/views/HomePage.vue
View file

@ -3,22 +3,19 @@
<div class="headContents">
<h1>Hello, I'm Keyemail or Patrick.</h1>
<p>
I specalize more onto IT and Web Development related stuff, but I also love doing a variety of diffrent hobbies such as Flight Simulator, or learning Japanese.
I daily run a Arch Linux machine as my main system and support Linux in every way. Im glad to meet you!
I specialize in IT and web development-related stuff, but I also love doing a variety of different hobbies such as Flight Simulator, or learning Japanese.
I daily run an Arch Linux machine as my main system and support Linux in every way. I'm glad to meet you!
</p>
</div>
<img alt="Profile Picture" src="../assets/roller_profile_circle.png">
</div>
<div class="workinprogress">
<h1>-- Alpha site. Change is possible. --</h1>
</div>
</template>
<style scoped>
.header {
position: relative;
color: white;
margin-top: 150px;
height: 100%;
font-family: 'Rubik', sans-serif;
display: flex;
justify-content: space-between;
@ -67,6 +64,7 @@
.header {
justify-content: center;
flex-direction: column;
margin-top: 80px;
}
.headContents{
@ -75,6 +73,9 @@
.header img{
margin-top: 60px;
width: 350px;
height: 350px;
padding-bottom: 60px;
}
}
@ -92,4 +93,11 @@
font-size: 10px;
}
}
@media only screen and (max-height: 720px) {
.header {
height: auto;
margin-top: 100px;
}
}
</style>