init

1 year ago · 42741761f9
commit 42741761f9
17 changed files with 3873 additions and 0 deletions
--- a/.drone.yml
+++ b/.drone.yml
@ -0,0 +1,18 @@
+---
+kind: pipeline
+type: docker
+name: build
+
+steps:
+  - name: docker
+    image: plugins/docker
+    settings:
+      registry: docker.cybre.town
+      repo: docker.cybre.town/adb/ecape2023-mixlab-events
+      tags:
+        - "latest"
+        - "${DRONE_COMMIT_SHA:0:8}"
+      username:
+        from_secret: docker_username
+      password:
+        from_secret: docker_password
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1 @@
+./_site
--- a/14
+++ b/14
@ -0,0 +1,14 @@
+FROM denoland/deno:alpine as builder
+
+WORKDIR /app
+ADD . .
+
+RUN deno task build
+
+
+FROM nginx:alpine
+
+EXPOSE 8080
+
+ADD ./nginx.conf /etc/nginx/nginx.conf
+COPY --from=builder /app/_site /var/www/html
--- a/_config.ts
+++ b/_config.ts
@ -0,0 +1,34 @@
+import lume from "lume/mod.ts";
+import jsx from "lume/plugins/jsx_preact.ts";
+import mdx from "lume/plugins/mdx.ts";
+import tailwindcss from "lume/plugins/tailwindcss.ts";
+import code_highlight from "lume/plugins/code_highlight.ts";
+import postcss from "lume/plugins/postcss.ts";
+
+const site = lume({
+  src: "./src",
+});
+
+site.use(jsx());
+site.use(mdx());
+site.use(tailwindcss({
+  extensions: [".html", ".jsx", ".tsx", ".mdx", ".md"],
+  options: {
+    theme: {
+      fontFamily: {
+        sans: ["Roboto Mono", "monospace"],
+      },
+      extend: {
+        colors: {
+          body: "#313E5F",
+          text: "#E6E7E8",
+        },
+      },
+    },
+  },
+}));
+site.use(code_highlight());
+site.use(postcss());
+site.copy("img");
+
+export default site;
--- a/deno.json
+++ b/deno.json
@ -0,0 +1,12 @@
+{
+  "importMap": "./import_map.json",
+  "tasks": {
+    "lume": "echo \"import 'lume/cli.ts'\" | deno run --unstable -A -",
+    "build": "deno task lume",
+    "serve": "deno task lume -s"
+  },
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "jsxImportSource": "npm:preact"
+  }
+}
--- a/deno.lock
+++ b/deno.lock
--- a/import_map.json
+++ b/import_map.json
@ -0,0 +1,6 @@
+{
+  "imports": {
+    "lume/": "https://deno.land/x/lume@v1.15.2/",
+    "react/jsx-runtime": "https://esm.sh/react@18.2.0/jsx-runtime"
+  }
+}
--- a/nginx.conf
+++ b/nginx.conf
@ -0,0 +1,34 @@
+worker_processes  auto;
+worker_cpu_affinity auto;
+
+error_log  /var/log/nginx/error.log;
+pid        /var/run/nginx.pid;
+
+#daemon     off;
+events {
+    worker_connections  1024;
+}
+
+http {
+#   rewrite_log on;
+    include mime.types;
+    default_type       application/json;
+    access_log         /var/log/nginx/access.log;
+    sendfile           on;
+#   tcp_nopush         on;
+    keepalive_timeout  3;
+#   tcp_nodelay        on;
+    gzip               on;
+
+    server {
+        listen 8080 default_server;
+        server_name _;
+
+        location / {
+            index index.html;
+            root /var/www/html;
+            try_files $uri $uri/ =404;
+            absolute_redirect off;
+        }
+    }
+}
--- a/src/_includes/base.tsx
+++ b/src/_includes/base.tsx
@ -0,0 +1,11 @@
+export default ({ title, children }) => (
+  <html>
+    <head>
+      <title>{title}</title>
+      <link rel="stylesheet" href="/main.css"></link>
+    </head>
+    <body class="bg-body-400">
+      {children}
+    </body>
+  </html>
+);
--- a/src/_includes/main.tsx
+++ b/src/_includes/main.tsx
@ -0,0 +1,47 @@
+import Base from "./base.tsx";
+
+export default ({ title, children }) => (
+  <html>
+    <head>
+      <title>{title}</title>
+      <meta charset="utf-8" />
+      <meta name="viewport" content="width=device-width, initial-scale=1" />
+      <meta
+        name="description"
+        content="Escape2023 Konzert"
+      />
+      <meta
+        name="keywords"
+        content="escape, Event, Konzert, Micheal Becker"
+      />
+      <meta name="robots" content="index, follow" />
+      <meta name="author" content="Michel Becker" />
+      <meta name="publisher" content="Michel Becker" />
+
+      <link rel="stylesheet" href="/main.css"></link>
+    </head>
+    <body class="bg-body text-text flex flex-col justify-between min-h-screen relative">
+      <div class="relative">
+        <header class="sticky top-0 z-40 backdrop-blur bg-body/75">
+          <div class="flex justify-center p-4">
+            <a href="/">
+              <img src="/img/logo.svg" class="w-64" alt="" />
+            </a>
+          </div>
+        </header>
+        <main class="p-4 md flex justify-center">
+          <div class="max-w-screen-lg w-full">
+            {children}
+          </div>
+        </main>
+      </div>
+      <footer>
+        <hr />
+        <div class="p-4">
+          Michael Becker - <a href="/imprint">Impressum</a>
+        </div>
+      </footer>
+      <img src="/img/hills.svg" class="w-screen absolute bottom-0 z-[-1]" alt="" />
+    </body>
+  </html >
+);
--- a/src/img/background.svg
+++ b/src/img/background.svg
--- a/src/img/hills.svg
+++ b/src/img/hills.svg
@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 360 300">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: url(#linear-gradient-2);
+      }
+
+      .cls-2 {
+        fill: #101534;
+      }
+
+      .cls-3 {
+        fill: url(#linear-gradient-3);
+      }
+
+      .cls-4 {
+        fill: url(#linear-gradient);
+      }
+
+      .cls-5 {
+        fill: url(#linear-gradient-4);
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="197.14" y1="300" x2="197.14" y2="153.87" gradientUnits="userSpaceOnUse">
+      <stop offset=".25" stop-color="#fff"/>
+      <stop offset=".35" stop-color="#cbcddb"/>
+      <stop offset=".45" stop-color="#969ab7"/>
+      <stop offset=".55" stop-color="#6d739a"/>
+      <stop offset=".64" stop-color="#4f5685"/>
+      <stop offset=".72" stop-color="#3d4579"/>
+      <stop offset=".78" stop-color="#373f75"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-2" x1="281.25" y1="300" x2="281.25" y2="203.86" gradientUnits="userSpaceOnUse">
+      <stop offset=".18" stop-color="#fff"/>
+      <stop offset=".27" stop-color="#d4d6df"/>
+      <stop offset=".41" stop-color="#9a9eb4"/>
+      <stop offset=".54" stop-color="#6c7292"/>
+      <stop offset=".65" stop-color="#4b527a"/>
+      <stop offset=".74" stop-color="#373f6b"/>
+      <stop offset=".81" stop-color="#303866"/>
+      <stop offset=".82" stop-color="#313967"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-3" x1="127.71" y1="300" x2="127.71" y2="94.24" gradientUnits="userSpaceOnUse">
+      <stop offset=".14" stop-color="#fff"/>
+      <stop offset=".15" stop-color="#efeff3"/>
+      <stop offset=".19" stop-color="#c5c7d3"/>
+      <stop offset=".23" stop-color="#9ea1b7"/>
+      <stop offset=".28" stop-color="#7d819e"/>
+      <stop offset=".33" stop-color="#616689"/>
+      <stop offset=".38" stop-color="#4b5178"/>
+      <stop offset=".45" stop-color="#3a406b"/>
+      <stop offset=".52" stop-color="#2d3462"/>
+      <stop offset=".63" stop-color="#262d5d"/>
+      <stop offset=".91" stop-color="#252c5c"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-4" x1="148.85" y1="300" x2="148.85" y2="211.89" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#fff"/>
+      <stop offset="0" stop-color="#e8e8ec"/>
+      <stop offset="0" stop-color="#bebfca"/>
+      <stop offset=".02" stop-color="#979aab"/>
+      <stop offset=".02" stop-color="#767a90"/>
+      <stop offset=".03" stop-color="#5a5f7a"/>
+      <stop offset=".04" stop-color="#444968"/>
+      <stop offset=".05" stop-color="#33385a"/>
+      <stop offset=".06" stop-color="#262c50"/>
+      <stop offset=".08" stop-color="#1f254a"/>
+      <stop offset=".12" stop-color="#1e2449"/>
+    </linearGradient>
+  </defs>
+  <path class="cls-4" d="m127.19,239.55c7.87-1.29,17.64-3.64,28.25-8.17,24.21-10.33,25.87-20.5,44.79-25.3,3.56-.9,14.6-3.69,28.54-9.05,1.18-.45,2.35-.95,3.8-1.61,18.63-8.41,20.49-14.19,29.64-13.32,3.73.36,10.57,3.79,24.25,10.65,6.18,3.1,11.7,6.05,17.93,4.47,3.11-.79,5.15-2.5,6.6-3.76,10.99-9.53,19.52-20.07,23.98-24.68,4.69-4.84,12.33-10.81,25.02-14.93-.06,48.71-.13,97.42-.19,146.13h-180.89c-1.68,0-144.65-.2-144.65-.2h0s8.32-4,9.87-4.76c8.71-4.31,14.47-11.73,19.06-14.98,15.63-11.06,23.44-16.6,33.35-22.8,8.58-5.37,18.83-11.43,30.63-17.7Z"/>
+  <path class="cls-1" d="m202.51,248.7c8.98,1.84,23.38,3.22,38.15-2.66,5.85-2.33,16.1-6.41,24.53-15.98,4.46-5.06,5.75-8.65,10.9-10.65,5.39-2.1,7.81.33,19.08,0,8.74-.26,13.12-.39,16.35-2.66,5.64-3.97,6.66-10.91,13.89-12.55.64-.14,1.11-.21,1.7-.27,5.39-.54,14.54,2.91,14.54,2.91,2.35.21,4.85.35,7.48.4,3.9.07,7.54-.07,10.86-.35-.06,31.04-.12,62.08-.18,93.12h-151.96c-1.78-17.1-3.56-34.2-5.34-51.3Z"/>
+  <path class="cls-3" d="m253.4,261.95c-3.81-10.91-11.09-20.71-20.64-27.8-2.82-2.09-5.87-3.99-8.08-6.66-2.53-3.04-3.76-6.83-5.42-10.36-5.16-10.95-14.97-19.87-26.74-24.31-6.73-2.54-14.44-3.89-19.27-9-7.12-7.53-5.39-20.62-13.77-26.87-8.38-6.25-22.89-2.36-29.3-10.43-2.33-2.94-2.91-6.83-5.03-9.9-6.8-9.88-23.86-5.96-33.79-13.09-4.59-3.3-3.09-4.22-8.95-10.19-4.9-4.99-18.88-19.21-35.01-19.1-11.87.08-22.16,8.68-42.75,25.79-.11.09-4.34,3.61-4.34,3.61H.31c-.1,58.79-.21,117.58-.31,176.36h255.42c-.67-12.68-1.34-25.37-2.02-38.05Z"/>
+  <path class="cls-5" d="m292.82,260.88c-17.09-7.06-35.26-11.34-53.63-12.62-11.79-.82-24.2-.56-34.62-6.29-6.45-3.54-11.95-9.3-19.12-10.75-8.85-1.79-17.6,3.48-26.62,3.79-21.37.74-37.58-25.68-58.79-22.91-16.45,2.15-26.28,20.88-42.03,26.19-3.72,1.26-5.99,1.46-17.71,4.7-12,3.32-16.37,5.15-26.42,7.79-3.15.83-7.89,1.99-13.8,3.13-.03,15.36-.05,30.72-.08,46.09,99.24-.07,198.47-.14,297.71-.2-1.63-12.97-3.26-25.94-4.89-38.91Z"/>
+  <path class="cls-2" d="m359.81,245.43c-11.93,4.26-20.37,3.4-26,1.69-7.82-2.38-13.82-6.72-26.34-8.78-14.11-2.32-18.45,5.65-48.92,17.57-5.25,2.05-9.04,3.35-12.28,4.33-6.67,2.01-9.18,2.23-14.83,3.99-3.27,1.02-8.06,2.71-13.74,5.45-6.62,5.63-10.93,6.19-13.75,5.39-4.5-1.28-6.98-6.51-12.49-6.39-1.95.04-3.66.64-3.66.64-3.07,1.18-4.11,3.7-10.61,5.07-11.12,2.34-15.15-3.57-22.82,0-5.62,2.61-4.14,6.09-10.39,8.79-4.51,1.94-6.18.52-16.85,1.91-7.04.92-7.09,1.64-11.03,1.88-8.76.53-15.15-2.63-18.78-4.01-13.11-4.98-19.1,2.35-39.94,2.85-21.27.51-33.41-10.36-45.65-5.71-1.3.49-11.7,4.61-11.7,4.61-.01,9.32-.02,15.3-.02,15.3h359.81v-54.57Z"/>
+</svg>
--- a/src/img/logo.svg
+++ b/src/img/logo.svg
@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="150 150 300 80">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: none;
+      }
+
+      .cls-2 {
+        fill: #e6e7e8;
+      }
+    </style>
+  </defs>
+  <g>
+    <path class="cls-2" d="m384.4,213.91c3.87-1.83,5.62-3.01,5.62-6.3,0-2.84-2.01-4.57-5.04-4.57-3.26,0-5.25,2.01-5.25,5.2,0,1,.13,1.91.2,2.28h-.45c-.08-.35-.2-1.23-.2-2.28,0-3.46,2.16-5.65,5.7-5.65,3.34,0,5.5,1.88,5.5,5.02,0,3.36-1.66,4.72-5.85,6.7-4.32,2.03-4.97,2.71-5,4.57h11.09v.45h-11.55c0-2.56.55-3.21,5.22-5.42Z"/>
+    <path class="cls-1" d="m393.86,211c0-5.3,2.54-8.41,6.23-8.41s6.27,3.11,6.27,8.41-2.54,8.56-6.27,8.56-6.23-3.16-6.23-8.56Zm12.05,0c0-5.02-2.38-7.96-5.82-7.96s-5.77,2.94-5.77,7.96,2.36,8.08,5.77,8.08,5.82-2.99,5.82-8.08Z"/>
+    <path class="cls-2" d="m414.72,213.91c3.87-1.83,5.62-3.01,5.62-6.3,0-2.84-2.01-4.57-5.04-4.57-3.26,0-5.25,2.01-5.25,5.2,0,1,.13,1.91.2,2.28h-.45c-.08-.35-.2-1.23-.2-2.28,0-3.46,2.16-5.65,5.7-5.65,3.34,0,5.5,1.88,5.5,5.02,0,3.36-1.66,4.72-5.85,6.7-4.32,2.03-4.97,2.71-5,4.57h11.09v.45h-11.55c0-2.56.55-3.21,5.22-5.42Z"/>
+    <path class="cls-2" d="m424.29,214.72c0-.2,0-.58.03-1.15h.45c-.02.58-.02.95-.02,1.15,0,2.76,2.31,4.37,5.55,4.37,3.41,0,5.85-1.76,5.85-4.59,0-2.26-2.06-3.51-5.02-3.51h-1.91v-.45h1.81c2.54,0,4.37-1.25,4.37-3.44,0-2.54-2.18-4.04-5.02-4.04-3.14,0-5.27,1.66-5.27,4.47,0,.4.02.88.05,1.2h-.45c-.02-.3-.05-.75-.05-1.2,0-3.09,2.31-4.92,5.72-4.92,3.14,0,5.47,1.71,5.47,4.49,0,1.88-1.33,3.31-3.24,3.59v.02c2.26.2,3.99,1.68,3.99,3.79,0,3.09-2.64,5.07-6.3,5.07-3.46,0-6-1.83-6-4.84Z"/>
+  </g>
+  <g>
+    <path class="cls-2" d="m156.87,196.79v-38.56h37.69v3.12h-33.74v13.48h32.21v3.12h-32.21v15.72h33.74v3.12h-37.69Z"/>
+    <path class="cls-2" d="m241.45,184.09c0-3.67-2.19-6.03-7.45-6.03h-21.86c-8.22,0-11.34-3.73-11.34-9.2v-1.42c0-5.48,3.12-9.2,11.34-9.2h31.22v3.12h-31.22c-5.15,0-7.4,2.57-7.4,6.03v1.53c0,3.72,2.25,6.03,7.4,6.03h21.86c8.22,0,11.34,3.73,11.34,9.15v3.56c0,5.42-3.12,9.15-11.34,9.15h-31.99v-3.12h31.99c5.2,0,7.45-2.41,7.45-6.03v-3.56Z"/>
+    <path class="cls-2" d="m263.35,196.79c-8.33,0-11.5-3.78-11.5-9.31v-19.94c0-5.53,3.18-9.31,11.5-9.31h29.53v3.12h-29.53c-5.37,0-7.56,2.41-7.56,6.19v19.99c0,3.73,2.19,6.14,7.56,6.14h29.53v3.12h-29.53Z"/>
+    <path class="cls-2" d="m345.4,196.79l-22.29-34.46-22.57,34.46h-4.33l25.47-38.56h2.85l25.31,38.56h-4.44Z"/>
+    <path class="cls-2" d="m358.11,182v14.79h-3.94v-38.56h30.07c8.33,0,11.5,3.78,11.5,9.31v5.15c0,5.53-3.18,9.31-11.5,9.31h-26.13Zm33.69-14.46c0-4.22-2.85-6.19-9.31-6.19h-24.38v17.53h24.38c6.46,0,9.31-1.97,9.31-6.14v-5.2Z"/>
+    <path class="cls-2" d="m401.59,196.79v-38.56h37.69v3.12h-33.74v13.48h32.21v3.12h-32.21v15.72h33.74v3.12h-37.69Z"/>
+  </g>
+  <path class="cls-2" d="m395.55,204.12c1.17-.67,2.51-1.05,3.9-1.1,0,0,0,0,0,0,.99-.04,2.01.09,3.02.42,4.47,1.43,6.98,6.05,5.61,10.33-.74,2.32-2.47,4.05-4.61,4.93,1.69-.96,3.02-2.51,3.65-4.46,1.37-4.27-1.14-8.9-5.61-10.33-1.01-.32-2.03-.46-3.02-.42,0,0,0,0,0,0-1.02.04-2.02.26-2.94.64Z"/>
+</svg>
--- a/src/imprint.md
+++ b/src/imprint.md
@ -0,0 +1,11 @@
+---
+layout: main.tsx
+---
+
+# Impressum
+
+**Michel Becker**
+
+Trollberg 16
+
+24837 Schleswig
--- a/src/index.md
+++ b/src/index.md
@ -0,0 +1,47 @@
+---
+layout: main.tsx
+title: Escape 2023
+---
+
+# Michael Becker - Cello and friends
+## feat. Synje Norland und Igor Vlassov
+
+---
+
+Violoncello, Bajan - Musik und Klangwelten gepaart mit Live Soundesign - auch für die Liebhaber der Filmmusik.
+
+## Eventinformationen
+- Samstag, 01.04.23 |20:00 Uhr
+- Aula der Domschule, Schleswig
+
+## Ticketverkauf
+
+<link rel="stylesheet" type="text/css" href="https://pretix.eu/demo/democon/widget/v1.css">
+<script type="text/javascript" src="https://pretix.eu/widget/v1.en.js" async></script>
+<pretix-widget event="https://tickets.strobe.town/adb/test/"></pretix-widget>
+
+## Musiker
+
+<figure class="border p-4 my-2">
+
+  ### Michael Becker - Violoncello
+  ---
+  asdsadsad...
+
+</figure>
+
+<figure class="border p-4 my-2">
+
+  ### Synje Norland - Gesang
+  ---
+  asdsadsad...
+
+</figure>
+
+<figure class="border p-4 my-2">
+
+  ### Igor Vlassov - Bajan
+  ---
+  asdsadsad...
+
+</figure>
--- a/src/main.css
+++ b/src/main.css
@ -0,0 +1,29 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+@tailwind variants;
+
+body {
+  background-image: url("./img/background.svg");
+}
+
+main.md h1 {
+  font-size: 1.6rem;
+  @apply pt-6 pb-4;
+}
+main.md h2 {
+  font-size: 1.4rem;
+  @apply pt-4 pb-2;
+}
+main.md h3 {
+  font-size: 1.2rem;
+  @apply pt-4 pb-2;
+}
+
+main.md hr {
+  @apply my-4;
+}
+
+main.md ul {
+  @apply list-disc list-inside;
+}
--- a/src/test.tsx
+++ b/src/test.tsx
@ -0,0 +1,9 @@
+export const title = "Welcome to my page";
+export const layout = "main.tsx";
+
+export default (data) => (
+  <>
+    <h1 class="text-red w-10">{data.title}</h1>
+    <p>This is my first post using lume. I hope you like it!</p>
+  </>
+);