makerslab-staging/courses.html at master · emlyon/makerslab-staging · 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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!DOCTYPE html>
<html lang="en">

<head>
    <script src="./js/include.js" charset="utf-8"></script>
    <script src="./includes/head.js" charset="utf-8"></script>
</head>

<!-- Global Site Tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-90298578-1"></script>
<script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'UA-90298578-1');
</script>

<body>
    <script src="./includes/navbar.js" charset="utf-8"></script>

    <div id="index-banner">
        <div class="background" style="background:url(media/junto2.jpg) no-repeat center center fixed; background-size: cover;"></div>

        <div class="content">
            <div style="width: 70%">
                <h1 class="header center white-text"><b>courses</b></h1>

                <h4 class="header light center white-text">Make&nbsp;the&nbsp;most of&nbsp;techs to&nbsp;prototype almost&nbsp;anything!</h4>

                <div style="margin-top: 4em" class="row center">
                    <div id="coursesMenu"></div>
                </div>
            </div>
        </div>
    </div>

    <div class="main">
        <div class="container" id="courses-list">
            <h4 style="margin-top:60px" class="red-text"><b>makers' lab courses</b></h4>
            <div id="coursesRoot"></div>
        </div>
    </div>

    <script id="courses-template" type="text/x-handlebars-template">
        {{#if hasCourses}}
            {{#each courseRows}}
                <div class="row">
                    {{#each this}}
                        <div class="col s12 m6 l4">
                            <article id="{{anchorId}}" class="card flex-card" data-color="{{color}}">
                                <div class="card-content">
                                    <span class="card-title grey-text text-darken-4">{{name}}</span>
                                    {{#if programs.length}}
                                        <div class="card-tags">
                                            {{#each programs}}
                                                <span class="chip">{{this}}</span>
                                            {{/each}}
                                        </div>
                                    {{/if}}
                                    <p class="card-summary">{{{description}}}</p>
                                </div>
                                <div class="card-action">
                                    <a class="btn waves-effect waves-light courses-cta" href="{{notionUrl}}" target="_blank" rel="noopener noreferrer" data-color="{{color}}">{{../../ui.ctaLabel}}</a>
                                </div>
                            </article>
                        </div>
                    {{/each}}
                </div>
            {{/each}}
        {{else}}
            <p class="grey-text text-darken-1 flow-text">{{ui.emptyLabel}}</p>
        {{/if}}
    </script>

    <script id="courses-menu-template" type="text/x-handlebars-template">
        {{#if hasCourses}}
            <p>
                {{#each courses}}
                    <a href="#{{anchorId}}" data-to="#{{anchorId}}" data-color="{{color}}" style="padding: 5; margin:10px" class="btn-large badge waves-effect waves-light courses-menu-btn">{{name}}</a>
                {{/each}}
            </p>
        {{else}}
            <p class="white-text" style="font-size:1.1rem; line-height:1.8rem;">{{ui.menuEmptyLabel}}</p>
        {{/if}}
    </script>

    <script src="includes/footer.js" charset="utf-8"></script>

    <script src="includes/scripts.js" charset="utf-8"></script>
    <script src="https://cdn.jsdelivr.net/npm/handlebars@4.7.8/dist/handlebars.min.js" charset="utf-8"></script>
    <script src="./js/courses.js" charset="utf-8"></script>
</body>

</html>