2024-07-18 13:47:17 +02:00
<!DOCTYPE html>
2024-07-14 22:24:53 +02:00
< html lang = "en" >
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
2024-08-25 17:43:54 +02:00
< title > Joy's Website シ< / title >
2024-08-24 15:15:08 +02:00
< style >
2024-09-01 17:49:38 +02:00
body {font-family: 'Roboto', sans-serif; background-color: #282828; color: #D5C4A1; font-size: 22px; text-align: center; margin: 0; padding: 0;}
.button {text-decoration: none; color: #D5C4A1; padding: 18px 28px; background-color: #458588; border-radius: 10px; font-size: 1.4em; display: inline-block; box-shadow: 4px 4px 8px #3C3836, -4px -4px 8px #3C3836; transition: background-color 0.3s, box-shadow 0.3s;}
.button:hover {background-color: #357a7c; box-shadow: 6px 6px 12px #3C3836, -6px -6px 12px #3C3836;}
.footer-icons img {width: 48px; height: 48px;}
@media (max-width: 600px) {
.button {font-size: 1.2em; padding: 14px 20px;}
h2 {font-size: 2em;}
p {font-size: 1.1em; margin: 0 auto 30px auto;}
.footer-icons img {width: 40px; height: 40px;}
2024-08-25 17:43:54 +02:00
}
< / style >
2024-07-14 22:24:53 +02:00
< / head >
2024-08-24 15:15:08 +02:00
< body >
2024-08-11 08:15:42 +02:00
< div style = "max-width: 1000px; margin: 20px auto; padding: 20px; border-radius: 18px;" >
2024-08-24 15:15:08 +02:00
< img src = "linux.webp" alt = "Linux Logo" style = "display: block; margin: 0 auto; max-width: 400px;" >
< section style = "margin: 40px 0;" >
< h2 style = "color: #458588; font-size: 2em;" > About Me< / h2 >
2024-09-01 17:49:38 +02:00
< p style = "font-size: 1.2em; max-width: 800px; margin: 0 auto;" > Hi, I'm Joy. I'm interested in GNU/Linux, especially NixOS. I also enjoy self-hosting.< / p >
2024-08-24 15:15:08 +02:00
< / section >
2024-08-11 08:15:42 +02:00
< ul style = "list-style: none; margin: 24px 0; padding: 0;" >
2024-08-25 17:43:54 +02:00
< li style = "margin-bottom: 20px;" > < a href = "https://4get.joygnu.org" class = "button" > 4get< / a > < / li >
< li style = "margin-bottom: 20px;" > < a href = "https://wallpapers.joygnu.org/" class = "button" > Wallpapers< / a > < / li >
< li style = "margin-bottom: 20px;" > < a href = "https://ping.joygnu.org/" class = "button" > Ping< / a > < / li >
< li style = "margin-bottom: 20px;" > < a href = "https://codeberg.org/joygnu" class = "button" > Codeberg< / a > < / li >
2024-07-14 22:24:53 +02:00
< / ul >
2024-08-24 15:15:08 +02:00
< div class = "footer-icons" style = "display: flex; justify-content: center; gap: 18px; position: fixed; bottom: 18px; right: 18px;" >
2024-09-01 17:49:38 +02:00
< a href = "https://git.joygnu.org/explore" aria-label = "Git Repository" target = "_blank" rel = "noopener noreferrer" > < img src = "icons/git-alt.svg" alt = "Git" > < / a >
< a href = "mailto:contact@joygnu.org" aria-label = "Email" > < img src = "icons/envelope.svg" alt = "Email" > < / a >
2024-07-14 22:24:53 +02:00
< / div >
< / div >
< / body >
< / html >