fix: reset repo history

.gitignore

@@ -0,0 +1,4 @@
+.vscode
+.idea
+
+deno.lock

LICENSE

@@ -0,0 +1,7 @@
+Copyright 2021 RaptorFX Team, ReMod Software
+
+Permission is hereby granted, cafree of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

README.md

@@ -0,0 +1,16 @@
+# RaptorFX - Website
+
+This is the repository housing the main website for RaptorFX, hosted on Deno Deploy and powered by Aleph, a Modern SSR Framework.
+
+## Requirements
+
+-   Deno
+-   Git
+
+## Contributing
+
+You can contribute by adding UI components for a platform which hasn't been added yet, adding documentation, fixing bugs, etc.
+
+## License
+
+RaptorFX Website is licensed under MIT License, see: LICENSE.

components/BlogIndex.tsx

@@ -0,0 +1,34 @@
+import { Link } from "aleph/react"
+
+interface IBlogPost {
+	title: string
+	slug: string
+	description?: string
+}
+
+const blogPosts: IBlogPost[] = [
+	{
+		title: "Hello Denosaurs!",
+		slug: "/blog/hello-denosaurs",
+		description: "Welcome to the RaptorFX blog!"
+	},
+	{
+		title: "Roadmap",
+		slug: "/blog/roadmap", 
+		description: "Roadmap for RaptorFX!"
+	}
+]
+
+function BlogPost(post: IBlogPost) {
+	const description = post.description ? <p>{post.description}</p> : null
+	return <div className="blog-post-container">
+		<Link to={post.slug}>{post.title}</Link>
+		{description}
+	</div>
+}
+
+export default function BlogIndex() {
+	return <>
+		{blogPosts.map((post) => BlogPost(post))}								
+	</>
+}

components/Features.tsx

@@ -0,0 +1,27 @@
+export interface IFeatures {
+	title: string
+	description: string
+	icon: string
+}
+
+export default function Features(features: IFeatures) {
+	return (
+		<div className="feature">
+			<div className="feature-icon-container">
+				<div className="feature-icon-glow-container">
+					<div className="feature-icon-glow" />
+					<img
+						src={`/assets/icons/${features.icon}.png`}
+						alt={features.title}
+						className="feature-icon"
+					/>
+				</div>
+			</div>
+			<hr />
+			<div>
+				<h3>{features.title}</h3>
+				<p>{features.description}</p>
+			</div>
+		</div>
+	)
+}

components/Footer.tsx

@@ -0,0 +1,33 @@
+const socials: Record<string, string> = {
+	discord: "https://discord.gg/GckFjzV2Qj",
+	twitter: "https://twitter.com/ishatgupta",
+	github: "https://github.com/RaptorFX-JS/"
+}
+
+export default function Footer() {
+	return (
+		<footer>
+			<div className="footer-social">
+				{Object.keys(socials).map((social) => {
+					return (
+						<a
+							href={socials[social]}
+							key={social}
+							target="_blank"
+							rel="noreferrer"
+							className="footer-social-link"
+						>
+							<img
+								src={`/assets/social/${social}.png`}
+								alt={social}
+								className="footer-social-icon"
+							/>
+						</a>
+					)
+				})}
+			</div>
+			<br />
+			<p>© Copyright 2022 - RaptorFX, ReMod Software</p>
+		</footer>
+	)
+}

components/Header.tsx

@@ -0,0 +1,34 @@
+import { Link } from "aleph/react"
+
+const links = ["Docs", "Blog", "About"]
+
+export default function Header() {
+	return (
+		<>
+			<header>
+				<nav className="header-nav">
+					<Link to={"/"} className="header-nav-img">
+						<img
+							src="/assets/logo.png"
+							alt="RaptorFX logo"
+							width="64"
+							height="64"
+						/>
+					</Link>
+					<div>
+						{links.map((x) => (
+							<Link
+								key={x}
+								to={`/${x.toLowerCase()}`}
+								className="header-nav-links"
+								id={`header-nav-link-{${x.toLowerCase()}}`}
+							>
+								{x}
+							</Link>
+						))}
+					</div>
+				</nav>
+			</header>
+		</>
+	)
+}

components/Heading.tsx

@@ -0,0 +1,32 @@
+import type { FC, PropsWithChildren } from "react"
+import { createElement } from "react"
+
+// The props `id` is generated by `rehype-slug` plugin
+export const Heading: FC<PropsWithChildren<{ id: string; level: number }>> = ({
+	id,
+	level,
+	children,
+	...rest
+}) => {
+	return createElement(
+		`h${level}`,
+		{ ...rest, id },
+		<>
+			<a className="anchor" href={`#${id}`}>
+				↝
+			</a>
+			{children}
+		</>
+	)
+}
+
+export const components: Record<
+	string,
+	FC<PropsWithChildren<{ id: string }>>
+> = {}
+
+for (let i = 0; i < 6; i++) {
+	components[`h${i + 1}`] = (props) => {
+		return <Heading level={i + 1} {...props} />
+	}
+}

components/Hero.tsx

@@ -0,0 +1,32 @@
+import { Link } from "aleph/react"
+
+const heroButtons = {
+	"Get Started": "/docs",
+	"Learn More": "/about"
+}
+
+export default function Hero() {
+	return (
+		<>
+			<section className="hero">
+				<img
+					src="/assets/banner.png"
+					alt="Banner which contains the RaptorFX logo with the text 'RaptorFX'"
+				/>
+				<h1>A Modern-Denofied Solution to Building Apps!</h1>
+				<div className="hero-link-container">
+					{Object.entries(heroButtons).map(([x, y]) => (
+						<Link
+							key={y}
+							to={y}
+							className="hero-link"
+							id={`hero-link-${y.replace("/", "")}`}
+						>
+							{x}
+						</Link>
+					))}
+				</div>
+			</section>
+		</>
+	)
+}

