hannotify/will-git-be-around-forever - Change W7EIQGVREWJ4PVVOITTPG2WXRO4IJFX3UDX2FAEM3DTPKFEYWZLAC

Progress

Created by Hanno Embregts on September 16, 2021

W7EIQGVREWJ4PVVOITTPG2WXRO4IJFX3UDX2FAEM3DTPKFEYWZLAC

Dependencies

In channels

main

Change contents

Deletion in index.html at line 3 [4.29501907]
B:BD[4.29501941] → [5.1:43]
```
    <head>
        <meta charset="utf-8">
```

Replacement in index.html at line 4 [4.29501907]

B:BD[4.29501975] → [5.44:125]

        <title>Will Git Be Around Forever? A List of Possible Successors</title>

[4.29501975]

[4.29502050]

<head>
    <meta charset="utf-8">

Replacement in index.html at line 7 [4.29501907]

B:BD[4.29502051] → [5.126:682]

∅:D[5.682] → [4.29502532:29502598]

B:BD[4.29502532] → [4.29502532:29502598]

B:BD[4.29502598] → [5.683:1027]

        <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/custom.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="../../plugin/highlight/darcula.css" id="highlight-theme">
    </head>

[4.29502051]

[4.29502598]

    <title>Will Git Be Around Forever? A List of Possible Successors</title>

Replacement in index.html at line 9 [4.29501907]

B:BD[4.29502599] → [5.1028:1039]

    <body>

[4.29502599]

[4.29502700]

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

Replacement in index.html at line 12 [4.29501907]

B:BD[4.29502701] → [5.1040:1069]

        <div class="reveal">

[4.29502701]

[4.29503050]

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

Replacement in index.html at line 15 [4.29501907]

B:BD[4.29503051] → [5.1070:1193]

            <!-- Any section element inside of this container is displayed as a slide -->
            <div class="slides">

[4.29503051]

[4.29503147]

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

Replacement in index.html at line 17 [4.29501907]

B:BD[4.29503148] → [5.1194:1411]

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

[4.29503148]

[4.29503156]

    <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/custom.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">

Replacement in index.html at line 24 [4.29501907]

B:BD[4.29503157] → [5.1412:1629]

                <section data-markdown="sections/1-preface.md"
                        data-separator="^\r?\n------\r?\n$"
                        data-separator-vertical="^\r?\n---\r?\n$">
                </section>

[4.29503157]

[4.29503180]

    <!-- Theme used for syntax highlighting of code -->
    <link rel="stylesheet" href="../../plugin/highlight/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/1-preface.md" data-separator="^\r?\n------\r?\n$"
                data-separator-vertical="^\r?\n---\r?\n$">
            </section>

Replacement in index.html at line 43 [4.29501907]

B:BD[4.29503181] → [5.1630:1843]

                <section data-markdown="sections/2-git.md"
                        data-separator="^\r?\n------\r?\n$"
                        data-separator-vertical="^\r?\n---\r?\n$">
                </section>

[4.29503181]

[6.10651]

            <section data-markdown="sections/2-git.md" data-separator="^\r?\n------\r?\n$"
                data-separator-vertical="^\r?\n---\r?\n$">
            </section>
            <section data-markdown="sections/3-the-browser-wars.md" data-separator="^\r?\n------\r?\n$"
                data-separator-vertical="^\r?\n---\r?\n$">
            </section>
            <section data-markdown="sections/4-four-new-kids-on-the-block.md" data-separator="^\r?\n------\r?\n$"
                data-separator-vertical="^\r?\n---\r?\n$">
            </section>

Replacement in index.html at line 55 [4.29501907]

B:BD[6.10652] → [5.1844:2070]

                <section data-markdown="sections/3-the-browser-wars.md"
                        data-separator="^\r?\n------\r?\n$"
                        data-separator-vertical="^\r?\n---\r?\n$">
                </section>

[6.10652]

[6.11117]

            <section data-markdown="sections/5-fossil.md" data-separator="^\r?\n------\r?\n$"
                data-separator-vertical="^\r?\n---\r?\n$">
            </section>

Replacement in index.html at line 59 [4.29501907]

B:BD[6.11118] → [5.2071:2307]

                <section data-markdown="sections/4-four-new-kids-on-the-block.md"
                        data-separator="^\r?\n------\r?\n$"
                        data-separator-vertical="^\r?\n---\r?\n$">
                </section>

[6.11118]

