Flashtalks #34

Prezentacja by Devops, czyli CI/CD twojej prezentacji

Flashtalks #34 - 25.03.2021

Daniel Król

DevOps Engineer @ TouK

dkr.sh

Nie będę opowiadać o tym jak tworzyć poprawnie pipeline`y

smutnazaba.jpg

Ale opowiem wam o tym jak przygotować i opublikować taką prezentacje

Reveal.js

Reveal.js

Open source HTML framework

Reveal.js

Open source HTML framework

Pozwalający zrobić w prosty sposób schludną i dynamiczną prezentacje

Ficzery

Kod w prezentacji


services:
  elasticsearch:
    image: elasticsearch:7.16.1
    container_name: es
    environment:
      discovery.type: single-node
      ES_JAVA_OPTS: "-Xms512m -Xmx512m"
    ports:
      - "9200:9200"
      - "9300:9300"
    healthcheck:
      test: ["CMD-SHELL", "curl --silent --fail localhost:9200/_cluster/health || exit 1"]
      interval: 10s
      timeout: 10s
      retries: 3
    networks:
      - elastic
  logstash:
    image: logstash:7.16.1
    container_name: log
    environment:
      discovery.seed_hosts: logstash
      LS_JAVA_OPTS: "-Xms512m -Xmx512m"
    volumes:
      - ./logstash/pipeline/logstash-nginx.config:/usr/share/logstash/pipeline/logstash-nginx.config
      - ./logstash/nginx.log:/home/nginx.log
    ports:
      - "5000:5000/tcp"
      - "5000:5000/udp"
      - "5044:5044"
      - "9600:9600"
    depends_on:
      - elasticsearch
    networks:
      - elastic
    command: logstash -f /usr/share/logstash/pipeline/logstash-nginx.config
  kibana:
    image: kibana:7.16.1
    container_name: kib
    ports:
      - "5601:5601"
    depends_on:
      - elasticsearch
    networks:
      - elastic
networks:
  elastic:
    driver: bridge
					

Z animacjami

Iframe Backgrounds

Łatwo można umieścić inną stronę jako (interaktywne) tło

Video Backgrounds

<section data-background-video="video.mp4">

Speaker view

Oraz wiele innych

  • Fragment
  • Auto-animation
  • Themes
  • Auto-Slide
  • Touch-screen support
  • PDF Export
Gitlab Pages

Z tym CI/CD

to troche scam był...

Ja: Mamo możemy CI/CD?

Mama: Nie, przeież mamy CI/CD w domu.

CI/CD w Domu:

CI/CD


image: alpine:latest

pages:
  stage: deploy
  script:
    - mkdir /public
    - cp -R * /public/
    - mv /public public
  artifacts:
    paths:
      - public/
  only:
    - main
                

Zalety

  • Presentation as Code (PaC?)
  • No c'mon as code
  • Łatwo udostępnić
  • GIT
  • pull-requesty... albo Pair programming
  • Dynamiczność
  • Schludność

Wady

  • Brak? no dobra HTML i JS
Pytania?
Dziękuję za uwagę