Gamedev
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>NOT NAMED YET! — Play the Alpha | Divya Darshan</title>
<meta name="description" content="Play the alpha build of NOT NAMED YET! — a pixel-art, Godot-made action project built with community ideas. Download the APK or try the web demo." />
<!-- Simple Reset + Google font -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
<style>
:root{
--accent:#ffb86b;
--accent2:#ff6b6b;
--bg:#0f1720;
--card:#0b1220;
--muted:#9aa7b2;
--glass: rgba(255,255,255,0.03);
}
html,body{height:100%;margin:0;background:linear-gradient(180deg,#0b0f14 0%, #07101a 100%);font-family:Inter,system-ui,Arial;color:white}
.wrap{max-width:1100px;margin:28px auto;padding:18px}
.hero{
background: linear-gradient(90deg, rgba(255,184,107,0.06), rgba(255,107,107,0.03));
border-radius:14px;
display:grid;
grid-template-columns: 1fr 420px;
gap:18px;
padding:20px;
align-items:center;
box-shadow: 0 8px 30px rgba(0,0,0,0.6);
overflow:hidden;
}
.hero-left h1{font-size:2.1rem;margin:0 0 8px 0;letter-spacing: -1px}
.eyebrow{display:inline-block;background:var(--glass);padding:6px 10px;border-radius:8px;color:var(--muted);font-weight:600;margin-bottom:12px}
.hero-left p{color:var(--muted);margin:8px 0 18px 0;line-height:1.5}
.cta-row{display:flex;gap:10px;align-items:center}
.btn{
display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;font-weight:700;text-decoration:none;border:0;cursor:pointer;
box-shadow: 0 6px 18px rgba(0,0,0,0.5);
transition:transform .14s ease, box-shadow .14s ease;
}
.btn-primary{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#07101a}
.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,0.06);color:var(--accent);}
.btn:hover{transform:translateY(-4px);box-shadow:0 18px 30px rgba(255,100,80,0.08)}
.meta {font-size:.9rem;color:var(--muted);margin-top:10px}
/* hero image */
.hero-right{position:relative;display:flex;align-items:center;justify-content:center}
.game-art{
width:100%;height:100%;max-width:420px;border-radius:10px;overflow:hidden;border:6px solid rgba(0,0,0,0.35);
transform:translateZ(0); /* enables GPU */
box-shadow:0 22px 80px rgba(0,0,0,0.6);
}
.badge{position:absolute;14px;top:16px;left:18px;background:rgba(0,0,0,0.5);padding:8px 10px;border-radius:999px;font-weight:700;color:var(--accent)}
/* feature cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.card{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));padding:14px;border-radius:12px;border:1px solid rgba(255,255,255,0.02)}
.card h4{margin:0 0 8px 0}
.card p{margin:0;color:var(--muted);font-size:.95rem}
/* ad & download area */
.lower{display:flex;gap:14px;margin-top:18px;align-items:flex-start}
.ad-box{flex:1;background:linear-gradient(90deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));padding:14px;border-radius:12px;border:1px dashed rgba(255,255,255,0.04);min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted)}
.download-box{width:320px;background:linear-gradient(180deg,#07121a,#06121a);padding:18px;border-radius:12px;border:1px solid rgba(255,255,255,0.04)}
.download-box .title{font-weight:800}
.small{font-size:.85rem;color:var(--muted);margin-top:8px}
/* floating animation accents */
.float{
position:absolute;inset:auto;bottom:10px;right:10px;opacity:0.15;transform: rotate(-8deg);
animation: bob 4s ease-in-out infinite;
}
@keyframes bob{0%{transform:translateY(0)}50%{transform:translateY(-8px)}100%{transform:translateY(0)}}
/* responsive */
@media (max-width:980px){
.hero{grid-template-columns:1fr;gap:14px}
.hero-right{order:-1}
.cards{grid-template-columns:repeat(2,1fr)}
.download-box{width:100%}
}
@media (max-width:560px){
.cards{grid-template-columns:1fr}
}
/* subtle floating chars (pixel look) */
.pixel-floating{position:absolute;left:10px;top:10px;opacity:.8;filter:drop-shadow(0 8px 10px rgba(0,0,0,0.45))}
</style>
</head>
<body>
<div class="wrap">
<div class="hero" role="banner" aria-label="Not Named Yet Game hero">
<div class="hero-left">
<div class="eyebrow">ALPHA • Build in public</div>
<h1>NOT NAMED YET! — Play the Alpha</h1>
<p>Community-driven pixel game made in Godot. Your ideas make the features — from cows to dragons, Pikachu parodies and boss fights. Play the alpha now and drop your next idea below.</p>
<div class="cta-row">
<a class="btn btn-primary" id="downloadBtn" href="YOUR_GAME_LINK_HERE" aria-label="Download the alpha APK">
▶️ Download APK
</a>
<a class="btn btn-ghost" id="playBtn" href="YOUR_GAME_LINK_HERE" aria-label="Open the web demo">
▶️ Play Web Demo
</a>
</div>
<div class="meta">Works on Android (APK) • Built in Godot • Last updated: <strong id="updatedAt">just now</strong></div>
<div class="cards" style="margin-top:18px">
<div class="card">
<h4>Community Driven</h4>
<p>Every update is inspired by your comments — suggest a character or boss and I’ll build it in the next devlog.</p>
</div>
<div class="card">
<h4>Pixel Art & Godot</h4>
<p>Hand-made pixel sprites, Godot 4.x build, mobile-first UI with joystick support.</p>
</div>
<div class="card">
<h4>Playable Now</h4>
<p>Alpha APK available. Try the level and report bugs — top contributors get credited in the game.</p>
</div>
</div>
</div>
<div class="hero-right" aria-hidden="true">
<div class="badge">ALPHA</div>
<!-- use your uploaded image path here -->
<img class="game-art" src="/mnt/data/A_pixel_art-style_digital_illustration_promotes_a_.png" alt="Not Named Yet - pixel art banner">
<img class="pixel-floating" src="/mnt/data/A_pixel_art-style_digital_illustration_promotes_a_.png" alt="" style="width:70px;right:12px;top:12px;opacity:.08">
</div>
</div>
<div class="lower">
<div class="ad-box" aria-label="Advertisement placeholder">
<div style="font-weight:700;margin-bottom:8px">Sponsored / Ad</div>
<div style="font-size:.95rem;color:var(--muted);text-align:center;padding:0 8px">
Replace this block with your AdSense or other ad code. Example: <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
</div>
<div style="margin-top:10px;font-size:.85rem;color:var(--muted)">Tip: use responsive ad units for best results.</div>
</div>
<div class="download-box" aria-label="Download">
<div class="title">Download Alpha (APK)</div>
<div class="small">Play the latest build on Android. This is an early alpha — expect bugs and fun chaos.</div>
<div style="display:flex;gap:10px;margin-top:14px">
<a class="btn btn-primary" href="YOUR_GAME_LINK_HERE">Download APK</a>
<a class="btn btn-ghost" href="YOUR_GAME_LINK_HERE">Open Demo</a>
</div>
<div style="margin-top:12px;font-size:.92rem;color:var(--muted)">
Want to help test? Join our Discord — link in the video description. Contributors are credited.
</div>
</div>
</div>
<!-- footer + small credits -->
<div style="margin-top:22px;color:var(--muted);font-size:.95rem">
<strong>Features:</strong> real-time combat, NPCs, community requests, pixel art, Android build. • Built by Divya Darshan.
</div>
</div>
<script>
// tiny helpers: update "last updated"
const updatedEl = document.getElementById('updatedAt');
const now = new Date();
updatedEl.textContent = now.toLocaleString();
// simple floating tilt effect on hero image for polish
const art = document.querySelector('.game-art');
if(art){
let rx=0, ry=0;
art.addEventListener('mousemove', (e)=>{
const r = art.getBoundingClientRect();
const cx = r.left + r.width/2;
const cy = r.top + r.height/2;
ry = (e.clientX - cx)/r.width * 8;
rx = (e.clientY - cy)/r.height * -6;
art.style.transform = `perspective(800px) rotateX(${rx}deg) rotateY(${ry}deg) scale(1.02)`;
});
art.addEventListener('mouseleave', ()=> art.style.transform = 'none');
}
// Mobile friendly: large tap targets
document.querySelectorAll('.btn').forEach(b=>{
b.addEventListener('touchstart', ()=> b.classList.add('touching'));
b.addEventListener('touchend', ()=> b.classList.remove('touching'));
});
</script>
</body>
</html>
Download
This game is currently unavailable
Leave a comment
Log in with itch.io to leave a comment.