Initial commit

Dependencies

Change contents

• add root
  [1.0]
  [0.1]
• file addition: .gitignore (----------)
  [0.2]
  + .DS_Store
• file addition: README.md (----------)
  [0.2]
  + # README #

  +

  + The slide deck for my conference talk "A Birds-Eye View of Version Control with Pijul".

  +

  + As presented at:

  +

  + * FrontMania 2022

  +
• file addition: css (d--r------)
  [0.2]
• file addition: frontmania.css (----------)
  [0.226]
  + .slides img {

  + border:0 !important;

  + box-shadow: none !important;

  + }

  + .reveal section img.no-background {

  + background: none;

  + }

  + .stroke {

  + color: white !important;

  + text-shadow:

  + -1px -1px 0 #000,

  + 1px -1px 0 #000,

  + -1px 1px 0 #000,

  + 1px 1px 0 #000 !important;

  + }

  + .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {

  + text-transform: none;

  + }

  + input { font-size: 27px; }

  +

  + tr:hover {

  + background-color: #333;

  + }

  +

  + tr .popup-image {

  + display: none ;

  + }

  +

  + tr:hover .popup-image {

  + display: inline;

  + width: 100px;

  + }

  +

  + a {

  + color: #289BB7 !important;

  + }

  +

  + .reveal .progress span {

  + background: #289BB7 !important;

  + }

  +

  + .reveal ::selection {

  + color: black;

  + background: #289BB7;

  + text-shadow: none;

  + }

  +

  + .reveal ::-moz-selection {

  + color: black;

  + background: #289BB7;

  + text-shadow: none;

  + }

  +

  + .reveal blockquote.explanation {

  + font-style: normal;

  + background: rgba(15, 15, 15, 0.7);

  + }

  +

  + .reveal a.attribution {

  + position: fixed;

  + bottom: 0;

  + right: 0;

  + font-size: 0.3em;

  + text-shadow: none;

  + }

  +

  + .print-pdf .reveal section .attribution {

  + bottom: -50px;

  + position: absolute;

  + }

  +

  + .reveal .rightFooter {

  + position: absolute;

  + bottom: 1em;

  + right: 1em;

  + font-size: 0.5em;

  + }

  +

  + .reveal .leftFooter {

  + position: absolute;

  + bottom: 1em;

  + left: 1em;

  + font-size: 0.5em;

  + }
• file addition: darcula.css (----------)
  [0.226]
  + /*

  +

  + Darcula color scheme from the JetBrains family of IDEs

  +

  + */

  +

  +

  + .hljs {

  + display: block;

  + overflow-x: auto;

  + padding: 0.5em;

  + background: #2b2b2b;

  + color: #bababa;

  + }

  +

  + .hljs-strong,

  + .hljs-emphasis {

  + color: #a8a8a2;

  + }

  +

  + .hljs-bullet,

  + .hljs-quote,

  + .hljs-link,

  + .hljs-number,

  + .hljs-regexp,

  + .hljs-literal {

  + color: #6896ba;

  + }

  +

  + .hljs-code,

  + .hljs-selector-class {

  + color: #a6e22e;

  + }

  +

  + .hljs-emphasis {

  + font-style: italic;

  + }

  +

  + .hljs-keyword,

  + .hljs-selector-tag,

  + .hljs-section,

  + .hljs-attribute,

  + .hljs-name,

  + .hljs-variable {

  + color: #cb7832;

  + }

  +

  + .hljs-params {

  + color: #b9b9b9;

  + }

  +

  + .hljs-string {

  + color: #6a8759;

  + }

  +

  + .hljs-subst,

  + .hljs-type,

  + .hljs-built_in,

  + .hljs-builtin-name,

  + .hljs-symbol,

  + .hljs-selector-id,

  + .hljs-selector-attr,

  + .hljs-selector-pseudo,

  + .hljs-template-tag,

  + .hljs-template-variable,

  + .hljs-addition {

  + color: #e0c46c;

  + }

  +

  + .hljs-comment,

  + .hljs-deletion,

  + .hljs-meta {

  + color: #7f7f7f;

  + }
