fix pipeline for slides (#218)

* fix pipeline for slides

* remove pullsecret that is not needed anymore

* fix reveal

* fix slides

.github/workflows/build-slides.yaml

@@ -9,7 +9,7 @@ jobs:
   build-slides-stg:
     runs-on: ubuntu-latest
     steps:
-      - 
+      -
         name: Checkout
         uses: actions/checkout@v3
         with:
@@ -22,13 +22,13 @@ jobs:
         uses: docker/setup-buildx-action@v2
       -
         name: Login to Quay.io Container Registry
-        uses: docker/login-action@v2 
+        uses: docker/login-action@v2
         with:
           registry: quay.io
           username: ${{ secrets.QUAYIO_USERNAME }}
           password: ${{ secrets.QUAYIO_TOKEN }}
-      - 
-        name: Build Slides 
+      -
+        name: Build Slides
         uses: docker/build-push-action@v3
         with:
           context: .
@@ -55,12 +55,12 @@ jobs:
         with:
           name: trivy-results-build
           path: trivy-results.txt
-      - 
+      -
         name: Install Kubectl
         uses: azure/setup-kubectl@v3
         with:
           version: v1.21.2
-      - 
+      -
         name: Deploy RevealJS Stg
         env:
           TRAINING_NAMESPACE: 'pitc-ansible-training-stg'

slides/Dockerfile

@@ -4,25 +4,18 @@ ENV NPM_CONFIG_CACHE=/tmp/.npm
 
 WORKDIR /app
 
-RUN --mount=type=secret,id=gitlab_pullsecret PULLSECRET=$(cat /run/secrets/gitlab_pullsecret) \
- && git clone https://github.com/hakimel/reveal.js.git reveal \
- && git clone https://:${PULLSECRET}@gitlab.puzzle.ch/pitc_members/pitc-revealjs-theme.git puzzle-theme \
- && mv puzzle-theme/css/theme/puzzle.css reveal/css/theme/ \
- && mv puzzle-theme/css/theme/source/puzzle.scss reveal/css/theme/source/ \
- && mv puzzle-theme/css/theme/source/puzzle-imgs reveal/css/theme/source/ \
- && rm -rf puzzle-theme \
- && rm -rf reveal/.git/
+RUN git clone https://github.com/hakimel/reveal.js.git reveal
 
 WORKDIR reveal
 
 COPY slides/ansible-techlab ./ansible-techlab
 COPY slides/index.html.patch .
 
 RUN patch --forward --strip=1 index.html --input=index.html.patch \
- && npm install && npm run build -- css-themes
+  && npm install
 
 RUN chgrp -R 0 ${NPM_CONFIG_CACHE} \
  && chmod -R g=u ${NPM_CONFIG_CACHE}
- 
+
 EXPOSE 8000
 CMD ["npm", "start", "--", "--host=0.0.0.0"]

slides/ansible-techlab/puzzle-demo.md

@@ -2,11 +2,11 @@
 
 ### ansible.puzzle.ch
 
-<!-- #### Lukas Grimm -->
+#### Lukas Grimm
 
 <!-- #### Dominik Meisser -->
 
-#### Lukas Preisig
+<!-- #### Lukas Preisig -->
 
 <!-- #### Philippe Schmid -->
 
@@ -16,7 +16,7 @@
 
 <!-- #### Mark Pröhl -->
 
-#### Florian Studer
+<!-- #### Florian Studer -->
 
 <!-- .slide: class="master-cover" -->
 
@@ -27,7 +27,7 @@
 <!--
 <div class="people" style="color: black;">
   <div>
-    <div class="img" style="background-image: url(https://www.puzzle.ch/wp-content/uploads/2019/06/Schmid_Philippe-3-400x300.jpg)" />
+    <div class="img" style="background-image: url(https://www.puzzle.ch/img/2024/06/Schmid_Philippe.jpg?w=900&h=900&fit=crop&fm=webp&q=90&sharp=4&s=f27e83a00061d8aa6266f3092b1b289c)" />
   </div>
 
   ### Philippe Schmid
@@ -38,18 +38,12 @@
 
 -->
 
-<!--
-<div class="people" style="color: black;">
-<div>
-    <div class="img" style="background-image: url(https://www.puzzle.ch/wp-content/uploads/2020/08/Lukas_Grimm_wp-400x300.jpg)" />
-    </div>
+![](https://www.puzzle.ch/img/2024/06/Grimm_Lukas.jpg?w=300&h=300&fit=crop&fm=webp&q=90&sharp=4&s=d42398d9832aa48066cb50daa8a895d6)
 
   ### Lukas Grimm
-  System Engineer
+  Lead System Architect
 
   [email protected]
-</div>
--->
 
 <!--
 <div class="people">
@@ -64,7 +58,7 @@
 </div>
 
 -->
-
+<!--
 <div class="people" style="color: black;">
 <div>
     <div class="img" style="background-image: url(https://www.puzzle.ch/wp-content/uploads/2019/05/Preisig_Lukas-400x300.jpg)" />
@@ -75,7 +69,7 @@
 
   [email protected]
 </div>
-
+-->
 <!--
 <div>
     <div class="img" style="background-image: url(https://www.puzzle.ch/wp-content/uploads/2018/08/Test-Remy-Keil-Filter_2Option-400x300.jpg)" />
@@ -126,7 +120,7 @@ [email protected]
 </div>
 
 -->
-
+<!--
 <div>
 <div class="img" style="background-image: url(https://www.puzzle.ch/wp-content/uploads/2021/06/Florian_Studer_wp-400x300.jpg)" />
 </div>
@@ -138,22 +132,17 @@ [email protected]
 
 </div>
 
-
+-->
 <!-- .slide: class="master-top-head" -->
 
 ***
 ## Alle Puzzler
 
-<div class="people" style="color: black;">
-  <div>
-    <div class="img" style="background-image: url(https://www.puzzle.ch/wp-content/uploads/2021/06/2006-1024.png)" />
-  </div>
+![](https://www.puzzle.ch/img/2024/06/2024_Gruppenfoto_Puzzle-16x9-1000px-Breit.jpg?w=1000&h=561&fit=crop&fm=webp&q=90&sharp=4&s=5ec79746d78173920f663ca911d9ce86)"
 
   ### Members
   https://www.puzzle.ch/de/team
 
-</div>
-
 <!-- .slide: class="master-top-head" -->
 
 ***
@@ -783,13 +772,15 @@ Ein Play ist was, wo wie, gmacht wird
 "Baby-JSON" possible
 
 same as before:
+
 ```yaml
 ---
 - hosts: web
   tasks:
   - name: install httpd
     yum: name=httpd state=installed
 ```
+
 Not Best Practice!
 <!-- .slide: class="master-content" > -->
 
@@ -848,6 +839,7 @@ Why? Where to define variables?
 ***
 ## Where to put variables
 defined in playbook:
+
 ```yaml
 ---
 - hosts: web
@@ -860,12 +852,14 @@ defined in playbook:
       name: "{{ my_package }}"
       state: installed
 ```
+
 <!-- .slide: class="master-content" > -->
 
 ***
 ## Where to put variables
 
 `ansible-playbook myplay.yml --extra-vars my_package="nginx"`
+
 <!-- .slide: class="master-content" > -->
 
 Note:
@@ -933,6 +927,7 @@ https://docs.ansible.com/ansible/latest/user_guide/playbooks_variables.html#unde
 Don't Name your Variables after Magic Variables
 
 ***
+
 ## Bonus Level: Loops!
 ```yaml
 - name: start and enable two services
@@ -951,11 +946,15 @@ Note:
 https://docs.ansible.com/ansible/latest/user_guide/playbooks_loops.html#migrating-to-loop
 
 <!-- .slide: class="master-content" > -->
+
 ***
+
 # Lab 4.1: Ansible Playbooks - Variables and Loops
 
 <!-- .slide: class="master-title" > -->
+
 ***
+
 ## Templates
 
 - "template" is a module

slides/index.html.patch

@@ -1,11 +1,11 @@
 --- index_orig.html	2021-10-27 21:22:24.221941946 +0200
 +++ index.html	2021-10-27 21:07:05.583077961 +0200
 @@ -8,17 +8,20 @@
- 
+
  		<link rel="stylesheet" href="dist/reset.css">
  		<link rel="stylesheet" href="dist/reveal.css">
 -		<link rel="stylesheet" href="dist/theme/black.css">
-+		<link rel="stylesheet" href="dist/theme/puzzle.css" id="theme">
++		<link rel="stylesheet" href="https://puzzle.github.io/pitc-revealjs-theme/2.2.0/puzzle.css" id="theme">
 
  		<!-- Theme used for syntax highlighted code -->
 -		<link rel="stylesheet" href="plugin/highlight/monokai.css">