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

Fixed mobile support, and typos on home

Browse source
This commit is contained in:
Patrick Hatsune 2025-02-28 18:36:46 +09:00
parent 143e7eeebb
commit 60eb6b072d
Signed by: keyemail
GPG key ID: BAA5BA1AA54DF371
4 changed files with 13 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/navbar.tmpl
View file

@ -3,7 +3,7 @@
<h1>Keyemail</h1> <h1>Keyemail</h1>
<ul> <ul>
<a href="/"> <a href="/">
<li class="{{ if eq .PageName "home" }}active{{ end }}"> <li class="{{ if eq .PageName "home" }}active{{ end }}" style="border-top-left-radius: 10%; border-bottom-left-radius: 10%;">
Home Home
</li> </li>
</a> </a>
@ -23,7 +23,7 @@
</li> </li>
</a> </a>
<a href="https://git.keyemail.dev/explore/"> <a href="https://git.keyemail.dev/explore/">
<li class="lastIcon"> <li class="lastIcon" style="border-top-right-radius: 10%; border-bottom-right-radius: 10%;">
Git Git
</li> </li>
</a> </a>

2
src/pages/home.tmpl
View file

@ -74,7 +74,7 @@
<div id="intro"> <div id="intro">
<h1>Hi, I'm Keyemail or Patrick!</h1> <h1>Hi, I'm Keyemail or Patrick!</h1>
<p>A person who loves to play with all types of technology! Does web development, and unity work for development. Use to run a Linux setup (Arch Linux), but now I use Windows 11 with linux on WSL. I also use VR, and you will usually find me on VRChat, so if you see me dont be afraid to say hi!</p> <p>A person who loves to play with all types of technology! Does web, and Unity work for development. Used to run a Linux setup (Arch Linux), but now I use Windows 11 with Linux on WSL. Also use VR, and you will usually find me on VRChat, so if you see me don't be afraid to say hi!</p>
</div> </div>
<i class="fa-solid fa-arrow-down" id="moreArrow" onclick="quack()"></i> <i class="fa-solid fa-arrow-down" id="moreArrow" onclick="quack()"></i>

2
src/styles/home.css
View file

@ -19,7 +19,7 @@ header {
h1 { h1 {
color: white; color: white;
font-size: 3rem; font-size: 2.5rem;
margin-left: 20px; margin-left: 20px;
line-height: 1.2; line-height: 1.2;
} }

15
src/styles/main.css
View file

@ -93,17 +93,12 @@ nav {
color: #74d2f1; color: #74d2f1;
} }
.lastIcon {
border-top-right-radius: 10%;
border-bottom-right-radius: 10%;
}
.active { .active {
background-color: #2269d4 !important; background-color: #2269d4 !important;
} }
} }
@media screen and (max-width: 430px) { @media screen and (max-width: 540px) {
nav { nav {
justify-content: center; justify-content: center;
@ -112,3 +107,11 @@ nav {
} }
} }
} }
@media screen and (max-width: 400px) {
nav {
ul li {
padding: 0 8px;
}
}
}