copenhagenjs · cecastosic · Sep 12, 2023 · Sep 13, 2023 · Sep 23, 2023
diff --git a/2023-10-Oct/README.md b/2023-10-Oct/README.md
@@ -0,0 +1,11 @@
+# Copenhagenjs Welcome presentation
+
+Run with
+
+```
+$ npx serve
+```
+
+for development.
+
+Static page url: https://copenhagenjs.github.io/meetup-slides/index.html
diff --git a/2023-10-Oct/index.html b/2023-10-Oct/index.html
@@ -0,0 +1,119 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>CopenhagenJS</title>
+    <meta charset="utf-8" />
+    <style>
+      /* prettier-ignore */
+      @import url(https://fonts.googleapis.com/css?family=Handlee:400,600);
+      /* prettier-ignore */
+      @import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic);
+      /* prettier-ignore */
+      @import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic);
+      /* prettier-ignore */
+      @import url(https://fonts.googleapis.com/css?family=Merriweather:400,700,400italic);
+      @import url("https://fonts.googleapis.com/css?family=Amatic+SC:400,700");
+
+      body {
+        font-family: "Droid Serif";
+      }
+      .remark-slide-content h1 {
+        font-size: 76px;
+      }
+      h1,
+      h2,
+      h3 {
+        font-family: "Merriweather";
+        /* font-family: 'Droid Serif'; */
+        /* font-family: 'Amatic SC'; */
+        font-weight: 600;
+      }
+      .remark-code,
+      .remark-inline-code {
+        font-family: "Ubuntu Mono";
+        font-size: 40px;
+      }
+      .crowded .remark-code {
+        font-size: 32px;
+      }
+      img {
+        max-width: 100%;
+        width: 100%;
+      }
+      .remark-slide-content.black {
+        background-color: #000;
+        color: #fff;
+      }
+      .remark-slide-content.darkblue {
+        background-color: #001b3d;
+        color: #fff;
+      }
+      .remark-slide-content.yellow {
+        background-color: #fae209;
+        color: #000;
+      }
+      .remark-slide-content.blue {
+        background-color: #0074d9;
+        color: #fff;
+      }
+      .remark-slide-content.blue a {
+        color: #fff;
+      }
+      .remark-slide-content.orange {
+        background-color: #ff5722;
+        color: #fff;
+      }
+      .linkblock {
+        background-color: rgba(0, 0, 0, 0.75);
+        padding: 65px;
+        border-radius: 15px;
+        color: rgba(255, 255, 255, 0.9);
+      }
+
+      .remark-slide-content .avatar {
+        display: inline-block;
+        width: 200px;
+        height: 200px;
+        padding: 20px;
+      }
+      .avatar img {
+        border-radius: 10vw;
+      }
+      .qrcode img {
+        width: 300px;
+        height: 300px;
+        padding: 20px;
+      }
+
+      @page {
+        size: 1024px 768px;
+        margin: 0;
+      }
+
+      @media print {
+        .remark-slide-scaler {
+          width: 100% !important;
+          height: 100% !important;
+          transform: scale(1) !important;
+          top: 0 !important;
+          left: 0 !important;
+        }
+      }
+    </style>
+  </head>
+  <body>
+    <textarea id="source"> </textarea>
+    <script src="remark-latest.min.js"></script>
+    <script>
+      fetch("index.md")
+        .then(r => r.text())
+        .then(r => {
+          let mark = r;
+          document.getElementById("source").innerHTML = mark;
+          var slideshow = remark.create({
+            ratio: "16:9"
+          });
+        });
+    </script>
+  </body>
+</html>
diff --git a/2023-10-Oct/index.md b/2023-10-Oct/index.md
@@ -0,0 +1,176 @@
+class: yellow, middle, center
+
+# CopenhagenJS
+
+---
+
+class: middle, center, darkblue
+
+## BIG thanks to
+
+# Trustpilot
+
+## for hosting and snacks
+
+---
+
+class: middle, crowded
+
+## .center[Agenda]
+
+```
+17:00 Doors open
+17:45 Welcome
+18:00 Lightning talk
+18:10 Accessibility Testing - Olga Saukh
+18:40 Break with food and drinks
+19:15 Qwik and Resumability - Anders Kjær Damgaard
+19:45 Raffle with a JavaScript Quiz
+19:55 Group photo
+20:00 Socializing - Meet the community
+21:00 See you next time!
+```
+
+---
+
+class: middle, black, center
+
+# What is CopenhagenJS?
+
+???
+
+Monthly meetup group that focus on the innovation of the web. All the interesting
+developments that happens on the web.
+
+---
+
+name: centered
+
+class: middle, center
+
+## About JavaScript
+
+## About Web
+
+## About community
+
+## About you
+
+---
+
+class: middle, center
+
+## Behind CopenhagenJS
+
+.left.avatar[![left-aligned image](zoey.png)]
+.center.avatar[![left-aligned image](jonathan.png)]
+.right.avatar[![center-aligned image](svetlana.jpg)]
+
+.left.avatar[![right-aligned image](john.jpg)]
+.right.avatar[![right-aligned image](you.png)]
+
+---
+
+class: blue, middle, center
+
+# Code of Conduct
+
+---
+
+class: middle, center
+
+## Short version
+
+# COMMON SENSE
+
+---
+
+class: middle, center
+
+## Medium version
+
+# RESPECT, RESPECT, RESPECT
+
+---
+
+class: middle
+
+## .center[Long version]
+
+#### CopenhagenJS aims to provide a harassment-free meetup experience for everyone, regardless of gender, gender identity and expression, age, sexual orientation, disability, physical appearance, body size, race, ethnicity, religion (or lack thereof), or technology choices. We do not tolerate harassment of meetup participants in any form.
+
+#### Sexual language and imagery is not appropriate for any meetup venue, including talks, workshops, parties, Twitter and other online media. Meetup participants violating these rules may be sanctioned or expelled from the meetup without a refund at the discretion of the meetup organisers.
+
+---
+
+class: blue, middle, center
+
+# Where is the web now?
+
+---
+
+class: yellow, middle, center
+
+# We will be here
+
+# 10 years more...
+
+## with potential breaks
+
+---
+
+class: middle, center
+
+# Past talks
+
+## youtube.com/@copenhagenjs
+
+.footnote[Find us also on Twitter]
+
+---
+
+class: middle, center, yellow
+
+# Raffle and group photo in the end!
+
+---
+
+class: middle, center, blue
+
+# How can I be part of it?
+
+---
+
+class: middle, center
+
+# Bring CopenhagenJS
+
+# to your company
+
+.footnote[Find 'how to host' on copenhagenjs.dk/about]
+
+---
+
+class: middle, center
+
+# Send yourself
+
+# to the CopenhagenJS stage
+
+.footnote[Tell everyone what you are passionate about]
+
+---
+
+class: middle, center, yellow
+
+## And now for our first presentation...
+
+---
+
+class: yellow, middle, center
+
+## Next meetup - November
+
+# Call for future hosts and speakers
+
+We need you!
diff --git a/2023-10-Oct/john.jpg b/2023-10-Oct/john.jpg
diff --git a/2023-10-Oct/jonathan.png b/2023-10-Oct/jonathan.png
diff --git a/2023-10-Oct/logos.png b/2023-10-Oct/logos.png
diff --git a/2023-10-Oct/remark-latest.min.js b/2023-10-Oct/remark-latest.min.js
diff --git a/2023-10-Oct/svetlana.jpg b/2023-10-Oct/svetlana.jpg
diff --git a/2023-10-Oct/you.png b/2023-10-Oct/you.png
diff --git a/2023-10-Oct/zoey.png b/2023-10-Oct/zoey.png