• file addition: darcula.css (----------)
  [0.226]
  + /*

  +

  + Darcula color scheme from the JetBrains family of IDEs

  +

  + */

  +

  +

  + .hljs {

  + display: block;

  + overflow-x: auto;

  + padding: 0.5em;

  + background: #2b2b2b;

  + color: #bababa;

  + }

  +

  + .hljs-strong,

  + .hljs-emphasis {

  + color: #a8a8a2;

  + }

  +

  + .hljs-bullet,

  + .hljs-quote,

  + .hljs-link,

  + .hljs-number,

  + .hljs-regexp,

  + .hljs-literal {

  + color: #6896ba;

  + }

  +

  + .hljs-code,

  + .hljs-selector-class {

  + color: #a6e22e;

  + }

  +

  + .hljs-emphasis {

  + font-style: italic;

  + }

  +

  + .hljs-keyword,

  + .hljs-selector-tag,

  + .hljs-section,

  + .hljs-attribute,

  + .hljs-name,

  + .hljs-variable {

  + color: #cb7832;

  + }

  +

  + .hljs-params {

  + color: #b9b9b9;

  + }

  +

  + .hljs-string {

  + color: #6a8759;

  + }

  +

  + .hljs-subst,

  + .hljs-type,

  + .hljs-built_in,

  + .hljs-builtin-name,

  + .hljs-symbol,

  + .hljs-selector-id,

  + .hljs-selector-attr,

  + .hljs-selector-pseudo,

  + .hljs-template-tag,

  + .hljs-template-variable,

  + .hljs-addition {

  + color: #e0c46c;

  + }

  +

  + .hljs-comment,

  + .hljs-deletion,

  + .hljs-meta {

  + color: #7f7f7f;

  + }
• file addition: frontmania.css (----------)
  [0.226]
  + .slides img {

  + border:0 !important;

  + box-shadow: none !important;

  + }

  + .reveal section img.no-background {

  + background: none;

  + }

  + .stroke {

  + color: white !important;

  + text-shadow:

  + -1px -1px 0 #000,

  + 1px -1px 0 #000,

  + -1px 1px 0 #000,

  + 1px 1px 0 #000 !important;

  + }

  + .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {

  + text-transform: none;

  + }

  + input { font-size: 27px; }

  +

  + tr:hover {

  + background-color: #333;

  + }

  +

  + tr .popup-image {

  + display: none ;

  + }

  +

  + tr:hover .popup-image {

  + display: inline;

  + width: 100px;

  + }

  +

  + a {

  + color: #289BB7 !important;

  + }

  +

  + .reveal .progress span {

  + background: #289BB7 !important;

  + }

  +

  + .reveal ::selection {

  + color: black;

  + background: #289BB7;

  + text-shadow: none;

  + }

  +

  + .reveal ::-moz-selection {

  + color: black;

  + background: #289BB7;

  + text-shadow: none;

  + }

  +

  + .reveal blockquote.explanation {

  + font-style: normal;

  + background: rgba(15, 15, 15, 0.7);

  + }

  +

  + .reveal a.attribution {

  + position: fixed;

  + bottom: 0;

  + right: 0;

  + font-size: 0.3em;

  + text-shadow: none;

  + }

  +

  + .print-pdf .reveal section .attribution {

  + bottom: -50px;

  + position: absolute;

  + }

  +

  + .reveal .rightFooter {

  + position: absolute;

  + bottom: 1em;

  + right: 1em;

  + font-size: 0.5em;

  + }

  +

  + .reveal .leftFooter {

  + position: absolute;

  + bottom: 1em;

  + left: 1em;

  + font-size: 0.5em;

  + }
• file addition: img (d--r------)
  [0.2]
• file addition: logos (d--r------)
  [0.4883]
• file addition: jfall.png (----------)
  [0.4900]
• file addition: info-support.png (----------)
  [0.4900]
• file addition: frontmania.png (----------)
  [0.4900]
• file addition: devoxx-uk.png (----------)
  [0.4900]
• file addition: icons (d--r------)
  [0.4883]
• file addition: website.png (----------)
  [0.301721]
• file addition: twitter.png (----------)
  [0.301721]
• file addition: twitter-white.png (----------)
  [0.301721]
• file addition: slide-deck.png (----------)
  [0.301721]
• file addition: github.png (----------)
  [0.301721]
• file addition: envelope.png (----------)
  [0.301721]
• file addition: email.jpg (----------)
  [0.301721]
• file addition: background (d--r------)
  [0.4883]
• file addition: window-blinds-folder-cabinet.jpg (----------)
  [0.441884]
• file addition: what-goes-up-must-come-down.jpg (----------)
  [0.441884]
• file addition: vote.jpg (----------)
  [0.441884]
• file addition: version-control-timeline.png (----------)
  [0.441884]
• file addition: version-control-history-poster.png (----------)
  [0.441884]
