You've already forked computing-box
Alexander Lyall
09e0499ba3
All checks were successful
Pre-release on non-main branches / prerelease (push) Successful in 31s
Signed-off-by: Alexander Lyall <alex@adcm.uk>
23 lines
1.3 KiB
Plaintext
23 lines
1.3 KiB
Plaintext
---
|
|
import BaseLayout from "../layouts/BaseLayout.astro";
|
|
---
|
|
|
|
<BaseLayout title="Welcome | Computing:Box">
|
|
<div style="display: flex; align-items: center; justify-content: space-between; gap: 40px; min-height: 60vh; padding: 40px 0;">
|
|
<div style="flex: 1;">
|
|
<p style="color: var(--accent); font-weight: 800; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 10px;">Version 2.0 Now Live</p>
|
|
<h1 class="brandName" style="font-size: 48px; line-height: 1.1; margin-bottom: 24px;">Understand Computing concepts better.</h1>
|
|
<p style="font-size: 18px; color: var(--muted);">
|
|
Interactive simulators for Binary, Hexadecimal, Logic Gates, and Computer Components designed for the UK curriculum.
|
|
</p>
|
|
<div style="display: flex; gap: 16px; margin-top: 32px;">
|
|
<a href="/about" class="btn btnAccent" style="text-decoration: none; padding: 14px 28px;">Learn More</a>
|
|
<a href="/binary" class="btn" style="text-decoration: none; padding: 14px 28px;">Get Started</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="flex: 1; text-align: right;">
|
|
<img src="/images/computing-box-logo.svg" alt="Computing Box Logo" style="width: 100%; max-width: 450px; filter: drop-shadow(0 0 50px rgba(40, 240, 122, 0.15));" />
|
|
</div>
|
|
</div>
|
|
</BaseLayout> |