[6.11458]

            <section data-markdown="sections/6-pijul.md" data-separator="^\r?\n------\r?\n$"
                data-separator-vertical="^\r?\n---\r?\n$">
            </section>

Replacement in index.html at line 63 [4.29501907]

B:BD[6.11459] → [5.2308:2524]

                <section data-markdown="sections/5-fossil.md"
                        data-separator="^\r?\n------\r?\n$"
                        data-separator-vertical="^\r?\n---\r?\n$">
                </section>

[6.11459]

[6.11614]

            <section data-markdown="sections/7-predictions.md" data-separator="^\r?\n------\r?\n$"
                data-separator-vertical="^\r?\n---\r?\n$">
            </section>

Replacement in index.html at line 67 [4.29501907]

B:BD[6.11615] → [5.2525:2713]

                <section data-markdown="sections/6-pijul.md"
                        data-separator="^\r?\n------\r?\n$"
                        data-separator-vertical="^\r?\n---\r?\n$">

[6.11615]

[5.2713]

            <section>
                <section data-background="img/background/further-reading.jpg" data-background-color="black"
                    data-background-opacity="0.5">
                    <h1 class="stroke"><strong>Further reading</strong></h1>
                    <a href="https://www.pexels.com/photo/white-teddy-bear-reading-book-33196/"
                        class="attribution">https://www.pexels.com/photo/white-teddy-bear-reading-book-33196/</a>

Replacement in index.html at line 75 [4.29501907]

B:BD[4.29504146] → [5.2741:2974]

                <section data-markdown="sections/7-predictions.md"
                        data-separator="^\r?\n------\r?\n$"
                        data-separator-vertical="^\r?\n---\r?\n$">
                </section>

[4.29504146]

[6.11833]

                <section>
                    <h2>Further reading</h2>
                    <ul>
                        <li class="fragment fade-in-then-semi-out">"Beyond Git" (by Paweł Świątkowski)
                            <br /><small><a
                                    href="http://katafrakt.me/2017/05/27/beyond-git/">http://katafrakt.me/2017/05/27/beyond-git/</a></small>
                        </li>
                        <li class="fragment fade-in-then-semi-out">"Merging, patches and Pijul" (by Joe Neeman)
                            <br /><small><a
                                    href="https://jneem.github.io/pijul/">https://jneem.github.io/pijul/</a></small>
                        </li>
                        <li class="fragment fade-in-then-semi-out">"The Pijul Manual"
                            <br /><small><a
                                    href="https://pijul.org/manual/introduction.html">https://pijul.org/manual/introduction.html</a></small>
                        </li>
                    </ul>

Replacement in index.html at line 92 [4.29501907]

B:BD[6.11834] → [5.2975:3446]

                <section>
                    <section data-background="img/background/further-reading.jpg" data-background-color="black" data-background-opacity="0.5">
                        <h1 class="stroke"><strong>Further reading</strong></h1>
                        <a href="https://www.pexels.com/photo/white-teddy-bear-reading-book-33196/" class="attribution">https://www.pexels.com/photo/white-teddy-bear-reading-book-33196/</a>
                    </section>

[6.11834]

[7.4216537]

                    <aside class="notes">
                        <strong>Time Elapsed: 45 min.</strong>

Replacement in index.html at line 95 [4.29501907]

B:BD[7.4216538] → [5.3447:4435]

                    <section>
                        <h2>Further reading</h2>
                        <ul>
                            <li class="fragment fade-in-then-semi-out">"Beyond Git" (by Paweł Świątkowski)
                                <br/><small><a href="http://katafrakt.me/2017/05/27/beyond-git/">http://katafrakt.me/2017/05/27/beyond-git/</a></small>
                            </li>
                            <li class="fragment fade-in-then-semi-out">"Merging, patches and Pijul" (by Joe Neeman)
                                <br/><small><a href="https://jneem.github.io/pijul/">https://jneem.github.io/pijul/</a></small>
                            </li>
                            <li class="fragment fade-in-then-semi-out">"The Pijul Manual"
                                <br/><small><a href="https://pijul.org/manual/introduction.html">https://pijul.org/manual/introduction.html</a></small>
                            </li>
                        </ul>

[7.4216538]

[8.330215]

                        If you want to read a bit more on the subject, here are some great articles that I read during
                        the preparation of this talk.
                    </aside>
                </section>
            </section>

Replacement in index.html at line 101 [4.29501907]

