🎉 Fix website!

@NoobNotFound release!!!

.devcontainer/devcontainer.json

@@ -0,0 +1,25 @@
+// For format details, see https://aka.ms/devcontainer.json. For config options, see the
+// README at: https://github.com/devcontainers/templates/tree/main/src/ubuntu
+{
+	"name": "Ubuntu",
+	// Or use a Dockerfile or Docker Compose file. More info: https://containers.dev/guide/dockerfile
+	"image": "mcr.microsoft.com/devcontainers/base:jammy",
+	"features": {
+		"ghcr.io/devcontainers/features/node:1": {}
+	},
+
+	// Features to add to the dev container. More info: https://containers.dev/features.
+	// "features": {},
+
+	// Use 'forwardPorts' to make a list of ports inside the container available locally.
+	"forwardPorts": [5173],
+
+	// Use 'postCreateCommand' to run commands after the container is created.
+	"postCreateCommand": "./.devcontainer/postCreateCommand.sh",
+
+	// Configure tool-specific properties.
+	// "customizations": {},
+
+	// Uncomment to connect as root instead. More info: https://aka.ms/dev-containers-non-root.
+	// "remoteUser": "root"
+}

.devcontainer/postCreateCommand.sh

@@ -0,0 +1,3 @@
+npm i -g pnpm
+
+pnpm i

.gitignore

@@ -4,4 +4,4 @@ node_modules
 /package
 /.idea
 /build
-/.vscode/Website.code-workspace
+/.vercel_build_output

src/data/community.ts

@@ -0,0 +1,47 @@
+// import { links } from "$data/links";
+// 
+// export type ContributorData = {
+// 	login: string;
+// 	avatar_url: string;
+// 	html_url: string;
+// 	type: "User" | "Bot";
+// };
+// 
+// Returns a list of 35 paged members of Depth
+// export const getContributors: (
+// 	pageNumber: number
+// ) => Promise<ContributorData[]> = async (pageNumber = 0) =>
+// 	await fetch(
+// 		`https://api.github.com/orgs/${links.github}/members?per_page=35&page=${pageNumber}`
+// 	)
+// 		// Parse body to object
+// 		.then(result => result.json())
+// 		// Error handler
+// 		.catch(err => {
+// 			console.error(err);
+// 			return "";
+// 		});
+// 
+// type ContributorPersonalData = {
+// 	name: string;
+// 	location: string;
+// 	login: string;
+// 	avatar_url: string;
+// 	html_url: string;
+// 	type: "User" | "Bot";
+// };
+// 
+// Returns a list of 35 paged members of Depth
+// export const getPersonalContributorData: (
+// 		pageNumber: number
+// ) => Promise<ContributorPersonalData[]> = async (pageNumber = 0) =>
+// 	await fetch(
+// 		`https://api.github.com/users/${login}?per_page=35&page=${pageNumber}`
+// 	)
+// 		// Parse body to object
+// 		.then(result => result.json())
+// 		// Error handler
+// 		.catch(err => {
+// 			console.error(err);
+// 			return "";
+// });

src/data/links.ts

@@ -0,0 +1,21 @@
+import type { DocsMap } from "$data/docs";
+
+export const links = {
+	github: "OpenAndrexial",
+	twitter: "OpenAndrexial",
+	discord: "Z74UAQ5vPR",
+	mail: {
+		business: "[email protected]",
+		personal: "[email protected]",
+		apply: "[email protected]"
+	}
+};
+
+export type NavbarItem = {
+	name: string;
+	path: string;
+	external?: boolean;
+	icon: any;
+	type?: string;
+	sidebarTree?: DocsMap[];
+};

src/data/projects.ts

