Updated to use webp image, favicon, modern standards
This commit is contained in:
Phixxy
parent
2e6e4638ca
commit
6db2f4a968
3 changed files with 113 additions and 110 deletions
BIN
assets/favicon.ico
Normal file
BIN
assets/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.4 KiB |
BIN
assets/phixxy.webp
Normal file
BIN
assets/phixxy.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 96 KiB |
223
index.html
223
index.html
|
|
@ -1,110 +1,113 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<meta name="description" content="I am a hobbyist python programmer and web developer.">
|
<meta name="description" content="I am Phixxy, a hobbyist python programmer, game dev, and web dev. Come view my projects!">
|
||||||
<title>phixxy.com</title>
|
<meta property="og:title" content="Phixxy | Hobbyist Programmer">
|
||||||
<style type="text/css">
|
<meta property="og:type" content="website">
|
||||||
@media (max-width: 600px) {
|
<meta property="og:url" content="https://phixxy.com">
|
||||||
.intro ul {
|
<meta property="og:image" content="https://phixxy.com/assets/phixxy.webp">
|
||||||
padding: 0;
|
<link rel="icon" type="image/x-icon" href="assets/favicon.ico">
|
||||||
}
|
<link rel="preload" as="image" href="assets/phixxy.webp">
|
||||||
|
<title>Phixxy | Hobbyist Programmer</title>
|
||||||
.intro li {
|
<style type="text/css">
|
||||||
display: block;
|
@media (max-width: 600px) {
|
||||||
margin-bottom: 10px;
|
.intro ul {
|
||||||
}
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
body{
|
.intro li {
|
||||||
background-color: #161616;
|
display: block;
|
||||||
color: #fff;
|
margin-bottom: 10px;
|
||||||
font-family: Arial, sans-serif;
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.header{
|
body{
|
||||||
text-align: center;
|
background-color: #161616;
|
||||||
padding-top: 50px;
|
color: #fff;
|
||||||
margin-bottom: 50px;
|
font-family: Arial, sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
img{
|
.header{
|
||||||
margin-bottom:-25px;
|
text-align: center;
|
||||||
}
|
padding-top: 50px;
|
||||||
|
margin-bottom: 50px;
|
||||||
h1{
|
}
|
||||||
font-size: 70px;
|
|
||||||
margin-bottom: 10px;
|
img{
|
||||||
}
|
margin-bottom:-25px;
|
||||||
|
}
|
||||||
.header a{
|
|
||||||
color: #fff;
|
h1{
|
||||||
text-decoration: none;
|
font-size: 70px;
|
||||||
margin-right: 10px;
|
margin-bottom: 10px;
|
||||||
margin-left: 10px;
|
}
|
||||||
font-size: 24px;
|
|
||||||
}
|
.header a{
|
||||||
|
color: #fff;
|
||||||
li{
|
text-decoration: none;
|
||||||
list-style: none;
|
margin-right: 10px;
|
||||||
}
|
margin-left: 10px;
|
||||||
|
font-size: 24px;
|
||||||
ul{
|
}
|
||||||
padding: 0;
|
|
||||||
}
|
li{
|
||||||
|
list-style: none;
|
||||||
a:hover{
|
}
|
||||||
border-bottom: 1px solid #fff;
|
|
||||||
}
|
ul{
|
||||||
|
padding: 0;
|
||||||
.intro{
|
}
|
||||||
max-width: 800px;
|
|
||||||
margin: auto;
|
a:hover{
|
||||||
text-align: center;
|
border-bottom: 1px solid #fff;
|
||||||
font-size: 20px;
|
}
|
||||||
line-height: 30px;
|
|
||||||
margin-bottom: 50px;
|
.intro{
|
||||||
}
|
max-width: 800px;
|
||||||
|
margin: auto;
|
||||||
.intro a{
|
text-align: center;
|
||||||
color: #fff;
|
font-size: 20px;
|
||||||
text-decoration: none;
|
line-height: 30px;
|
||||||
}
|
margin-bottom: 50px;
|
||||||
|
}
|
||||||
.intro p:last-child{
|
|
||||||
margin-bottom: 0;
|
.intro a{
|
||||||
}
|
color: #fff;
|
||||||
|
}
|
||||||
.footer{
|
|
||||||
text-align: center;
|
.intro p:last-child{
|
||||||
padding: 20px;
|
margin-bottom: 0;
|
||||||
color: #fff;
|
}
|
||||||
font-size: 16px;
|
|
||||||
}
|
.footer{
|
||||||
</style>
|
text-align: center;
|
||||||
</head>
|
padding: 20px;
|
||||||
<body>
|
color: #fff;
|
||||||
<header class="header">
|
font-size: 16px;
|
||||||
<img src="assets/phixxy.png" width="150" height="150" alt="phixxy logo">
|
}
|
||||||
<h1>phixxy</h1>
|
</style>
|
||||||
<a href="https://ai.phixxy.com">ai</a>
|
</head>
|
||||||
<a href="https://blog.phixxy.com">blog</a>
|
<body>
|
||||||
<a href="https://derp.phixxy.com">derp</a>
|
<header class="header">
|
||||||
</header>
|
<img src="assets/phixxy.webp" width="150" height="150" alt="phixxy logo">
|
||||||
|
<h1>phixxy</h1>
|
||||||
<div class="intro">
|
<a href="https://ai.phixxy.com">ai</a>
|
||||||
<p>I am a hobbyist python programmer and web developer.</p>
|
</header>
|
||||||
<ul>
|
|
||||||
<li>💻I write <code>.py</code>, <code>.html</code>, <code>.css</code></li>
|
<div class="intro">
|
||||||
<li>💭I believe in website minimalism, free knowledge and 🎅</li>
|
<p>I am a hobbyist python programmer, game dev, and web dev.</p>
|
||||||
<li>🚧You can view my projects <a href="https://phixxy.com">@phixxy.com </a>or on <a href="https://github.com/phixxy">github.com</a></li>
|
<ul>
|
||||||
<li>🎮I enjoy Oldschool Runescape and NES Games</li>
|
<li>💻I write <code>.py</code>, <code>.html</code>, <code>.css</code></li>
|
||||||
</ul>
|
<li>💭I believe in website minimalism, open knowledge and 🎅</li>
|
||||||
</div>
|
<li>🚧You can view my projects at <a href="https://phixxy.itch.io/">phixxy.itch.io</a> or on <a href="https://github.com/phixxy">github.com/phixxy</a></li>
|
||||||
<footer class="footer">
|
<li>🎮I enjoy Oldschool Runescape, <a href="https://lichess.org/@/phixxy">Chess</a>, and NES Games</li>
|
||||||
© 2024 phixxy.com
|
</ul>
|
||||||
</footer>
|
</div>
|
||||||
|
<footer class="footer">
|
||||||
</body>
|
© 2025 phixxy.com
|
||||||
</html>
|
</footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue