Skip to content

Commit efab39f

Browse files
notchyvesnotchyves
committed
major changes!!!
1 parent bbb1764 commit efab39f

8 files changed

Lines changed: 162 additions & 7 deletions

File tree

‎src/components/Button.astro‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
---
22
import "../styles/global.css";
3+
import Sticker from "./Sticker.astro";
34
45
interface Props {
56
text: string;
@@ -9,6 +10,7 @@ interface Props {
910
outline?: boolean;
1011
disabled?: boolean;
1112
icon?: string;
13+
sticker?: "alpha" | "beta" | "release";
1214
iconPosition?: "left" | "right";
1315
footer?: boolean;
1416
}
@@ -29,6 +31,9 @@ const props = Astro.props;
2931
{props.icon && props.iconPosition === "right" && (
3032
<i class={`fa-solid fa-${props.icon}`} />
3133
)}
34+
{props.sticker && (
35+
<Sticker type={props.sticker}></Sticker>
36+
)}
3237
</button>
3338
</a>
3439
) : (
@@ -43,6 +48,9 @@ const props = Astro.props;
4348
{props.icon && props.iconPosition === "right" && (
4449
<i class={`fa-solid fa-${props.icon}`} />
4550
)}
51+
{props.sticker && (
52+
<Sticker type={props.sticker}></Sticker>
53+
)}
4654
</button>
4755
)
4856
}

‎src/components/Container.astro‎

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
---
2+
import "../styles/global.css";
3+
4+
interface Props {
5+
border?: boolean;
6+
}
7+
8+
const props = Astro.props;
9+
---
10+
11+
<div
12+
class={`selaura-container
13+
${props.border ? "selaura-container-bordered" : ""}`
14+
}
15+
>
16+
<slot />
17+
</div>
18+
19+
<style>
20+
.selaura-container {
21+
width: 100%;
22+
box-sizing: border-box;
23+
background-color: var(--selaura-soft);
24+
color: var(--selaura-dark);
25+
padding: 1.5rem;
26+
border-radius: 0.75rem;
27+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
28+
}
29+
30+
.selaura-container-bordered {
31+
border: 2px solid var(--selaura-dark);
32+
}
33+
</style>

‎src/components/Footer.astro‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,11 +8,11 @@ import Button from "./Button.astro";
88
<p>Free, open-source utility client for Minecraft: Bedrock Edition</p>
99
</section>
1010
<section>
11-
<Button text="Download" icon="arrow-right" iconPosition="right" footer />
11+
<Button text="Download" icon="arrow-right" iconPosition="right" footer href="/download/" />
1212
</section>
1313
<section class="flex flex-row justify-between w-lg">
1414
<section class="flex flex-col gap-2">
15-
<h2 class="text-2xl">Links</h2>
15+
<h2 class="text-1xl">Links</h2>
1616
<div class="flex flex-row gap-4">
1717
<a href="/github/" target="_blank">
1818
<i class="fa-brands fa-github"></i>
@@ -26,7 +26,7 @@ import Button from "./Button.astro";
2626
</div>
2727
</section>
2828
<section class="flex flex-col gap-2">
29-
<h2 class="text-2xl">About Us</h2>
29+
<h2 class="text-1xl">About Us</h2>
3030
<div class="flex flex-col gap-4">
3131

3232
</div>

‎src/components/Navbar.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ import Button from "./Button.astro";
99
<div class="selaura-logo"></div>
1010
</a>
1111
<div class="flex flex-grow"></div>
12-
<Button text="Download" outline icon="arrow-right" iconPosition="right"/>
12+
<Button text="Download" outline icon="arrow-right" iconPosition="right" href="/download"/>
1313
<ThemeSwitcher />
1414
</div>
1515

‎src/components/Sticker.astro‎

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
---
2+
interface Props {
3+
type: "alpha" | "beta" | "release";
4+
}
5+
6+
const props = Astro.props;
7+
8+
function capitalize(word: string) {
9+
return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();
10+
}
11+
12+
const label = capitalize(props.type);
13+
---
14+
15+
<span class={`selaura-sticker selaura-sticker-${props.type}`}>
16+
{label}
17+
</span>
18+
19+
<style>
20+
.selaura-sticker {
21+
display: inline-block;
22+
font-size: 0.75rem;
23+
font-weight: 600;
24+
padding: 0.25rem 0.5rem;
25+
border-radius: 9999px;
26+
letter-spacing: 0.03em;
27+
user-select: none;
28+
}
29+
30+
.selaura-sticker-release {
31+
background-color: rgba(34, 197, 94, 0.15);
32+
color: #22c55e;
33+
}
34+
35+
.selaura-sticker-alpha {
36+
background-color: rgba(249, 115, 22, 0.15);
37+
color: #f97316;
38+
}
39+
40+
.selaura-sticker-beta {
41+
background-color: rgba(59, 130, 246, 0.15);
42+
color: #3b82f6;
43+
}
44+
</style>

