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"> <div class="headContents">
<h1>Hello, I'm Keyemail or Patrick.</h1> <h1>Hello, I'm Keyemail or Patrick.</h1>
<p> <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 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 a Arch Linux machine as my main system and support Linux in every way. Im glad to meet you! I daily run an Arch Linux machine as my main system and support Linux in every way. I'm glad to meet you!
</p> </p>
</div> </div>
<img alt="Profile Picture" src="../assets/roller_profile_circle.png"> <img alt="Profile Picture" src="../assets/roller_profile_circle.png">
</div> </div>
<div class="workinprogress">
<h1>-- Alpha site. Change is possible. --</h1>
</div>
</template> </template>
<style scoped> <style scoped>
.header { .header {
position: relative; position: relative;
color: white; color: white;
margin-top: 150px; height: 100%;
font-family: 'Rubik', sans-serif; font-family: 'Rubik', sans-serif;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -67,6 +64,7 @@
.header { .header {
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
margin-top: 80px;
} }
.headContents{ .headContents{
@ -75,6 +73,9 @@
.header img{ .header img{
margin-top: 60px; margin-top: 60px;
width: 350px;
height: 350px;
padding-bottom: 60px;
} }
} }
@ -92,4 +93,11 @@
font-size: 10px; font-size: 10px;
} }
} }
@media only screen and (max-height: 720px) {
.header {
height: auto;
margin-top: 100px;
}
}
</style> </style>