@@ -0,0 +1,63 @@
+import Games from "@fluentui/svg-icons/icons/games_24_regular.svg?raw";
+import Flash from "@fluentui/svg-icons/icons/flash_24_regular.svg?raw";
+import Pen from "@fluentui/svg-icons/icons/calligraphy_pen_24_regular.svg?raw";
+import Link from "@fluentui/svg-icons/icons/link_square_24_regular.svg?raw";
+
+export type FeatureCardData = {
+	title: string;
+	description: string;
+	icon: any;
+};
+
+export interface FileData {
+	name: string;
+	icon: string;
+}
+
+export const featureCards: FeatureCardData[] = [
+	{
+		title: "Emerald",
+		description:
+			"A stylish fluent Minecraft launcher made using WinUI technologies in the fast C# language really pushes the boundary of the platform. A true compliment to any gamer's setup.",
+		icon: Games
+	},
+	{
+		title: "Flux",
+		description:
+			"A professional yet usable Python framework, fit for any developer. Flux is an easy language to learn targeting at all developers across the world. Due to it's Python architecture, it can process normal Python code, heaven for any developer.",
+		icon: Flash
+	},
+	{
+		title: "Inspire",
+		description:
+			"A powerful and helpful integrated development environment enhanced for Flux development, yet supporting any of your favourite languages. Powered by Esmerelda AI, it can detect what you're aiming to write or give you helpful tips on how to improve, for free.",
+		icon: Pen
+	},
+	{
+		title: "Protocol",
+		description:
+			"A worldwide gaming platform where anyone can make games for others to download and play! With games even by Depth itself, Protocol really is quality for gamers with high standards.",
+		icon: Link
+	}
+];
+
+export const fluxExamples = [
+	{
+		name: "Sample1",
+		extension: "py",
+		icon: "/ui/icons/code.svg",
+		code: `# Sample: Hello World\nfrom Foundation import *\n\nConsole.Write("Hello World!") # This prints write after the last printed text, without making a new line.\n# With a new line:\nConsole.WriteLine("Hello World!")`
+	},
+	{
+		name: "Sample2",
+		extension: "py",
+		icon: "/ui/icons/code.svg",
+		code: `# Sample: Present the current time, with seconds to the user.\nfrom Foundation import *\n\nCurrentTime = System.Chronology.Time("Local", WithSeconds = True)\nConsole.WriteLine(CurrentTime)`
+	},
+	{
+		name: "Sample3",
+		extension: "py",
+		icon: "/ui/icons/code.svg",
+		code: `# Sample: Obtains Outlook emails on the Exchange server and compares them with local versions.\n# This sample relies on the non-existent Microsoft.Exchange API, so technically this code could not be run.\nfrom Foundation import *\n\ndef OnlineOrLocalMailDiff:\n  msgdiff = Andrexial.Esmerelda.Core.Calculation.Difference(Andrexial.Esmerelda.Core.Data.Query(Microsoft.Exchange.Outlook.Inbox, param=System.Formatting.Json(f"user: [email protected], pass: {Andrexial.Esmerelda.Enigma.Encryption.Vault.Password.Crescent.Pass}")), Andrexial.Esmerelda.Core.Data.Query(Local:Microsoft.Exchange.Outlook.Inbox, param=System.Formatting.Json(f"user: [email protected]"))\n  return msgdiff`,
+	}
+];

src/layout/Footer/Footer.scss

@@ -0,0 +1,115 @@
+@use "src/styles/mixins" as *;
+
+:global {
+    #page-footer {
+	    border-block-start: 1px solid var(--fds-divider-stroke-default);
+
+		.rainbow-background {
+			position: absolute;
+			z-index: -10;
+			background: 800% 800% /* pos */
+			linear-gradient(
+							to bottom right,
+							hsl(133, 67%, 59%),
+							hsl(172, 100%, 42%),
+							hsl(202, 97%, 45%),
+							var(--fds-solid-background-base)
+			);
+			animation: rainbow-background-hue-rotate 15s infinite linear,
+			scroll-gradient 15s infinite linear;
+			inset-inline-end: 0;
+			inset-block-end: 0;
+			inline-size: 60vw;
+			min-inline-size: 100vh;
+			block-size: 100%;
+
+			mask: url("/ui/hero-mask.png") bottom / cover no-repeat;
+
+			@media (prefers-color-scheme: light) {
+				opacity: 0.5;
+			}
+
+			@media screen and (width < 1024px) {
+				inline-size: 100%;
+				transform: rotate(90deg) scale(1.5);
+			}
+
+			@media screen and (width < 648px) {
+				block-size: 60vh;
+				-webkit-mask-size: 100% 100%;
+				mask-size: 100%, 100%;
+			}
+		}
+
+	    .page-section-inner {
+		    @include flex($align: top, $justify: space-between, $gap: 48px);
+	    }
+
+	    p {
+		    margin: 12px 0;
+	    }
+
+	    :global(.button.style-hyperlink) {
+		    display: block;
+		    margin-inline: -11px;
+		    margin-block-end: 8px;
+			inline-size: -moz-fit-content;
+			inline-size: -webkit-fill-available;
+			inline-size: fit-content;
+
+		    &:last-child {
+			    margin-block-end: 0;
+		    }
+	    }
+    }
+}
+
+@media screen and (width < 1024px) {
+	:global(#page-footer .page-section-inner) {
+		display: grid;
+		gap: 24px;
+		grid-template-columns: 2fr 1fr;
+	}
+	.column {
+		inline-size: 100%;
+		min-inline-size: unset;
+	}
+}
+
+@media screen and (width < 768px) {
+	:global(#page-footer .page-section-inner) {
+		grid-template-columns: auto;
+	}
+}
+
+.logo {
+	display: flex;
+	align-items: center;
+	margin-inline-end: 8px;
+	color: var(--fds-text-primary);
+	font-size: 3.6rem;
+	font-weight: 600;
+	text-decoration: none;
+	transition: 100ms ease;
+
+	img {
+		inline-size: auto;
+		block-size: 48px;
+		margin-inline-end: 12px;
+	}
+}
+
+.social-links {
+    @include flex($align: center, $gap: 4px);
+    margin-block-start: 12px;
+}
+
+.column {
+    display: block;
+    flex: 0 0 auto;
+    min-width: 14vw;
+
+	&:first-child {
+        flex: 1 1 auto;
+    }
+}