mirror of
https://github.com/planetrenox/planetrenox.com.git
synced 2026-01-13 16:18:03 +00:00
35 lines
2.3 KiB
HTML
35 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>planetrenox</title>
|
|
<style>
|
|
*{margin:0;padding:0;box-sizing:border-box}
|
|
body{background:#fff;color:#000;font-family:Arial,sans-serif;line-height:1.6;padding:2rem}
|
|
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem;max-width:1400px;margin:0 auto;min-height:calc(100vh - 4rem)}
|
|
.logo{grid-column:1/7;font-size:clamp(2rem,5vw,4rem);font-weight:900;letter-spacing:-.05em;line-height:.9;padding:2rem 0;border-bottom:8px solid #000;align-self:start}
|
|
.game{grid-column:1/13;background:#000;padding:3rem;display:flex;align-items:center;justify-content:center;position:relative}
|
|
.game::before{content:'001';position:absolute;top:1rem;left:1rem;color:#fff;font-size:5rem;font-weight:900;opacity:.1}
|
|
iframe{border:4px solid #fff;box-shadow:20px 20px 0 rgba(255,255,255,.2)}
|
|
.github-link{grid-column:1/13;align-self:end;text-align:right}
|
|
.github-link a{display:inline-block;background:#000;color:#fff;padding:1.5rem 3rem;text-decoration:none;font-weight:900;font-size:1.5rem;letter-spacing:-.02em;transition:all .2s;border:4px solid #000}
|
|
.github-link a:hover{background:#fff;color:#000;transform:translate(-8px,-8px);box-shadow:8px 8px 0 #000}
|
|
.status{grid-column:7/13;align-self:start;text-align:right;padding:2rem 0;border-bottom:8px solid #000;font-weight:900;font-size:1.2rem;letter-spacing:.1em}
|
|
@media(max-width:768px){.grid{grid-template-columns:1fr;gap:1rem}.logo,.status,.game,.github-link{grid-column:1}.status{text-align:left;border-bottom:none;padding:1rem 0}.game{padding:1rem}iframe{width:100%;height:190px;border-width:2px}.github-link{text-align:left}.github-link a{font-size:1.2rem;padding:1rem 2rem}}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="grid">
|
|
<div class="logo">PLANET<br>RENOX</div>
|
|
<div class="status">ACTIVE / BUILDING</div>
|
|
<div class="game">
|
|
<iframe src="https://store.steampowered.com/widget/1745790/?t=A%20movement%20focused%20endless%20anime%20runner.%20Jump%20till%20you're%20dead.%20It's%20basically%20a%20bhopping%20game.%20Developed%20by%20Planet%20Renox." frameborder="0" width="646" height="190"></iframe>
|
|
</div>
|
|
<div class="github-link">
|
|
<a href="https://github.com/planetrenox" target="_blank">GITHUB →</a>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|