components/OpenGraphEmbed.tsx

@@ -0,0 +1,44 @@
+import { Head } from "aleph/react"
+
+export interface IEmbed {
+	title?: string
+	description?: string
+	image?: string
+}
+
+export default function Embed(embed: IEmbed) {
+	return (
+		<Head>
+			<title>
+				{embed.title ??
+					"RaptorFX | A Modern-Denofied Solution to Building Apps!"}
+			</title>
+			<meta
+				name="description"
+				content={
+					embed.description ??
+					"Welcome to RaptorFX, the modern app development tool."
+				}
+			/>
+			<meta
+				property="og:title"
+				content={
+					embed.title ??
+					"RaptorFX | A Modern-Denofied Solution to Building Apps!"
+				}
+			/>
+			<meta
+				property="og:description"
+				content={embed.description ?? "Welcome to RaptorFX Website!"}
+			/>
+			<meta
+				property="og:image"
+				content={
+					embed.image ?? "https://raptorfx.deno.dev/assets/logo.png"
+				}
+			/>
+			<meta property="og:url" content="https://raptorfx.deno.dev/" />
+			<meta name="theme-color" content="#FFFFFF" />		
+		</Head>
+	)
+}

components/StandoutHeading.tsx

@@ -0,0 +1,10 @@
+export default function Standout({ title }: { title: string }) {
+	return (
+		<>
+			<div className="standout">
+				<h2 className="standout-h1">{title}</h2>
+			</div>
+			<br />
+		</>
+	)
+}

components/TeamMember.tsx

@@ -0,0 +1,33 @@
+export interface ITeamMember {
+	name: string
+	role: string[]
+	description: string
+	image: string
+}
+
+export default function TeamMember(member: ITeamMember) {
+	return (
+		<>
+			<div className="team-member">
+				<div className="team-member-img-container">
+					<img
+						src={`/assets/pfp/${member.image}.png`}
+						alt={member.name}
+						className="team-member-img"
+					/>
+				</div>
+				<hr />
+				<div>
+					<h3>{member.name}</h3>
+					<p className="team-member-desc">{member.description}</p>
+					<hr />
+					<ul className="team-member-list">
+						{member.role.map((role) => {
+							return <li>{role}</li>
+						})}
+					</ul>
+				</div>
+			</div>
+		</>
+	)
+}

deno.jsonc

@@ -0,0 +1,21 @@
+{
+	"compilerOptions": {
+		"lib": [
+			"dom",
+			"dom.iterable",
+			"dom.asynciterable",
+			"dom.extras",
+			"deno.ns"
+		],
+		"types": ["https://deno.land/x/[email protected]/types.d.ts"],
+		"jsx": "react-jsx",
+		"jsxImportSource": "https://esm.sh/[email protected]"
+	},
+	"importMap": "import_map.json",
+	"tasks": {
+		"dev": "deno run -A dev.ts",
+		"start": "deno run -A server.ts",
+		"build": "deno run -A server.ts --build",
+		"fmt": "deno run --allow-read --allow-write --allow-sys --allow-env npm:prettier -w --use-tabs --tab-width 4 --no-semi --loglevel silent --trailing-comma none ."
+	}
+}

dev.ts

@@ -0,0 +1,8 @@
+import dev from "aleph/dev"
+
+dev({
+	baseUrl: import.meta.url,
+	// To generate the `./routes/_export.ts` module for serverless env
+	// that doesn't support dynamic import.
+	generateExportTs: true
+})

import_map.json

@@ -0,0 +1,20 @@
+{
+	"imports": {
+		"~/": "./",
+		"OpenGraphEmbed": "./components/OpenGraphEmbed.tsx",
+		"BlogIndex": "./components/BlogIndex.tsx",
+		"std/": "https://deno.land/[email protected]/",
+		"aleph/": "https://deno.land/x/[email protected]/",
+		"aleph/server": "https://deno.land/x/[email protected]/server/mod.ts",
+		"aleph/dev": "https://deno.land/x/[email protected]/server/dev.ts",
+		"aleph/react/mdx-loader": "https://deno.land/x/[email protected]/runtime/react/mdx-loader.ts",
+		"@mdx-js/react": "https://esm.sh/@mdx-js/[email protected]",
+		"aleph/react": "https://deno.land/x/[email protected]/runtime/react/mod.ts",
+		"aleph/react-client": "https://deno.land/x/[email protected]/runtime/react/client.ts",
+		"aleph/react-server": "https://deno.land/x/[email protected]/runtime/react/server.ts",
+		"react": "https://esm.sh/[email protected]",
+		"react-dom": "https://esm.sh/[email protected]",
+		"react-dom/": "https://esm.sh/[email protected]/"
+	},
+	"scopes": {}
+}

index.html

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<link rel="icon" type="image/png" href="/assets/logo.png" />
+		<link rel="stylesheet" href="./styles/index.css" />
+	</head>
+
+	<body>
+		<div id="root" data-ssr-root></div>
+		<script type="module" src="./main.tsx"></script>
+	</body>
+</html>

main.tsx

@@ -0,0 +1,3 @@
+// import { bootstrap } from "aleph/react-client"
+
+// bootstrap()