Initial commit

.gitignore

@@ -0,0 +1,41 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# vercel
+.vercel
+
+# chromatic / storybook
+build-storybook.log
+
+# stork search
+public/*.st
+public/*.toml

.prettierignore

@@ -0,0 +1,4 @@
+package.json
+package-lock.json
+*.md
+*.mdx

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Erik Behrends
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,16 @@
+## Notes for workshops
+
+Built with [NextJS](https://nextjs.org/) and [Nextra](https://nextra.vercel.app/) by using Git/GitHub as a single source of truth, and [Netlify](https://www.netlify.com) for deployment.
+
+## Licenses 
+
+### Code
+
+[MIT](/LICENSE)
+
+### Content
+
+[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/)
+
+          
+

next.config.js

@@ -0,0 +1,9 @@
+const withNextra = require('nextra')({
+  theme: 'nextra-theme-docs',
+  themeConfig: './theme.config.js',
+  unstable_stork: false,
+});
+module.exports = withNextra();
+// server side rendering on netlify
+// https://docs.netlify.com/configure-builds/common-configurations/next-js/
+module.exports.target = 'serverless';

package.json

@@ -0,0 +1,27 @@
+{
+  "name": "workshops",
+  "version": "0.1.0",
+  "private": true,
+  "license": "MIT",
+  "author": {
+    "name": "Erik Behrends",
+    "web": "https://behrends.io"
+  },
+  "scripts": {
+    "dev": "next dev",
+    "start": "next start",
+    "build": "next build"
+  },
+  "dependencies": {
+    "next": "^11.0.1",
+    "nextra": "1.0.0-beta.2",
+    "nextra-theme-docs": "1.2.0-beta.2",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
+  },
+  "devDependencies": {
+    "autoprefixer": "^10.2.6",
+    "postcss": "^8.3.5",
+    "tailwindcss": "^2.2.4"
+  }
+}

pages/_app.js

@@ -0,0 +1,7 @@
+import 'tailwindcss/tailwind.css';
+import 'nextra-theme-docs/style.css';
+import '../styles/globals.css';
+
+export default function App({ Component, pageProps }) {
+  return <Component {...pageProps} />;
+}

pages/css/index.md

@@ -0,0 +1 @@
+# CSS 

pages/css/meta.json

@@ -0,0 +1,3 @@
+{
+  "index": "Übersicht"
+}

pages/html/index.md

@@ -0,0 +1 @@
+# HTML

pages/html/meta.json

@@ -0,0 +1,3 @@
+{
+  "index": "Übersicht"
+}

pages/impressum.md

@@ -0,0 +1,111 @@
+# Impressum
+
+## Angaben gemäß § 5 TMG und verantwortlich für den Inhalt nach §55 Abs. 2 RStV:
+
+```
+Erik Behrends
+DHBW Lörrach
+Hangstr. 46-50
+79539 Lörrach
+```
+
+**Kontakt:**
+
+E-Mail: [email protected]
+
+Webseite: [behrends.io](https://www.behrends.io)
+
+## Haftungsausschluss (Disclaimer)
+
+### Haftung für Inhalte
+
+Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt.
+Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte
+können wir jedoch keine Gewähr übernehmen. Als Diensteanbieter
+sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen
+Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8
+bis 10 TMG sind wir als Diensteanbieter jedoch nicht
+verpflichtet, übermittelte oder gespeicherte fremde
+Informationen zu überwachen oder nach Umständen zu forschen, die
+auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur
+Entfernung oder Sperrung der Nutzung von Informationen nach den
+allgemeinen Gesetzen bleiben hiervon unberührt. Eine
+diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der
+Kenntnis einer konkreten Rechtsverletzung möglich. Bei
+Bekanntwerden von entsprechenden Rechtsverletzungen werden wir
+diese Inhalte umgehend entfernen.
+
+### Haftung für Links
+
+Unser Angebot enthält Links zu externen Webseiten Dritter, auf
+deren Inhalte wir keinen Einfluss haben. Deshalb können wir für
+diese fremden Inhalte auch keine Gewähr übernehmen. Für die
+Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter
+oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten
+wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße
+überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der
+Verlinkung nicht erkennbar. Eine permanente inhaltliche
+Kontrolle der verlinkten Seiten ist jedoch ohne konkrete
+Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei
+Bekanntwerden von Rechtsverletzungen werden wir derartige Links
+umgehend entfernen.
+
+
+## Urheberrecht
+
+Die durch die Seitenbetreiber erstellten Inhalte und Werke auf
+diesen Seiten unterliegen, soweit nicht anders vermerkt dem 
+deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, 
+Verbreitung und jede Art der Verwertung außerhalb der Grenzen des 
+Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen 
+Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind nur 
+für den privaten, nicht kommerziellen Gebrauch gestattet. Soweit die 
+Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die
+Urheberrechte Dritter beachtet. Insbesondere werden Inhalte
+Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine
+Urheberrechtsverletzung aufmerksam werden, bitten wir um einen
+entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen
+werden wir derartige Inhalte umgehend entfernen.
+
+Manche der Inhalte auf diesen Seiten sind lizenziert unter einer 
+Creative Commons Namensnennung - Nicht-kommerziell - Weitergabe 
+unter gleichen Bedingungen 4.0 International Lizenz, siehe 
+[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/).
+
+
+## Datenschutz
+
+Datenschutz Die Nutzung unserer Webseite ist in der Regel ohne
+Angabe personenbezogener Daten möglich. Soweit auf unseren
+Seiten personenbezogene Daten (beispielsweise Name, Anschrift
+oder eMail-Adressen) erhoben werden, erfolgt dies, soweit
+möglich, stets auf freiwilliger Basis. Diese Daten werden ohne
+Ihre ausdrückliche Zustimmung nicht an Dritte weitergegeben. Wir
+weisen darauf hin, dass die Datenübertragung im Internet (z.B.
+bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen
+kann. Ein lückenloser Schutz der Daten vor dem Zugriff durch
+Dritte ist nicht möglich. Der Nutzung von im Rahmen der
+Impressumspflicht veröffentlichten Kontaktdaten durch Dritte zur
+Übersendung von nicht ausdrücklich angeforderter Werbung und
+Informationsmaterialien wird hiermit ausdrücklich widersprochen.
+Die Betreiber der Seiten behalten sich ausdrücklich rechtliche
+Schritte im Falle der unverlangten Zusendung von
+Werbeinformationen, etwa durch Spam-Mails, vor.
+
+## Serverdaten
+
+Aus technischen Gründen werden u.a. folgende Daten, die Ihr
+Internet-Browser an uns bzw. an unseren Webspace-Provider
+übermittelt, erfasst (sogenannte Serverlogfiles):
+
+- Browsertyp und -version,
+- verwendetes Betriebssystem, Webseite, von der aus Sie uns besuchen (Referrer URL),
+- Webseite, die Sie besuchen,
+- Datum und Uhrzeit Ihres Zugriffs,
+- Ihre Internet Protokoll (IP)-Adresse
+
+Diese anonymen Daten werden getrennt von Ihren eventuell
+angegebenen personenbezogenen Daten gespeichert und lassen so
+keine Rückschlüsse auf eine bestimmte Person zu. Sie werden zu
+statistischen Zwecken ausgewertet, um unseren Internetauftritt
+und unsere Angebote optimieren zu können.

pages/index.js

@@ -0,0 +1,52 @@
+import Head from 'next/head';
+import Link from 'next/link';
+
+export default function Home() {
+  return (
+    <div className="flex flex-col items-center justify-center min-h-screen py-2">
+      <Head>
+        <title>Workshops</title>
+        <meta
+          name="description"
+          content="Workshop Notizen"
+        />
+        <link rel="icon" href="/favicon.ico" />
+      </Head>
+
+      <main className="flex flex-col items-center justify-center w-full flex-1 px-20 text-center">
+        <h1 className="text-6xl font-bold">Workshops</h1>
+
+        <p className="mt-3 text-2xl">
+          Ablauf und Notizen zum Live Coding
+        </p>
+
+        <div className="flex flex-wrap items-center justify-around max-w-full mt-6 sm:w-full">
+          <Link href="/html">
+            <h1>HTML</h1>
+          </Link>
+
+          <Link href="/css">
+            <h1>CSS</h1>
+          </Link>
+        </div>
+      </main>
+
+      <footer className="flex items-center justify-center w-full h-12 border-t">
+        <span className="flex items-center justify-center">
+          <span>{`© ${new Date().getFullYear()}`}</span>
+          <a
+            rel="author"
+            href="https://www.behrends.io"
+            target="_blank"
+            className="ml-8"
+          >
+            Erik Behrends
+          </a>
+        </span>
+        <a className="ml-8" href="/impressum">
+          Impressum
+        </a>
+      </footer>
+    </div>
+  );
+}

pages/meta.json

@@ -0,0 +1,15 @@
+{
+  "html": {
+    "title": "HTML",
+    "type": "nav"
+  },
+  "css": {
+    "title": "CSS",
+    "type": "nav"
+  },
+  "impressum": {
+    "title": "Impressum",
+    "type": "nav",
+    "hidden": true
+  }
+}

postcss.config.js

@@ -0,0 +1,8 @@
+// If you want to use other PostCSS plugins, see the following:
+// https://tailwindcss.com/docs/using-with-preprocessors
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

styles/globals.css

@@ -0,0 +1,16 @@
+/* CodeMirror */
+.cm-editor {
+  border: 1px solid silver;
+}
+
+.cm-editor.cm-focused {
+  outline: 2px solid rgb(99, 102, 241);
+}
+
+.dark .cm-editor.cm-focused {
+  outline: 2px solid rgb(241, 211, 141);
+}
+
+.dark .cm-activeLine {
+  background-color: slategray;
+}

tailwind.config.js

@@ -0,0 +1,15 @@
+module.exports = {
+  mode: 'jit',
+  purge: [
+    './pages/**/*.{js,ts,jsx,tsx}',
+    './components/**/*.{js,ts,jsx,tsx}',
+  ],
+  darkMode: 'class', // or 'media' or 'class'
+  theme: {
+    extend: {},
+  },
+  variants: {
+    extend: {},
+  },
+  plugins: [],
+};