Feature/init solution (#1)

* Add files via upload

* Update README.md

* Initiate Slidev files

* Update assets

* Updates following corsair feedback

* Improve codebase for export in PDF

* Update NPM packages

* Add CI pipeline

.editorconfig

@@ -0,0 +1,12 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

.github/workflows/ci.yml

@@ -0,0 +1,39 @@
+# purpose: continuously deploy the presentations
+# actions:
+#   - https://github.com/marketplace/actions/checkout
+#   - https://github.com/actions/setup-node
+# images:
+#   - https://github.com/actions/runner-images/blob/main/images/ubuntu/Ubuntu2204-Readme.md
+
+name: CI
+
+on:
+  push:
+    branches: [ "main" ]
+  pull_request:
+    branches: [ "main" ]
+  workflow_dispatch: {}
+
+concurrency:
+  group: ${{ github.ref }}-${{ github.workflow }}
+  cancel-in-progress: true
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+      - name: Instal Node.js (LTS)
+        uses: actions/setup-node@v4
+        with:
+          node-version: 'lts/*'
+      - name: Install dependencies
+        run: npm install
+      - name: Build web content
+        run: |
+          mkdir dist
+          cp -r assets dist/assets
+          npm run build src/index.md
+          npm run build src/demo.md
+          npm run build src/202402_securite_conteneur.md

.github/workflows/deploy.yml

@@ -0,0 +1,61 @@
+# purpose: continuously deploy the presentations
+# actions:
+#   - https://github.com/marketplace/actions/checkout
+#   - https://github.com/actions/setup-node
+#   - https://github.com/actions/configure-pages
+#   - https://github.com/actions/upload-pages-artifact
+#   - https://github.com/actions/deploy-pages
+# images:
+#   - https://github.com/actions/runner-images/blob/main/images/ubuntu/Ubuntu2204-Readme.md
+# references:
+#   - https://sli.dev/guide/hosting.html#github-pages
+
+name: Deploy
+
+on:
+  push:
+    branches: [ "main" ]
+  workflow_dispatch: {}
+
+concurrency:
+  group: "pages"
+  cancel-in-progress: true
+
+env:
+  SITE_BASE: presentations
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      pages: write
+      id-token: write
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+      - name: Instal Node.js (LTS)
+        uses: actions/setup-node@v4
+        with:
+          node-version: 'lts/*'
+      - name: Install dependencies
+        run: npm install
+      - name: Build web content
+        run: |
+          mkdir dist
+          cp -r assets dist/assets
+          npm run build src/index.md -- --base presentations -o ../dist
+          npm run build src/demo.md -- --base presentations/demo -o ../dist/demo
+          npm run build src/202402_securite_conteneur.md -- --base presentations/meetup-secu-conteneur-202402 -o ../dist/meetup-secu-conteneur-202402
+      - name: Setup Pages
+        uses: actions/configure-pages@v4
+      - name: Upload artifacts
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: dist
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

.gitignore

@@ -0,0 +1,7 @@
+node_modules
+.DS_Store
+dist
+*.local
+index.html
+.remote-assets
+components.d.ts

.markdownlint.yml

@@ -0,0 +1,5 @@
+default: true
+MD013:              # Line length
+  line_length: 300
+MD025: false        # Multiple top-level headings in the same document
+MD033: false        # Inline HTML

.npmrc

@@ -0,0 +1,3 @@
+# for pnpm
+shamefully-hoist=true
+auto-install-peers=true

CONTRIBUTING.md

@@ -0,0 +1,23 @@
+# How to contribute
+
+## Development guide
+
+This project is using NPM to use packages and run actions. Run `npm install` to install the dependencies.
+
+Presentations are made from Markdown files located in `slides` folder, with [Slidev](https://sli.dev/) ([code](https://github.com/slidevjs/slidev), [docs](https://sli.dev/guide/why.html)).
+
+To start a specific slide show:
+
+- run the website with `npm run dev src/<my-presentation>.md`
+- edit `src/<my-presentation>.md` and see the changes applied automatically on [http://localhost:3030](http://localhost:3030)
+
+💡 Look at the presenter options while presenting (switch dark mode switch for example)
+
+To generate the exports:
+
+- generate a PDF file in dark mode with `npm run export-dark src/<my-presentation>.md`
+
+For additional help on the content:
+
+- [Mermaid Diagramming and charting tool](https://mermaid.js.org/)
+- [UnoCSS](https://uno.antfu.me/)

README.md

@@ -1 +1,19 @@
-# devpro-slides
+# Devpro's presentations
+
+[![Deploy](https://github.com/devpro/presentations/actions/workflows/deploy.yml/badge.svg?branch=main)](https://github.com/devpro/presentations/actions/workflows/deploy.yml)
+
+Source or links to presentations made by Bertrand Thomas.
+
+Feel free to [contribute](CONTRIBUTING.md).
+
+## Content
+
+Title                                                                    | Host       | Source
+-------------------------------------------------------------------------|------------|-------------------------------------------------
+[Angular Dojo](https://slides.com/devprofr/dojo-angular)                 | Slides.com | [html](exports/slides-dojo-angular.html)
+[Azure DevOps 101](https://slides.com/devprofr/azure-devops-101)         | Slides.com | [html](exports/slides-azure-devops-101.html)
+[.NET Core 101](https://slides.com/devprofr/net-core-101)                | Slides.com | [html](exports/slides-net-core-101.html)
+[MongoDB News 2009 Q1](https://slides.com/devprofr/mongodb-news-2019-q1) | Slides.com | [html](exports/slides-mongodb-news-2019-q1.html)
+[Puppet Dojo](https://slides.com/devprofr/dojo-puppet)                   | Slides.com | [html](exports/slides-dojo-puppet.html)
+
+💡 Files in `exports` folder are manually downloaded from [slides.com](https://slides.com/devprofr) as a backup

components/Counter.vue

@@ -0,0 +1,37 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+
+const props = defineProps({
+  count: {
+    default: 0,
+  },
+})
+
+const counter = ref(props.count)
+</script>
+
+<template>
+  <div flex="~" w="min" border="~ main rounded-md">
+    <button
+      border="r main"
+      p="2"
+      font="mono"
+      outline="!none"
+      hover:bg="gray-400 opacity-20"
+      @click="counter -= 1"
+    >
+      -
+    </button>
+    <span m="auto" p="2">{{ counter }}</span>
+    <button
+      border="l main"
+      p="2"
+      font="mono"
+      outline="!none"
+      hover:bg="gray-400 opacity-20"
+      @click="counter += 1"
+    >
+      +
+    </button>
+  </div>
+</template>

docs/github-actions.md

@@ -0,0 +1,9 @@
+# GitHub actions
+
+## Setup
+
+### Enable GitHub Pages
+
+Open the repository in GitHub, go to **Settings** page, click on **Pages** on the left menu.
+
+In **Build and deployment** section, select **GitHub Actions** for the **Source**.