B:BD[8.330216] → [5.4436:4795]

                        <aside class="notes">
                            <strong>Time Elapsed: 45 min.</strong>
                            
                            If you want to read a bit more on the subject, here are some great articles that I read during the preparation of this talk.
                        </aside>
                    </section>

[8.330216]

[5.4795]

            <section>
                <section data-background="img/background/questions-monopoly.jpeg" data-background-color="black"
                    data-background-opacity="0.5">
                    <h1 class="stroke"><strong>Any questions?</strong></h1>
                    <a href="https://www.pexels.com/photo/monopoly-car-piece-1634213/"
                        class="attribution">https://www.pexels.com/photo/monopoly-car-piece-1634213/</a>

Replacement in index.html at line 110 [4.29501907]

∅:D[5.4849] → [4.29504569:29504716]

B:BD[4.29504569] → [4.29504569:29504716]

B:BD[4.29504716] → [5.4850:6955]

                    <section data-background="img/background/questions-monopoly.jpeg" data-background-color="black" data-background-opacity="0.5">
                        <h1 class="stroke"><strong>Any questions?</strong></h1>
                        <a href="https://www.pexels.com/photo/monopoly-car-piece-1634213/" class="attribution">https://www.pexels.com/photo/monopoly-car-piece-1634213/</a>
                    </section>
                    
                    <section>
                        <h2>Thank you! ☺️</h2>
                        <br/>
                        <table>
                            <tr>
                                <td style="text-align: right; vertical-align: middle;"><img width="20%" data-src="img/icons/slide-deck.png" class="no-background"/></td>
                                <td style="vertical-align: middle;"><a href="https://nest.pijul.com/hannotify/will-git-be-around-forever-slides">https://nest.pijul.com/hannotify/will-git-be-around-forever-slides</a></td>
                            </tr>
                            <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://hannotify.github.io">https://hannotify.github.io</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>
                    </section>

[5.4849]

[4.29506166]

                    <h2>Thank you! ☺️</h2>
                    <br />
                    <table>
                        <tr>
                            <td style="text-align: right; vertical-align: middle;"><img width="20%"
                                    data-src="img/icons/slide-deck.png" class="no-background" /></td>
                            <td style="vertical-align: middle;"><a
                                    href="https://nest.pijul.com/hannotify/will-git-be-around-forever-slides">https://nest.pijul.com/hannotify/will-git-be-around-forever-slides</a>
                            </td>
                        </tr>
                        <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://hannotify.github.io">https://hannotify.github.io</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>

Replacement in index.html at line 140 [4.29501907]
B:BD[4.29506193] → [3.196:215]
```
            </div>
```
[4.29506193]
[3.215]
```
            </section>
        </div>
```

Replacement in index.html at line 143 [4.29501907]

B:BD[3.216] → [3.216:360]

            <div class="leftFooter">
                <a href="https://twitter.com/hannotify">#UtrechtJUG #SuccessorOfGit</a>
            </div>

[3.216]

[3.360]

        <div class="leftFooter">
            <a href="https://twitter.com/hannotify">#UtrechtJUG #SuccessorOfGit</a>
        </div>

Replacement in index.html at line 147 [4.29501907]

B:BD[3.361] → [3.361:470]

∅:D[3.470] → [5.6956:6975]

B:BD[4.29506193] → [5.6956:6975]

            <div class="rightFooter">
                <a href="https://twitter.com/hannotify">@hannotify</a>
            </div>

[3.361]

[5.6975]

        <div class="rightFooter">
            <a href="https://twitter.com/hannotify">@hannotify</a>

Replacement in index.html at line 150 [4.29501907]

B:BD[5.6990] → [5.6990:7383]

        
        <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>

[5.6990]

[4.29507528]

    </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>

Replacement in index.html at line 183 [4.29501907]

B:BD[4.29507529] → [5.7384:8204]

∅:D[5.8204] → [4.29507550:29507558]

B:BD[4.29507550] → [4.29507550:29507558]

            // 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>

[4.29507529]

</html>

Replacement in misc/MyRandom.java at line 26 [7.4217158]
B:BD[7.4217648] → [7.4217648:4217649]
```
}
```
[7.4217648]
```
}
```
Replacement in sections/0-welcome.md at line 19 [10.462]
B:BD[9.37319] → [9.37319:37338]
```
* Start Spectacle.
```
[9.37319]
[9.37338]
```
* Start Rectangle.
```

