test ci

.github/workflows/deploy.yml

@@ -0,0 +1,30 @@
+name: Deploy to GitHub Pages
+
+on:
+  push:
+    branches: [frontend]
+  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 output
+        uses: withastro/action@v1
+  deploy:
+    needs: build
+    runs-on: ubuntu-latest
+    environment:
+      name: github-pages
+      url: 2024.rustnl.nl
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v3

.gitignore

@@ -1 +1,22 @@
-.DS_Store
+.DS_Store
+# 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

.vscode/extensions.json

@@ -0,0 +1,4 @@
+{
+  "recommendations": ["astro-build.astro-vscode"],
+  "unwantedRecommendations": []
+}

.vscode/launch.json

@@ -0,0 +1,11 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "command": "./node_modules/.bin/astro dev",
+      "name": "Development server",
+      "request": "launch",
+      "type": "node-terminal"
+    }
+  ]
+}

README.md

@@ -1,3 +1,47 @@
-# RustNL 2024
+# Astro Starter Kit: Minimal
 
-Website for the RustNL 2024 conference.
+```sh
+npm create astro@latest -- --template minimal
+```
+
+[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/minimal)
+[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/minimal)
+[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/withastro/astro?devcontainer_path=.devcontainer/minimal/devcontainer.json)
+
+> 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!
+
+## 🚀 Project Structure
+
+Inside of your Astro project, you'll see the following folders and files:
+
+```text
+/
+├── public/
+├── src/
+│   └── pages/
+│       └── index.astro
+└── package.json
+```
+
+Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name.
+
+There's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.
+
+Any static assets, like images, can be placed in the `public/` directory.
+
+## 🧞 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).

astro.config.mjs

@@ -0,0 +1,4 @@
+import { defineConfig } from 'astro/config';
+
+// https://astro.build/config
+export default defineConfig({});

package.json

@@ -0,0 +1,18 @@
+{
+  "name": "",
+  "type": "module",
+  "version": "0.0.1",
+  "scripts": {
+    "dev": "astro dev",
+    "start": "astro dev",
+    "build": "astro check && astro build",
+    "preview": "astro preview",
+    "astro": "astro"
+  },
+  "dependencies": {
+    "@astrojs/check": "^0.4.1",
+    "astro": "^4.1.1",
+    "sass": "^1.69.7",
+    "typescript": "^5.3.3"
+  }
+}

src/components/head.astro

@@ -0,0 +1,37 @@
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>RustNL 2024</title>
+    <meta
+        name="description"
+        content="RustNL 2024, The Netherlands - May 2024"
+    />
+    <link rel="icon" href="./svg/rustnl.svg" type="image/svg" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+        href="https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap"
+        rel="stylesheet"
+    />
+    <link rel="stylesheet" href="./style.css" />
+
+    <meta property="twitter:site" content="@Rust_NL" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta property="og:url" content="https://2024.rustnl.org/" />
+    <meta property="og:title" content="RustNL 2024" />
+    <meta
+        property="og:description"
+        content="RustNL 2024, The Netherlands - May 2024"
+    />
+    <meta
+        property="og:image"
+        content="https://2024.rustnl.org/images/logo-1000px.png"
+    />
+
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+        href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;700&display=swap"
+        rel="stylesheet"
+    />
+</head>

src/env.d.ts

@@ -0,0 +1 @@
+/// <reference types="astro/client" />

index.html → src/layouts/HomeLayout.astro

@@ -1,34 +1,18 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>RustNL 2024</title>
-  <meta name="description" content="RustNL 2024, The Netherlands - May 2024" />
-  <link rel="icon" href="./svg/rustnl.svg" type="image/svg">
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap" rel="stylesheet">
-  <link rel="stylesheet" href="./style.css">
+---
+import Head from "../components/head.astro";
+---
 
-  <meta property="twitter:site" content="@Rust_NL" />
-  <meta name="twitter:card" content="summary_large_image" />
-  <meta property="og:url" content="https://2024.rustnl.org/" />
-  <meta property="og:title" content="RustNL 2024" />
-  <meta property="og:description" content="RustNL 2024, The Netherlands - May 2024" />
-  <meta property="og:image" content="https://2024.rustnl.org/images/logo-1000px.png" />
-
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;700&display=swap" rel="stylesheet">
-</head>
+<!doctype html>
+<html lang="en">
+  <Head />
+  <style lang="scss">
+    @import "../styles/index.scss";
+  </style>
 
-<body>
-</body>
+  <body>
     <div class="space-y-24">
       <section class="hero">
-        <img src="./images/logo.svg" alt="Logo RustNL 2024">
+        <img src="./images/logo.svg" alt="Logo RustNL 2024" />
         <p>10 May 2024 <br /> <strong>TU Delft</strong>, Nederland</p>
         <div class="button-group">
           <a href="#" class="button button-primary">Schedule</a>
@@ -38,14 +22,29 @@
       <section class="container grid cols-12">
         <div class="col-start-4 col-end-10 markdown text-lg">
           <h1>Rust what?</h1>
-          <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore hic cupiditate possimus. Facere exercitationem optio ipsa dolorem nobis consectetur officiis commodi libero quos corrupti officia nemo esse iusto, magnam quae.</p>
+          <p>
+            Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore hic
+            cupiditate possimus. Facere exercitationem optio ipsa dolorem nobis
+            consectetur officiis commodi libero quos corrupti officia nemo esse
+            iusto, magnam quae.
+          </p>
           <ul>
             <li>Lorem ipsum dolor sit amet consectetur adipisicing elit</li>
             <li>Lorem ipsum dolor sit amet consectetur adipisicing elit</li>
             <li>Lorem ipsum dolor sit amet consectetur adipisicing elit</li>
           </ul>
-          <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore hic cupiditate possimus. Facere exercitationem optio ipsa dolorem nobis consectetur officiis commodi libero quos corrupti officia nemo esse iusto, magnam quae.</p>
-          <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore hic cupiditate possimus. Facere exercitationem optio ipsa dolorem nobis consectetur officiis commodi libero quos corrupti officia nemo esse iusto, magnam quae.</p>
+          <p>
+            Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore hic
+            cupiditate possimus. Facere exercitationem optio ipsa dolorem nobis
+            consectetur officiis commodi libero quos corrupti officia nemo esse
+            iusto, magnam quae.
+          </p>
+          <p>
+            Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore hic
+            cupiditate possimus. Facere exercitationem optio ipsa dolorem nobis
+            consectetur officiis commodi libero quos corrupti officia nemo esse
+            iusto, magnam quae.
+          </p>
         </div>
       </section>
       <section class="container">
@@ -179,4 +178,5 @@ <h3 class="text-2xl">Schedule <strong>day 2</strong></h3>
         <div class="sponsors">1</div>
       </section>
     </div>
-</html>
+  </body>
+</html>

src/pages/index.astro

@@ -0,0 +1,6 @@
+---
+import HomeLayout from "../layouts/HomeLayout.astro";
+import Head from "../components/head.astro";
+---
+
+<HomeLayout />