feat(site): init

.github/workflows/build.yml

@@ -1,8 +1,8 @@
 name: "Build"
 
 on:
-  pull_request:
   push:
+    branches: [main]
   workflow_dispatch:
 
 permissions:

result

@@ -0,0 +1 @@
+/nix/store/v8vhmcr7gka9bi4dfmblb66cr0jp0laa-wallpapers-0f37e16

site/.gitignore

@@ -0,0 +1,24 @@
+# build output
+dist/
+
+# generated types
+.astro/
+
+# dependencies
+node_modules/
+
+# logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# environment variables
+.env
+.env.production
+
+# macOS-specific files
+.DS_Store
+
+# jetbrains setting folder
+.idea/

site/README.md

@@ -0,0 +1,48 @@
+# Astro Starter Kit: Basics
+
+```sh
+npm create astro@latest -- --template basics
+```
+
+[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/basics)
+[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/basics)
+[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/withastro/astro?devcontainer_path=.devcontainer/basics/devcontainer.json)
+
+> 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!
+
+![just-the-basics](https://github.com/withastro/astro/assets/2244813/a0a5533c-a856-4198-8470-2d67b1d7c554)
+
+## 🚀 Project Structure
+
+Inside of your Astro project, you'll see the following folders and files:
+
+```text
+/
+├── public/
+│   └── favicon.svg
+├── src/
+│   ├── layouts/
+│   │   └── Layout.astro
+│   └── pages/
+│       └── index.astro
+└── package.json
+```
+
+To learn more about the folder structure of an Astro project, refer to [our guide on project structure](https://docs.astro.build/en/basics/project-structure/).
+
+## 🧞 Commands
+
+All commands are run from the root of the project, from a terminal:
+
+| Command                   | Action                                           |
+| :------------------------ | :----------------------------------------------- |
+| `npm install`             | Installs dependencies                            |
+| `npm run dev`             | Starts local dev server at `localhost:4321`      |
+| `npm run build`           | Build your production site to `./dist/`          |
+| `npm run preview`         | Preview your build locally, before deploying     |
+| `npm run astro ...`       | Run CLI commands like `astro add`, `astro check` |
+| `npm run astro -- --help` | Get help using the Astro CLI                     |
+
+## 👀 Want to learn more?
+
+Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat).

site/astro.config.mjs

@@ -0,0 +1,8 @@
+// @ts-check
+import { defineConfig } from "astro/config";
+
+// https://astro.build/config
+export default defineConfig({
+  site: "https://42willow.github.io",
+  base: "wallpapers",
+});

site/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "site",
+  "type": "module",
+  "version": "0.0.1",
+  "scripts": {
+    "dev": "astro dev",
+    "build": "astro build",
+    "preview": "astro preview",
+    "astro": "astro"
+  },
+  "dependencies": {
+    "astro": "^5.6.1"
+  }
+}

site/src/assets/wallpapers

@@ -0,0 +1 @@
+../../../result/share/wallpapers

site/src/components/Card.astro

@@ -0,0 +1,39 @@
+---
+import type { ImageMetadata } from "astro";
+import { Image } from "astro:assets";
+
+interface Props {
+  images: Record<string, () => Promise<{ default: ImageMetadata }>>;
+  imagePath: string;
+  name: string;
+  flavour: string;
+  author?: string;
+}
+
+const { images, imagePath, name, flavour, author } = Astro.props;
+if (!images[imagePath])
+  throw new Error(`"${imagePath}" does not exist in glob`);
+---
+
+<div class="card" class:list={flavour}>
+  <h2>{name}</h2>
+  {
+    author && (
+      <p>
+        <strong>author:</strong> {author}
+      </p>
+    )
+  }
+  <Image
+    src={images[imagePath]()}
+    alt={author ? `${name} by ${author}` : name}
+    width={400}
+    class="wallpaper"
+  />
+</div>
+
+<style>
+  .wallpaper {
+    border-radius: var(--br);
+  }
+</style>

site/src/components/Gallery.astro

@@ -0,0 +1,48 @@
+---
+import Card from "./Card.astro";
+import type { ImageMetadata } from "astro";
+
+const images = import.meta.glob<{ default: ImageMetadata }>(
+  "/src/assets/**/*.{jpeg,jpg,png,gif}",
+);
+
+let re =
+  /^\/src\/assets\/wallpapers\/(?<flavour>\w+)\/(?<type>\w+)\/(?:(?<category>\w+)\/)?(?:(?<author>\w+)\/)?(?<name>\w+)\..*$/;
+
+const walls = Object.keys(images)
+  .map((item) => {
+    // console.log(`item: ${item}`);
+    const match = item.match(re);
+    // console.log(match);
+    if (!match) {
+      throw new Error(`failed to parse image path: ${item}`);
+    }
+    return {
+      path: item,
+      flavour: match.groups?.flavour,
+      type: match.groups?.type,
+      category: match.groups?.category,
+      author: match.groups?.author,
+      name: match.groups?.name,
+    };
+  })
+  .filter((item) => item !== null);
+---
+
+<div id="container">
+  <main>
+    <section id="gallery">
+      {
+        walls.map((item) => (
+          <Card
+            images={images}
+            imagePath={item.path}
+            name={item.name as string}
+            flavour={item.flavour as string}
+            author={item.author}
+          />
+        ))
+      }
+    </section>
+  </main>
+</div>

site/src/components/Greeting.astro

@@ -0,0 +1,16 @@
+<p>hii, welcome to my wallpaper dump!</p>
+
+<p>remember to credit original authors and enjoy your stay ^-^</p>
+
+<p class="sub">
+  <strong>note:</strong> the reason the wallpapers are compressed is to speed up
+  your viewing experience, if you hover over the wallpaper you will find a download
+  button
+</p>
+
+<style>
+  .sub {
+    color: var(--ctp-macchiato-subtext0);
+    font-style: italic;
+  }
+</style>