• file addition: vcs-popularity-graph.png (----------)
  [0.441884]
• file addition: usb-sticks.jpg (----------)
  [0.441884]
• file addition: three-envelopes.jpg (----------)
  [0.441884]
• file addition: there-are-two-types-of-people.png (----------)
  [0.441884]
• file addition: the-browser-wars-2005.png (----------)
  [0.441884]
• file addition: sun-through-treetops.jpg (----------)
  [0.441884]
• file addition: speeding-camera.jpg (----------)
  [0.441884]
• file addition: skyscrapers.jpg (----------)
  [0.441884]
• file addition: raised-hands.jpg (----------)
  [0.441884]
• file addition: questions-monopoly.jpeg (----------)
  [0.441884]
• file addition: question-mark.jpg (----------)
  [0.441884]
• file addition: problem-encountered.jpg (----------)
  [0.441884]
• file addition: pijul.jpg (----------)
  [0.441884]
• file addition: people-skills-meme.jpg (----------)
  [0.441884]
• file addition: passport-scanning.jpg (----------)
  [0.441884]
• file addition: ovh-fire.jpeg (----------)
  [0.441884]
• file addition: multiple-gears.jpg (----------)
  [0.441884]
• file addition: mailboxes.jpg (----------)
  [0.441884]
• file addition: macbook.jpg (----------)
  [0.441884]
• file addition: lots-of-people.jpg (----------)
  [0.441884]
• file addition: lightbulb.jpg (----------)
  [0.441884]
• file addition: jcon-title.png (----------)
  [0.441884]
• file addition: java-coffee.jpeg (----------)
  [0.441884]
• file addition: implementation-decision.jpg (----------)
  [0.441884]
• file addition: hyperspace.gif (----------)
  [0.441884]
• file addition: hosting-platform-support.png (----------)
  [0.441884]
• file addition: gears.jpg (----------)
  [0.441884]
• file addition: further-reading.jpg (----------)
  [0.441884]
• file addition: fractal-chaos.jpg (----------)
  [0.441884]
• file addition: crystal-ball.jpg (----------)
  [0.441884]
• file addition: code.jpg (----------)
  [0.441884]
• file addition: chess-champion.jpg (----------)
  [0.441884]
• file addition: check-ocr-a.jpg (----------)
  [0.441884]
• file addition: change-is-the-only-constant.jpg (----------)
  [0.441884]
• file addition: browser-shares-2007-2018.jpg (----------)
  [0.441884]
• file addition: book-scanner.jpg (----------)
  [0.441884]
• file addition: bitkeeper-goes-commercial.png (----------)
  [0.441884]
• file addition: bill-gates-2004.jpg (----------)
  [0.441884]
• file addition: audience.JPG (----------)
  [0.441884]
• file addition: archive-page-design.png (----------)
  [0.441884]
• file addition: archery.jpg (----------)
  [0.441884]
• file addition: apple-newton.jpg (----------)
  [0.441884]
• file addition: window-blinds-folder-cabinet.jpg (----------)
  [0.441884]
• file addition: what-goes-up-must-come-down.jpg (----------)
  [0.441884]
• file addition: vote.jpg (----------)
  [0.441884]
• file addition: version-control-timeline.png (----------)
  [0.441884]
• file addition: version-control-history-poster.png (----------)
  [0.441884]
• file addition: vcs-popularity-graph.png (----------)
  [0.441884]
• file addition: usb-sticks.jpg (----------)
  [0.441884]
• file addition: three-envelopes.jpg (----------)
  [0.441884]
• file addition: there-are-two-types-of-people.png (----------)
  [0.441884]
• file addition: the-browser-wars-2005.png (----------)
  [0.441884]
• file addition: sun-through-treetops.jpg (----------)
  [0.441884]
• file addition: speeding-camera.jpg (----------)
  [0.441884]
• file addition: skyscrapers.jpg (----------)
  [0.441884]
• file addition: raised-hands.jpg (----------)
  [0.441884]
• file addition: questions-monopoly.jpeg (----------)
  [0.441884]
• file addition: question-mark.jpg (----------)
  [0.441884]
• file addition: problem-encountered.jpg (----------)
  [0.441884]
• file addition: pijul.jpg (----------)
  [0.441884]
• file addition: people-skills-meme.jpg (----------)
  [0.441884]
• file addition: passport-scanning.jpg (----------)
  [0.441884]
• file addition: ovh-fire.jpeg (----------)
  [0.441884]
