freecodinglessons.com/slides.html at main · modulojs/freecodinglessons.com · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>

<style>
    body {
        overflow: hidden;
        height: 100vh;
        width: 100vw;
    }
</style>

<script Modulo src="/static/js/Modulo.js" -src="/static/libraries/">
    <Component name="SlideWrapper">
        <Template>
            <x-LandingPage title="{{ script.title }} - Slides" cls="slides">
                <x-Markdown
                    slideshow:=true
                    editorlinks:=true
                    src="{{ script.path }}"
                ></x-Markdown>
            </x-LandingPage>
        </Template>

        <cpart Script>
            function prepareCallback () {
                // TODO: Switch to using GetParams
                const urlParams = new URLSearchParams(window.location.search);
                let title;
                let path;
                if (urlParams.has('title')) {
                    title = urlParams.get('title');
                }
                if (urlParams.has('path')) {
                    path = urlParams.get('path');
                }
                return { title, path };
            }
        </cpart>
    </Component>
</script>

<x-SlideWrapper></x-SlideWrapper>