init wip website

Soumeh · Soumeh · commit 4e25b2573330 · 2024-12-12T19:09:08.000+01:00
diff --git a/.editorconfig b/.editorconfig
@@ -0,0 +1,9 @@
+root = true
+
+[*]
+indent_style = tab
+indent_size = 4
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -0,0 +1,28 @@
+on:
+	push:
+		branches: [main]
+	workflow_dispatch:
+
+permissions:
+	contents: read
+	pages: write
+	id-token: write
+
+jobs:
+	build:
+		runs-on: ubuntu-latest
+		steps:
+			- name: Checkout your repository using git
+			uses: actions/checkout@v4
+			- name: Install, build, and upload your site
+			uses: withastro/action@v3
+
+	deploy:
+		needs: build
+		runs-on: ubuntu-latest
+		environment:
+			name: github-pages
+			url: ${{ steps.deployment.outputs.page_url }}
+		steps:
+			id: deployment
+			uses: actions/deploy-pages@v4
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,5 @@
+.astro/
+.vscode/
+node_modules/
+deno.lock
+package-lock.json
diff --git a/astro.config.ts b/astro.config.ts
@@ -0,0 +1,9 @@
+import { defineConfig } from "astro/config";
+import deno from "@deno/astro-adapter";
+
+// https://astro.build/config
+export default defineConfig({
+	site: "https://sindercu.be",
+	output: "server",
+	adapter: deno(),
+});
diff --git a/package.json b/package.json
@@ -0,0 +1,35 @@
+{
+  "name": "website",
+  "type": "module",
+  "version": "1.0.0",
+  "scripts": {
+    "dev": "astro dev",
+    "start": "astro dev",
+    "build": "astro build",
+    "preview": "deno run -A ./dist/server/entry.mjs",
+    "format": "deno fmt && prettier --write ."
+  },
+  "dependencies": {
+    "@deno/astro-adapter": "^0.1.2",
+    "astro": "^4.9.3",
+    "simple-icons-astro": "^13.20.0"
+  },
+  "devDependencies": {
+    "prettier": "^3.3.1",
+    "prettier-plugin-astro": "^0.14.0"
+  },
+  "prettier": {
+    "tabWidth": 2,
+    "plugins": [
+      "./node_modules/prettier-plugin-astro/dist/index.js"
+    ],
+    "overrides": [
+      {
+        "files": "*.astro",
+        "options": {
+          "parser": "astro"
+        }
+      }
+    ]
+  }
+}
diff --git a/public/CNAME b/public/CNAME
@@ -0,0 +1 @@
+sindercu.be
diff --git a/public/favicon.svg b/public/favicon.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 128 128">
+    <path d="M50.4 78.5a75.1 75.1 0 0 0-28.5 6.9l24.2-65.7c.7-2 1.9-3.2 3.4-3.2h29c1.5 0 2.7 1.2 3.4 3.2l24.2 65.7s-11.6-7-28.5-7L67 45.5c-.4-1.7-1.6-2.8-2.9-2.8-1.3 0-2.5 1.1-2.9 2.7L50.4 78.5Zm-1.1 28.2Zm-4.2-20.2c-2 6.6-.6 15.8 4.2 20.2a17.5 17.5 0 0 1 .2-.7 5.5 5.5 0 0 1 5.7-4.5c2.8.1 4.3 1.5 4.7 4.7.2 1.1.2 2.3.2 3.5v.4c0 2.7.7 5.2 2.2 7.4a13 13 0 0 0 5.7 4.9v-.3l-.2-.3c-1.8-5.6-.5-9.5 4.4-12.8l1.5-1a73 73 0 0 0 3.2-2.2 16 16 0 0 0 6.8-11.4c.3-2 .1-4-.6-6l-.8.6-1.6 1a37 37 0 0 1-22.4 2.7c-5-.7-9.7-2-13.2-6.2Z" />
+    <style>
+        path { fill: #000; }
+        @media (prefers-color-scheme: dark) {
+            path { fill: #FFF; }
+        }
+    </style>
+</svg>
diff --git a/src/components/Icon.astro b/src/components/Icon.astro
@@ -0,0 +1,18 @@
+---
+export interface Props {
+	name: string;
+}
+
+const { name } = Astro.props;
+const url = `https://raw.githubusercontent.com/simple-icons/simple-icons/refs/heads/develop/icons/${name}.svg`
+---
+
+<img src={url}/>
+
+<style>
+
+img {
+	width: 24px;
+}
+
+</style>
diff --git a/src/components/Link.astro b/src/components/Link.astro
@@ -0,0 +1,21 @@
+---
+import Icon from './Icon.astro';
+
+export interface Props {
+	icon: string;
+	link: string;
+	text: string;
+}
+
+const { icon, link, text } = Astro.props;
+---
+
+<a href={link}><Icon name={icon}/>{text}</a>
+
+<style>
+
+img {
+	width: 24px;
+}
+
+</style>
diff --git a/src/data/default_resources.ts b/src/data/default_resources.ts
@@ -0,0 +1,22 @@
+export default [
+  {
+    url: "https://deno.land",
+    title: "Deno",
+    summary: "A secure runtime for JavaScript and TypeScript.",
+  },
+  {
+    url: "https://deno.land/manual",
+    title: "Deno Manual",
+    summary: "Learn more about the Deno runtime.",
+  },
+  {
+    url: "https://deno.com/deploy",
+    title: "Deno Deploy",
+    summary: "Global serverless infrastructure for web applications.",
+  },
+  {
+    url: "https://discord.gg/deno",
+    title: "Deno Discord",
+    summary: "Join the Deno community on Discord.",
+  },
+];
diff --git a/src/data/resources.ts b/src/data/resources.ts
@@ -0,0 +1,42 @@
+import defaultResources from "./default_resources.ts";
+
+export interface Resource {
+  url: string;
+  title: string;
+  summary: string;
+}
+
+// Store resources in memory
+const RESOURCES = new Map<string, Resource>();
+
+export function addResource(resource: Resource): Promise<Resource> {
+  return new Promise((resolve, _reject) => {
+    RESOURCES.set(resource.title, resource);
+    return resolve(resource);
+  });
+}
+
+export function listResources(): Promise<Resource[]> {
+  return new Promise((resolve, _reject) => {
+    const resources = [];
+    for (const res of RESOURCES.values()) resources.push(res);
+    resources.sort((a, b) => {
+      const textA = a.title.toUpperCase();
+      const textB = b.title.toUpperCase();
+      return textA < textB ? -1 : textA > textB ? 1 : 0;
+    });
+    return resolve(resources);
+  });
+}
+
+export function deleteResource(title: string) {
+  return new Promise((resolve, _reject) => {
+    RESOURCES.delete(title);
+    return resolve(null);
+  });
+}
+
+// Bootstrap the database with the default resources
+defaultResources.forEach((resource) => {
+  addResource(resource);
+});
diff --git a/src/data/resources_kv.ts b/src/data/resources_kv.ts
@@ -0,0 +1,52 @@
+// Rather than vendoring the path utility from Deno:
+// "https://deno.land/std@0.194.0/path/mod.ts";
+// We can use the node:path module, which is usable in Deno/Deno Deploy
+import { join } from "node:path";
+import defaultResources from "./default_resources.js";
+
+// Init Deno KV database path
+let kvPath;
+if (!Deno.env.get("DENO_DEPLOYMENT_ID")) {
+  // In non-Deno Deploy environments, use a local folder in the current working
+  // directory for data storage
+  const kvDir = join(Deno.cwd(), ".kv");
+
+  try {
+    await Deno.mkdir(kvDir, { recursive: true, mode: 0o777 });
+  } catch (err) {
+    // Already existing is fine, throw others though
+    if (err.name !== "AlreadyExists") {
+      throw err;
+    }
+  }
+
+  kvPath = join(kvDir, "kv.db");
+}
+
+const db = await Deno.openKv(kvPath);
+
+export interface Resource {
+  url: string;
+  title: string;
+  summary: string;
+}
+
+export async function addResource(resource: Resource) {
+  return await db.set(["resources", resource.title], resource);
+}
+
+export async function listResources(): Promise<Resource[]> {
+  const iter = db.list({ prefix: ["resources"] });
+  const resources = [];
+  for await (const res of iter) resources.push(res.value as Resource);
+  return resources;
+}
+
+export async function deleteResource(title: string) {
+  return await db.delete(["resources", title]);
+}
+
+// Bootstrap the database with the default resources
+defaultResources.forEach((resource) => {
+  addResource(resource);
+});
diff --git a/src/env.d.ts b/src/env.d.ts
@@ -0,0 +1,2 @@
+/// <reference path="../.astro/types.d.ts" />
+/// <reference types="astro/client" />
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -0,0 +1,13 @@
+---
+interface Props {
+	title: string;
+}
+
+const { title } = Astro.props;
+---
+
+<p>{title}</p>
+
+<style is:global>
+
+</style>
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -0,0 +1,18 @@
+---
+import Link from "../components/Link.astro";
+---
+
+<h1>Sindercube</h1>
+
+<p>Minecraft tools and mods to inspire your creativity</p>
+
+<div class="links">
+    <Link text="Github" icon="github" link="https://github.com/Sindercube"/>
+    <Link text="Modrinth" icon="modrinth" link="https://modrinth.com/organization/Sindercube"/>
+    <Link text="Bluesky" icon="bluesky" link="https://bsky.app/profile/sindercu.be"/>
+    <Link text="Youtube" icon="youtube" link="https://www.youtube.com/@Sindercube"/>
+</div>
+
+<style>
+
+</style>