• file addition: multiple-gears.jpg (----------)
  [0.441884]
• file addition: mailboxes.jpg (----------)
  [0.441884]
• file addition: macbook.jpg (----------)
  [0.441884]
• file addition: lots-of-people.jpg (----------)
  [0.441884]
• file addition: lightbulb.jpg (----------)
  [0.441884]
• file addition: jcon-title.png (----------)
  [0.441884]
• file addition: java-coffee.jpeg (----------)
  [0.441884]
• file addition: implementation-decision.jpg (----------)
  [0.441884]
• file addition: hyperspace.gif (----------)
  [0.441884]
• file addition: hosting-platform-support.png (----------)
  [0.441884]
• file addition: gears.jpg (----------)
  [0.441884]
• file addition: further-reading.jpg (----------)
  [0.441884]
• file addition: fractal-chaos.jpg (----------)
  [0.441884]
• file addition: crystal-ball.jpg (----------)
  [0.441884]
• file addition: code.jpg (----------)
  [0.441884]
• file addition: chess-champion.jpg (----------)
  [0.441884]
• file addition: check-ocr-a.jpg (----------)
  [0.441884]
• file addition: change-is-the-only-constant.jpg (----------)
  [0.441884]
• file addition: browser-shares-2007-2018.jpg (----------)
  [0.441884]
• file addition: book-scanner.jpg (----------)
  [0.441884]
• file addition: bitkeeper-goes-commercial.png (----------)
  [0.441884]
• file addition: bill-gates-2004.jpg (----------)
  [0.441884]
• file addition: audience.JPG (----------)
  [0.441884]
• file addition: archive-page-design.png (----------)
  [0.441884]
• file addition: archery.jpg (----------)
  [0.441884]
• file addition: apple-newton.jpg (----------)
  [0.441884]
• file addition: apple-newton.jpg (----------)
  [0.441884]
• file addition: archery.jpg (----------)
  [0.441884]
• file addition: archive-page-design.png (----------)
  [0.441884]
• file addition: audience.JPG (----------)
  [0.441884]
• file addition: bill-gates-2004.jpg (----------)
  [0.441884]
• file addition: bitkeeper-goes-commercial.png (----------)
  [0.441884]
• file addition: book-scanner.jpg (----------)
  [0.441884]
• file addition: browser-shares-2007-2018.jpg (----------)
  [0.441884]
• file addition: change-is-the-only-constant.jpg (----------)
  [0.441884]
• file addition: check-ocr-a.jpg (----------)
  [0.441884]
• file addition: chess-champion.jpg (----------)
  [0.441884]
• file addition: code.jpg (----------)
  [0.441884]
• file addition: crystal-ball.jpg (----------)
  [0.441884]
• file addition: fractal-chaos.jpg (----------)
  [0.441884]
• file addition: further-reading.jpg (----------)
  [0.441884]
• file addition: gears.jpg (----------)
  [0.441884]
• file addition: hosting-platform-support.png (----------)
  [0.441884]
• file addition: hyperspace.gif (----------)
  [0.441884]
• file addition: implementation-decision.jpg (----------)
  [0.441884]
• file addition: java-coffee.jpeg (----------)
  [0.441884]
• file addition: jcon-title.png (----------)
  [0.441884]
• file addition: lightbulb.jpg (----------)
  [0.441884]
• file addition: lots-of-people.jpg (----------)
  [0.441884]
• file addition: macbook.jpg (----------)
  [0.441884]
• file addition: mailboxes.jpg (----------)
  [0.441884]
• file addition: multiple-gears.jpg (----------)
  [0.441884]
• file addition: ovh-fire.jpeg (----------)
  [0.441884]
• file addition: passport-scanning.jpg (----------)
  [0.441884]
• file addition: people-skills-meme.jpg (----------)
  [0.441884]
• file addition: pijul.jpg (----------)
  [0.441884]
• file addition: problem-encountered.jpg (----------)
  [0.441884]
• file addition: question-mark.jpg (----------)
  [0.441884]
• file addition: questions-monopoly.jpeg (----------)
  [0.441884]
• file addition: raised-hands.jpg (----------)
  [0.441884]
• file addition: skyscrapers.jpg (----------)
  [0.441884]
• file addition: speeding-camera.jpg (----------)
  [0.441884]
• file addition: sun-through-treetops.jpg (----------)
  [0.441884]
• file addition: the-browser-wars-2005.png (----------)
  [0.441884]
• file addition: there-are-two-types-of-people.png (----------)
  [0.441884]