‎src/layouts/Layout.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -60,7 +60,7 @@ import Footer from "../components/Footer.astro";
6060
</head>
6161
<body class="flex flex-col min-h-screen w-full">
6262
<Navbar />
63-
<main class="flex-grow flex items-center selaura-main-content">
63+
<main class="flex flex-col flex-grow items-center selaura-main-content gap-20">
6464
<slot />
6565
</main>
6666
<Footer />

‎src/pages/download.astro‎

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
---
2+
import Layout from "../layouts/Layout.astro";
3+
import Button from "../components/Button.astro";
4+
import Container from "../components/Container.astro";
5+
import Sticker from "../components/Sticker.astro"
6+
---
7+
8+
<Layout title="Downloads">
9+
<section class="flex flex-col w-full gap-4">
10+
<p class="text-4xl text-bold">Downloads</p>
11+
<p class="text-md max-w-3xl">
12+
Here you can download Selaura Client, from our locally provided CDN's below.
13+
</p>
14+
<br/>
15+
<Container>
16+
<div class="flex gap-4 flex-row justify-between">
17+
<div class="flex flex-row gap-2 items-center">
18+
<i class="fa-brands fa-windows text-xl"></i>
19+
<p class="text-xl text-bold">Windows 10/11 (x64 bit)</p>
20+
<Sticker type="alpha"></Sticker>
21+
</div>
22+
<Button text="Download" href="https://cdn.selauraclient.com/windows/Selaura.dll"></Button>
23+
</div>
24+
</Container>
25+
<Container>
26+
<div class="flex gap-4 flex-row justify-between">
27+
<div class="flex flex-row gap-2 items-center">
28+
<i class="fa-brands fa-android text-xl"></i>
29+
<p class="text-xl text-bold">Android 7+ (ARM64)</p>
30+
<Sticker type="alpha"></Sticker>
31+
</div>
32+
<Button text="Download" href="https://cdn.selauraclient.com/android/libSelaura.so"></Button>
33+
</div>
34+
</Container>
35+
<Container>
36+
<div class="flex gap-4 flex-row justify-between">
37+
<div class="flex flex-row gap-2 items-center">
38+
<i class="fa-brands fa-linux text-xl"></i>
39+
<p class="text-xl text-bold">Linux (mcpelauncher-linux)</p>
40+
<Sticker type="alpha"></Sticker>
41+
</div>
42+
<Button text="Download" href="https://cdn.selauraclient.com/linux/libSelaura.so"></Button>
43+
</div>
44+
</Container>
45+
<div class="h-10"></div>
46+
<p class="text-4xl text-bold">Additional Resources</p>
47+
<p class="text-md max-w-3xl">
48+
Look at these for extra resources, or direct downloads to binaries for Selaura Client.
49+
</p>
50+
<div class="flex flex-row gap-4">
51+
<Button text="Source Code" icon="notes" iconPosition="left" href="/github/" target="_blank" />
52+
<Button text="Scripting Documentation" icon="external-link" iconPosition="left" href="https://docs.selauraclient.com" target="_blank" />
53+
</div>
54+
</section>
55+
</Layout>

‎src/pages/index.astro‎

Lines changed: 17 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,8 +13,20 @@ import Button from "../components/Button.astro";
1313
providing a smooth and enjoyable gaming experience.
1414
</p>
1515
<div class="flex flex-row gap-4">
16-
<Button text="Why us?" icon="arrow-right" iconPosition="right" />
17-
<Button text="Features" outline />
16+
<Button text="Try it Now" href="/download.html" />
17+
<Button text="Donate" icon="arrow-right" iconPosition="right" outline href="https://ko-fi.com/selauraclient" target="_blank" />
18+
</div>
19+
<br/>
20+
<div class="flex flex-row gap-4">
21+
<a href="/github/" target="_blank">
22+
<i class="fa-brands fa-github text-lg" />
23+
</a>
24+
<a href="/discord/" target="_blank">
25+
<i class="fa-brands fa-discord text-lg" />
26+
</a>
27+
<a href="/youtube/" target="_blank">
28+
<i class="fa-brands fa-youtube text-lg" />
29+
</a>
1830
</div>
1931
<div></div>
2032
<span
@@ -35,4 +47,7 @@ import Button from "../components/Button.astro";
3547
</video>
3648
</span>
3749
</section>
50+
<section class="flex flex-col items-center w-full gap-4">
51+
52+
</section>
3853
</Layout>

0 commit comments

Comments
 (0)