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" >
2024-09-08 15:22:24 +02:00
< meta name = "viewport" content = "width=device-width" >
2024-08-25 17:43:54 +02:00
< title > Joy's Website シ< / title >
2024-08-24 15:15:08 +02:00
< style >
2024-09-16 16:26:27 +02:00
body {font-family: 'Roboto', sans-serif; background-color: #282828; color: #D5C4A1; font-size: 24px; text-align: center; margin: 0; padding: 0;}
.button {text-decoration: none; color: #D5C4A1; padding: 20px 30px; background-color: #458588; border-radius: 10px; font-size: 1.5em; 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 13px #3C3836, -6px -6px 13px #3C3836;}
.footer-icons img {width: 52px; height: 52px;}
2024-09-01 17:49:38 +02:00
@media (max-width: 600px) {
2024-09-16 16:26:27 +02:00
.button {font-size: 1.3em; padding: 15px 22px;}
h2 {font-size: 2.2em;}
p {font-size: 1.2em; margin: 0 auto 32px auto;}
.footer-icons img {width: 44px; height: 44px;}
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-09-16 16:26:27 +02:00
< div style = "max-width: 1200px; margin: 20px auto; padding: 20px; border-radius: 20px;" >
< a href = "https://xn--xck.xyz" target = "_blank" >
< img src = "linux.webp" alt = "Linux Logo" style = "display: block; margin: 0 auto; max-width: 530px;" >
< / a >
< section style = "margin: 45px 0;" >
< h2 style = "color: #458588; font-size: 2.2em;" > About Me< / h2 >
< p style = "font-size: 1.1em; max-width: 960px; 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-09-16 16:26:27 +02:00
< ul style = "list-style: none; margin: 70px 0; padding: 0;" >
< li style = "margin-bottom: 32px;" > < a href = "https://4get.joygnu.org" class = "button" > 4get< / a > < / li >
< li style = "margin-bottom: 32px;" > < a href = "https://git.joygnu.org/" class = "button" > Git Sever< / a > < / li >
< li style = "margin-bottom: 32px;" > < a href = "https://yt.joygnu.org/" class = "button" > Invidious< / a > < / li >
2024-09-21 09:37:56 +02:00
< li style = "margin-bottom: 32px;" > < a href = "https://trans.joygnu.org/" class = "button" > SimplyTranslate< / a > < / li >
2024-07-14 22:24:53 +02:00
< / ul >
2024-09-16 16:26:27 +02:00
< div class = "footer-icons" style = "display: flex; justify-content: center; gap: 20px; position: fixed; bottom: 20px; right: 20px;" >
2024-09-08 15:22:24 +02:00
< a href = "https://git.joygnu.org/joy/www.joygnu.org" aria-label = "Git Repository" target = "_blank" rel = "noopener noreferrer" > < img src = "icons/git-alt.svg" alt = "Git" > < / a >
2024-09-01 17:49:38 +02:00
< 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 >