• file addition: three-envelopes.jpg (----------)
  [0.441884]
• file addition: usb-sticks.jpg (----------)
  [0.441884]
• file addition: vcs-popularity-graph.png (----------)
  [0.441884]
• file addition: version-control-history-poster.png (----------)
  [0.441884]
• file addition: version-control-timeline.png (----------)
  [0.441884]
• file addition: vote.jpg (----------)
  [0.441884]
• file addition: what-goes-up-must-come-down.jpg (----------)
  [0.441884]
• file addition: window-blinds-folder-cabinet.jpg (----------)
  [0.441884]
• file addition: website.png (----------)
  [0.301721]
• file addition: twitter.png (----------)
  [0.301721]
• file addition: twitter-white.png (----------)
  [0.301721]
• file addition: slide-deck.png (----------)
  [0.301721]
• file addition: github.png (----------)
  [0.301721]
• file addition: envelope.png (----------)
  [0.301721]
• file addition: email.jpg (----------)
  [0.301721]
• file addition: email.jpg (----------)
  [0.301721]
• file addition: envelope.png (----------)
  [0.301721]
• file addition: github.png (----------)
  [0.301721]
• file addition: slide-deck.png (----------)
  [0.301721]
• file addition: twitter-white.png (----------)
  [0.301721]
• file addition: twitter.png (----------)
  [0.301721]
• file addition: website.png (----------)
  [0.301721]
• file addition: jfall.png (----------)
  [0.4900]
• file addition: info-support.png (----------)
  [0.4900]
• file addition: frontmania.png (----------)
  [0.4900]
• file addition: devoxx-uk.png (----------)
  [0.4900]
• file addition: devoxx-uk.png (----------)
  [0.4900]
• file addition: frontmania.png (----------)
  [0.4900]
• file addition: info-support.png (----------)
  [0.4900]
• file addition: jfall.png (----------)
  [0.4900]
• file addition: index.html (----------)
  [0.2]
  + <!DOCTYPE html>

  + <html lang="en">

  +

  + <head>

  + <meta charset="utf-8">

  +

  + <title>A Bird's-Eye View of Version Control with Pijul</title>

  +

  + <meta name="description" content="">

  + <meta name="author" content="Hanno Embregts">

  +

  + <meta name="apple-mobile-web-app-capable" content="yes">

  + <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

  +

  + <meta name="viewport" content="width=device-width, initial-scale=1.0">

  +

  + <link rel="stylesheet" href="../../dist/reset.css">

  + <link rel="stylesheet" href="../../dist/reveal.css">

  + <link rel="stylesheet" href="../../dist/theme/blood.css" id="theme">

  + <link rel="stylesheet" href="css/frontmania.css" id="custom">

  + <link rel="preconnect" href="https://fonts.gstatic.com">

  + <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Fira+Code&display=swap">

  +

  + <!-- Theme used for syntax highlighting of code -->

  + <link rel="stylesheet" href="css/darcula.css" id="highlight-theme">

  + </head>

  +

  + <body>

  +

  + <div class="reveal">

  +

  + <!-- Any section element inside of this container is displayed as a slide -->

  + <div class="slides">

  +

  + <section data-markdown="sections/0-welcome.md" data-separator="^\r?\n------\r?\n$"

  + data-separator-vertical="^\r?\n---\r?\n$">

  + </section>

  +

  + <section data-markdown="sections/a-wrap-up.md" data-separator="^\r?\n------\r?\n$"

  + data-separator-vertical="^\r?\n---\r?\n$">

  + </section>

  +

  + </div>

  +

  + <div class="leftFooter">

  + <a href="https://twitter.com/hannotify">#FrontMania #Pijul</a>

  + </div>

  + <div class="rightFooter">

  + <a href="https://twitter.com/hannotify">@hannotify</a>

  + </div>

  + </div>

  +

  + <script src="../../dist/reveal.js"></script>

  + <script src="../../plugin/zoom/zoom.js"></script>

  + <script src="../../plugin/notes/notes.js"></script>

  + <script src="../../plugin/search/search.js"></script>

  + <script src="../../plugin/markdown/markdown.js"></script>

  + <script src="../../plugin/highlight/highlight.js"></script>

  + <script>

  +

  + // Also available as an ES module, see:

  + // https://revealjs.com/initialization/

  + Reveal.initialize({

  + controls: false,

  + progress: true,

  + center: true,

  + history: true,

  + hash: true,

  + keyboard: {

  + 39: 'next',

  + 37: 'prev'

  + },

  + showHiddenSlides: true,

  + transition: 'fade', // none/fade/slide/convex/concave/zoom

  + // Learn about plugins: https://revealjs.com/plugins/

  + plugins: [RevealZoom, RevealNotes, RevealSearch, RevealMarkdown, RevealHighlight]

  + });

  + Reveal.configure({

  + pdfSeparateFragments: false

  + });

  + </script>

  + </body>

  +

  + </html>
