94 lines
2.8 KiB
HTML
94 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" class="dark">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Home - NeoIDE</title>
|
|
|
|
<link href="src/index.css" rel="stylesheet" />
|
|
<link href="src/home.css" rel="stylesheet" />
|
|
|
|
<meta name="author" content="ddededodediamante" />
|
|
<meta name="description" content="Create and share games using visual block-coding, inspired by Scratch." />
|
|
<meta name="keywords"
|
|
content="NeoIDE, block coding, Scratch, visual programming, game maker, coding for kids, online coding" />
|
|
<meta name="theme-color" content="#3b82f6" />
|
|
<meta property="og:title" content="NeoIDE" />
|
|
<meta property="og:image" content="icons/NeoIDE.svg" />
|
|
<meta property="og:type" content="website" />
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
<meta name="twitter:title" content="NeoIDE" />
|
|
<meta name="twitter:description" content="Create and share games using visual block-coding, inspired by Scratch." />
|
|
<meta name="twitter:image" content="icons/NeoIDE.svg" />
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<div>
|
|
<img src="/icons/NeoIDE.svg" alt="NeoIDE logo" class="logo" />
|
|
<button onclick="location.href='/editor'">
|
|
<i class="fa-solid fa-code"></i>
|
|
Editor
|
|
</button>
|
|
<button id="theme-button">
|
|
<i class="fa-solid fa-paintbrush"></i>
|
|
Appearance
|
|
</button>
|
|
</div>
|
|
<!--
|
|
<div>
|
|
<button onclick="location.href='/login'" id="login-button">
|
|
<i class="fa-solid fa-right-to-bracket"></i>
|
|
Login
|
|
</button>
|
|
</div>
|
|
-->
|
|
</header>
|
|
|
|
<section class="about">
|
|
<h2>What is NeoIDE?</h2>
|
|
<p>
|
|
NeoIDE is a web-based platform that allows to create games or projects
|
|
using visual block-coding, inspired by Scratch.
|
|
</p>
|
|
|
|
<h2>Features</h2>
|
|
<div class="feature-cards">
|
|
<div class="feature-card">
|
|
<h3>Visual Block Editor</h3>
|
|
<p>Write code by snapping blocks together, no typing required.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<h3>Custom Extensions</h3>
|
|
<p>
|
|
Extend your projects with custom blocks, new categories, and
|
|
powerful features.
|
|
</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<h3>Themes</h3>
|
|
<p>Switch between light and dark modes to match your style.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="cta-section">
|
|
<h2>Ready to build your first project?</h2>
|
|
<button class="orange large" onclick="location.href='/editor'">
|
|
<i class="fa-solid fa-code"></i>
|
|
Launch the Editor
|
|
</button>
|
|
</section>
|
|
|
|
<footer>
|
|
<p>
|
|
© 2025 NeoIDE. Made with ❤️ by
|
|
<a href="https://github.com/ddededodediamante">ddededodediamante</a>.
|
|
</p>
|
|
</footer>
|
|
|
|
<script type="module" src="src/scripts/index.js"></script>
|
|
</body>
|
|
|
|
</html> |