mirnesglamocic/frontendcertificates.php at master · full-stack-web-developer-and-designer/mirnesglamocic · 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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<?php
declare(strict_types=1);

    /**
     * frontendcertificates.php
     *
     * Displays Frontend certificate sections with sliders.
     * Uses the Slider class to render grouped certificate galleries.
     *
     * Author: Mirnes Glamočić
     * Website: https://mirnesglamocic.com
     */

    require_once __DIR__ . '/core/init.php';
    require_once __DIR__ . '/inc/helpers.php';

    $page_id = 2;
    $head = Head::get($page_id);
    $page = Pages::get($page_id);

    $slider = new Slider();
?>
<!DOCTYPE html>
<html itemscope itemtype="https://schema.org/WebPage" lang="en">

    <?php echo $head->renderHead(); ?>

    <body>

        <?php require_once BASE_PATH . '/inc/header.php'; ?>

        <main>

            <div class="wrapper">

                <?php echo $page->renderPage(); ?>

                <?php

                    $slider->renderSection(
                        'SoloLearn Front-end Certificates',
                        'frontend_sololearn'
                    );

                    $slider->renderSection(
                        'LinkedIn Front-end Certificates',
                        [
                            'frontend_linkedin',
                            'frontend_intro'
                        ]
                    );

                    $slider->renderSection(
                        'LinkedIn HTML Certificates',
                        'html'
                    );

                    $slider->renderSection(
                        'LinkedIn HTML and CSS Certificates',
                        'html_and_css'
                    );

                    $slider->renderSection(
                        'LinkedIn Newest CSS Certificates',
                        'css_new'
                    );

                    $slider->renderSection(
                        'LinkedIn CSS, SASS and Tailwind Certificates',
                        [
                            'css',
                            'sass',
                            'tailwind'
                        ]
                    );

                    $slider->renderSection(
                        'LinkedIn Bootstrap Certificates',
                        'bootstrap'
                    );

                    $slider->renderSection(
                        'LinkedIn Web Development Certificates',
                        [
                            'web_development',
                            'view_source'
                        ]
                    );

                    $slider->renderSection(
                        'LinkedIn JavaScript Certificates',
                        [
                            'javascript_linkedin',
                            'typescript'
                        ]
                    );

                    $slider->renderSection(
                        'Pluralsight JavaScript Certificates',
                        'javascript_pluralsight'
                    );

                    $slider->renderSection(
                        'LinkedIn jQuery Certificates',
                        'jquery'
                    );

                    $slider->renderSection(
                        'Pluralsight jQuery Certificates',
                        'jquery_pluralsight'
                    );

                    $slider->renderSection(
                        'LinkedIn Angular Certificates',
                        'angular'
                    );

                    $slider->renderSection(
                        'LinkedIn React Certificates',
                        'react'
                    );

                ?>

                <!-- Section certificates-cta -->
                <?php CertificateCTA::render($page_id) ?>

            </div><!-- end .wrapper -->

        </main>

        <?php require_once BASE_PATH . '/inc/footer.php'; ?>

        <?php
            // Custom JS
            $js_files = ['cert-slider.js'];
            load_js($js_files);
        ?>

    </body>

</html>