• file addition: sections (d--r------)
  [0.2]
• file addition: b-extra-content.md (----------)
  [0.163536244]
• file addition: a-wrap-up.md (----------)
  [0.163536244]
  + ## Thank you! 🙂

  +

  + <table>

  + <tr>

  + <td style="text-align: right; vertical-align: middle;"><img width="20%"

  + data-src="img/icons/website.png" class="no-background" /></td>

  + <td style="vertical-align: middle;"><a

  + href="https://hanno.codes">hanno.codes</a></td>

  + </tr>

  + <tr>

  + <td style="text-align: right; vertical-align: middle;"><img width="20%"

  + data-src="img/icons/twitter-white.png" class="no-background" /></td>

  + <td style="vertical-align: middle;"><a

  + href="https://www.twitter.com/hannotify">@hannotify</a></td>

  + </tr>

  + <tr>

  + <td style="text-align: right; vertical-align: middle;"><img width="20%"

  + data-src="img/icons/envelope.png" class="no-background" /></td>

  + <td style="vertical-align: middle;"><a

  + href="mailto:hanno.embregts@infosupport.com">hanno.embregts@infosupport.com</a></td>

  + </tr>

  + </table>
• file addition: 0-welcome.md (----------)
  [0.163536244]
  + ### A Birds-Eye View of Version Control with

  + # Pijul

  +

  + <table>

  + <tr>

  + <td style="vertical-align: middle;">Hanno Embregts</td>

  + <td style="text-align: right;"><img width="20%" data-src="img/icons/twitter-white.png" class="no-background"/></td>

  + <td style="vertical-align: middle; padding: 0 0 0 0"><a href="https://www.twitter.com/hannotify">@hannotify</a></td>

  + </tr>

  + </table>

  + <img data-src="img/logos/frontmania.png" width="25%" class="no-background"/>

  + <br/>

  +

  + note:

  +

  + *Voorbereidingen*:

  +

  + * ...

  +

  + Hi, my name is Hanno.

  + I work at Info Support as an IT consultant.
• file addition: 0-welcome.md (----------)
  [0.163536244]
  + ### A Birds-Eye View of Version Control with

  + # Pijul

  +

  + <table>

  + <tr>

  + <td style="vertical-align: middle;">Hanno Embregts</td>

  + <td style="text-align: right;"><img width="20%" data-src="img/icons/twitter-white.png" class="no-background"/></td>

  + <td style="vertical-align: middle; padding: 0 0 0 0"><a href="https://www.twitter.com/hannotify">@hannotify</a></td>

  + </tr>

  + </table>

  + <img data-src="img/logos/frontmania.png" width="25%" class="no-background"/>

  + <br/>

  +

  + note:

  +

  + *Voorbereidingen*:

  +

  + * ...

  +

  + Hi, my name is Hanno.

  + I work at Info Support as an IT consultant.
• file addition: a-wrap-up.md (----------)
  [0.163536244]
  + ## Thank you! 🙂

  +

  + <table>

  + <tr>

  + <td style="text-align: right; vertical-align: middle;"><img width="20%"

  + data-src="img/icons/website.png" class="no-background" /></td>

  + <td style="vertical-align: middle;"><a

  + href="https://hanno.codes">hanno.codes</a></td>

  + </tr>

  + <tr>

  + <td style="text-align: right; vertical-align: middle;"><img width="20%"

  + data-src="img/icons/twitter-white.png" class="no-background" /></td>

  + <td style="vertical-align: middle;"><a

  + href="https://www.twitter.com/hannotify">@hannotify</a></td>

  + </tr>

  + <tr>

  + <td style="text-align: right; vertical-align: middle;"><img width="20%"

  + data-src="img/icons/envelope.png" class="no-background" /></td>

  + <td style="vertical-align: middle;"><a

  + href="mailto:hanno.embregts@infosupport.com">hanno.embregts@infosupport.com</a></td>

  + </tr>

  + </table>
• file addition: b-extra-content.md (----------)
  [0.163536244]