feat: init

.gitignore

@@ -1,2 +1,11 @@
-_site
-_cache
+# dotenv environment variable files
+.env
+.env.development.local
+.env.test.local
+.env.production.local
+.env.local
+
+# Fresh build directory
+_fresh/
+# npm dependencies
+node_modules/

README.md

@@ -1,2 +1 @@
-# website
-https://tryandromeda.dev
+# Andromeda Website

components/CodeBlock.tsx

@@ -0,0 +1,12 @@
+import Prism from "https://esm.sh/[email protected]";
+
+export function CodeBlock(
+  { code, lang }: { code: string; lang: "js" | "ts" | "jsx" | "md" | "bash" },
+) {
+  return (
+    <pre
+      class="rounded-lg text-base leading-relaxed bg-slate-800 text-white p-4 sm:p-6 md:p-4 lg:p-6 2xl:p-8 overflow-x-auto"
+      data-language={lang}
+    ><code dangerouslySetInnerHTML={{ __html: Prism.highlight(code, Prism.languages[lang], lang)}} /></pre>
+  );
+}

components/Content.tsx

@@ -0,0 +1,20 @@
+import { render } from "$gfm";
+import "npm:[email protected]/components/prism-typescript.js";
+
+export function Content({
+  markdown,
+  baseUrl,
+}: {
+  markdown: string;
+  baseUrl?: string;
+}) {
+  const html = render(markdown, { baseUrl });
+  return (
+    <>
+    <div
+      class="prose prose-invert ml-10 markdown-body max-w-2xl overflow-y-auto" data-color-mode="dark" data-dark-theme="dark" 
+      dangerouslySetInnerHTML={{ __html: html }}
+    />
+    </>
+  );
+}

components/GithubIcon.tsx

@@ -0,0 +1,18 @@
+// deno-lint-ignore-file no-explicit-any
+export function FaGithub(props: any) {
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="1.19em"
+            height="1em"
+            viewBox="0 0 1664 1408"
+            {...props}
+        >
+            <path
+                fill="currentColor"
+                d="M640 960q0 40-12.5 82t-43 76t-72.5 34t-72.5-34t-43-76t-12.5-82t12.5-82t43-76t72.5-34t72.5 34t43 76t12.5 82m640 0q0 40-12.5 82t-43 76t-72.5 34t-72.5-34t-43-76t-12.5-82t12.5-82t43-76t72.5-34t72.5 34t43 76t12.5 82m160 0q0-120-69-204t-187-84q-41 0-195 21q-71 11-157 11t-157-11q-152-21-195-21q-118 0-187 84t-69 204q0 88 32 153.5t81 103t122 60t140 29.5t149 7h168q82 0 149-7t140-29.5t122-60t81-103t32-153.5m224-176q0 207-61 331q-38 77-105.5 133t-141 86t-170 47.5t-171.5 22t-167 4.5q-78 0-142-3t-147.5-12.5t-152.5-30t-137-51.5t-121-81t-86-115Q0 992 0 784q0-237 136-396q-27-82-27-170q0-116 51-218q108 0 190 39.5T539 163q147-35 309-35q148 0 280 32q105-82 187-121t189-39q51 102 51 218q0 87-27 168q136 160 136 398"
+            >
+            </path>
+        </svg>
+    );
+}

components/Head.tsx

@@ -0,0 +1,26 @@
+// Copyright 2023-2024 the Deno authors. All rights reserved. MIT license.
+import { Head as _Head } from "$fresh/runtime.ts";
+import Meta, { type MetaProps } from "./Meta.tsx";
+import { ComponentChildren } from "preact";
+
+export type HeadProps =
+    & Partial<Omit<MetaProps, "href">>
+    & Pick<MetaProps, "href">
+    & {
+        children?: ComponentChildren;
+    };
+
+export default function Head(props: HeadProps) {
+    return (
+        <_Head>
+            <Meta
+                title={props?.title ? `${props.title} - Netsaur` : "Netsaur"}
+                description={props?.description ??
+                    "Netsaur brings the power of modern machine learning to the Deno ecosystem."}
+                href={props.href}
+                imageUrl="/cover.png"
+            />
+            {props.children}
+        </_Head>
+    );
+}

components/Meta.tsx