Insertion in sections/0-welcome.md at line 31 [10.462]

[11.102]

[8.330657]


---
<!-- .slide: data-background="img/background/usb-sticks.jpg" data-background-color="black" data-background-opacity="0.3"-->
## Version Control 'By USB Stick'
<https://pxhere.com/en/photo/652221> <!-- .element: class="attribution" -->

Insertion in sections/0-welcome.md at line 40 [10.462]

[8.330658]

note:
Now I have been a Java developer for over 14 years.
And at my first job, about 14 years ago, we did a revolutionary thing with regard to version control.
We did Version Control By USB stick.
And at the first job I had, we did a revolutionary thing.
(tell the story)

Replacement in sections/1-preface.md at line 10 [6.11858]

B:BD[10.2163] → [9.37828:37954]

Now besides doing consultancy work, I also teach a few courses.
At my company Info Support, we offer a wide range of courses.

[10.2163]

[9.37954]

So, fast-forward 14 years again.
At Info Support, besides doing consultancy work, I also teach a few courses.
We offer a wide range of courses.

Insertion in sections/1-preface.md at line 144 [6.11858]

[2.54473]


<!-- .slide: data-background="img/background/problem-encountered.jpg" data-background-color="black" data-background-opacity="0.5" --->
## One problem though.
<blockquote class="explanation">
    We haven't included <em>any</em> new products!
</blockquote>
<https://www.pexels.com/photo/man-in-black-shirt-and-gray-denim-pants-sitting-on-gray-padded-bench-1134204> <!-- .element: class="attribution" -->
note:
Yeah, one problem though.
We haven't included *any* new products.
This 'first prediction' is based entirely on existing products.
But a lot can happen in ten years!
What if a brand-new, feature-packed version control system appears and takes the market by storm?

Deletion in sections/2-git.md at line 325 [6.11907]

B:BD[7.4230303] → [7.4230303:4230304]

B:BD[12.2039904] → [12.2039904:2039909]

B:BD[12.2039909] → [7.4230626:4230761]

∅:D[11.750] → [13.744:745]

∅:D[7.4230761] → [13.744:745]

B:BD[13.744] → [13.744:745]

B:BD[13.745] → [7.4230762:4231039]

B:BD[7.4231039] → [9.49234:49300]

∅:D[9.49300] → [7.4231039:4231236]

B:BD[7.4231039] → [7.4231039:4231236]


---
<!-- .slide: data-background="img/background/problem-encountered.jpg" data-background-color="black" data-background-opacity="0.5" --->
## One problem though.
<blockquote class="explanation">
    We haven't included <em>any</em> new products!
</blockquote>
<https://www.pexels.com/photo/man-in-black-shirt-and-gray-denim-pants-sitting-on-gray-padded-bench-1134204> <!-- .element: class="attribution" -->
note:
Yeah, one problem though.
We haven't included *any* new products.
This 'first prediction' is based entirely on existing products.
But a lot can happen in ten years!
What if a brand-new, feature-packed version control system appears and takes the market by storm?

Replacement in sections/5-fossil.md at line 45 [6.12102]

B:BD[14.1341] → [2.56621:56692]

* Or simply host it yourself using an SQLite database and a web server

[14.1341]

[14.1397]

* Or simply host it yourself using an SQLite database and a web server <!-- .element: class="fragment fade-in-then-semi-out" -->

Deletion in sections/x-extra-content.md at line 63 [8.331982]
B:BD[9.60398] → [9.60398:60468]
```
---

```
Deletion in sections/x-extra-content.md at line 64 [8.331982]
B:BD[9.60469] → [9.60469:60470]

Deletion in sections/x-extra-content.md at line 65 [8.331982]

B:BD[9.60474] → [9.60474:60711]


<!-- .slide: data-background="img/background/usb-sticks.jpg" data-background-color="black" data-background-opacity="0.3"-->
## Version Control 'By USB Stick'
<https://pxhere.com/en/photo/652221> <!-- .element: class="attribution" -->

Deletion in sections/x-extra-content.md at line 66 [8.331982]

B:BD[9.60712] → [9.60712:61070]

note:
The next big thing could be 'Version Control By USB Stick', for example.
Haven't you been wondering why some of my slides have had USB sticks in the background?
It's a great story.
FIXME: dit verhaaltje uitwerken.
I can assure you that we don't need to worry about 'Version Control By USB Stick'. 
It will not get popular, for obvious reasons.
---