<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Itch.io Profile</title>
<style>
body {
background: #121212 url('https://i.imgur.com/HU51GQ4.png') center/cover;
color: #fff;
font-family: 'Press Start 2P', cursive;
margin: 0;
display: flex;
flex-direction: column;
min-height: 100vh;
}
header, nav, footer {
background: rgba(29, 29, 29, 0.9);
text-align: center;
padding: 20px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
}
header {
border-bottom: 2px solid #333;
}
nav, footer {
border-top: 2px solid #333;
}
h1, h2 {
margin: 0;
font-size: 2em;
color: #0e6e0e;
}
nav a, footer a {
color: #0e6e0e;
text-decoration: none;
margin: 0 15px;
font-size: 1em;
}
.content {
flex: 1;
max-width: 1000px;
margin: auto;
padding: 20px;
background: rgba(29, 29, 29, 0.9);
border-radius: 15px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
text-align: center;
}
.profile-pic {
margin: 20px auto;
border: 5px solid #333;
border-radius: 50%;
width: 100px;
height: 100px;
object-fit: cover;
}
.games-list {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.game {
background: rgba(29, 29, 29, 0.9);
border: 2px solid #333;
padding: 15px;
margin: 10px;
width: calc(45% - 40px);
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
transition: transform 0.2s;
}
.game:hover {
transform: scale(1.05);
}
.game img {
width: 100%;
height: auto;
border-bottom: 2px solid #333;
margin-bottom: 10px;
}
.game h3 {
font-size: 1.2em;
color: #0e6e0e;
}
</style>
<link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">
</head>
<body>
<header>
FunkyCrunchy
</header>
<section id="about">
About Me
Hi there, passionate game development hobbiest here! Working in a pixel top down (unannounced) for a few years now. Joined Itch.io to get involved in the game jam with a couple of mates. I come from a background of coding in different languages, heavily focused around web development, but have been enjoying a side hobby of game development over the years.
</section>
<section id="games">
My Games
The Fallen Thorn
The Fallen Thorn is a pixel art open world RPG about exploration, dungeon delving, resource gathering, collecting randomly generated loot using a prefix/suffix system and building a town for yourself.
</section>
<section id="contact">
Contact
You can reach me on discord, username is FunkyCrunchy
</section>
<footer>
If you see this notice, you will notice, this notice was not worth noticing ;)
</footer>
</body>
</html>