@@ -0,0 +1,42 @@
+export interface MetaProps {
+    /** Title of the current page */
+    title: string;
+    /** Description of the current page */
+    description: string;
+    /** URL of the current page */
+    href: string;
+    /** URL of the cover image */
+    imageUrl: string;
+}
+
+export default function Meta(props: MetaProps) {
+    return (
+        <>
+            {/* HTML Meta Tags */}
+            <title>{props.title}</title>
+            <meta name="description" content={props.description} />
+
+            {/* Google / Search Engine Tags */}
+            <meta itemProp="name" content={props.title} />
+            <meta itemProp="description" content={props.description} />
+            {props.imageUrl && (
+                <meta itemProp="image" content={props.imageUrl} />
+            )}
+
+            {/* Facebook Meta Tags */}
+            <meta property="og:type" content="website" />
+            <meta property="og:site_name" content={props.title} />
+            <meta property="og:locale" content="en" />
+            <meta property="og:title" content={props.title} />
+            <meta property="og:description" content={props.description} />
+            <meta property="og:url" content={props.href} />
+            <meta property="og:image" content={props.imageUrl} />
+
+            {/* Twitter Meta Tags */}
+            <meta name="twitter:card" content="summary_large_image" />
+            <meta name="twitter:title" content={props.title} />
+            <meta name="twitter:description" content={props.description} />
+            <meta name="twitter:image" content={props.imageUrl} />
+        </>
+    );
+}

components/SearchIcon.tsx

@@ -0,0 +1,18 @@
+// deno-lint-ignore-file no-explicit-any
+export function FaSearch(props: any) {
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="1em"
+            height="1em"
+            viewBox="0 0 1664 1664"
+            {...props}
+        >
+            <path
+                fill="currentColor"
+                d="M1152 704q0-185-131.5-316.5T704 256T387.5 387.5T256 704t131.5 316.5T704 1152t316.5-131.5T1152 704m512 832q0 52-38 90t-90 38q-54 0-90-38l-343-342q-179 124-399 124q-143 0-273.5-55.5t-225-150t-150-225T0 704t55.5-273.5t150-225t225-150T704 0t273.5 55.5t225 150t150 225T1408 704q0 220-124 399l343 343q37 37 37 90"
+            >
+            </path>
+        </svg>
+    );
+}

deno.json

@@ -1,16 +1,32 @@
 {
-  "imports": {
-    "lume/": "https://deno.land/x/[email protected]/",
-    "lumocs/": "https://deno.land/x/[email protected]/"
-  },
+  "lock": false,
   "tasks": {
-    "lume": "echo \"import 'lume/cli.ts'\" | deno run -A -",
-    "build": "deno task lume",
-    "serve": "deno task lume -s"
+    "check": "deno fmt --check && deno lint && deno check **/*.ts && deno check **/*.tsx",
+    "cli": "echo \"import '\\$fresh/src/dev/cli.ts'\" | deno run --unstable -A -",
+    "manifest": "deno task cli manifest $(pwd)",
+    "start": "deno run -A --watch=static/,routes/ dev.ts",
+    "build": "deno run -A dev.ts build",
+    "preview": "deno run -A main.ts",
+    "update": "deno run -A -r https://fresh.deno.dev/update ."
+  },
+  "lint": { "rules": { "tags": ["fresh", "recommended"] } },
+  "exclude": ["**/_fresh/*"],
+  "imports": {
+    "$fresh/": "https://deno.land/x/[email protected]/",
+    "preact": "https://esm.sh/[email protected]",
+    "preact/": "https://esm.sh/[email protected]/",
+    "@preact/signals": "https://esm.sh/*@preact/[email protected]",
+    "@preact/signals-core": "https://esm.sh/*@preact/[email protected]",
+    "tailwindcss": "npm:[email protected]",
+    "tailwindcss/": "npm:/[email protected]/",
+    "tailwindcss/plugin": "npm:/[email protected]/plugin.js",
+    "tailwindcss/typography": "npm:@tailwindcss/[email protected]",
+    "$std/dotenv/load": "jsr:@std/[email protected]/load",
+    "$std/path/posix": "jsr:@std/[email protected]/posix",
+    "$std/path/join": "jsr:@std/[email protected]/join",
+    "$std/front-matter": "jsr:@std/[email protected]",
+    "tabler_icons_tsx/": "https://deno.land/x/[email protected]/tsx/",
+    "$gfm": "jsr:@deno/[email protected]"
   },
-  "compilerOptions": {
-    "types": [
-      "lume/types.ts"
-    ]
-  }
+  "compilerOptions": { "jsx": "react-jsx", "jsxImportSource": "preact" }
 }