excs-website-old/index.php at main · Exeter-Computer-Science-Society/excs-website-old · 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
<?php

    require_once "headless-cms.php";

    $page = handle_request();


?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="theme-color" content="#1c1c1c">


    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-BQTXG0VBX3"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'G-BQTXG0VBX3');
    </script>

    <!-- Import the Client Side Router -->
    <!-- Remove this if you don't wish to use the client-side routing function of the Headless CMS -->
    <!-- <script type="module" src="/headless-cms-scripts/client-side-router.js"></script> -->

    <!-- Import html-ajax -->
    <script type="module" src="/scripts/html-ajax.js?tag=new_1"></script>

    <script type="module" src="/scripts/global.js?tag=new_1"></script>

    <!-- Import Alpine JS -->
    <!-- Remove this if you don't wish to use Alpine JS across you webpages -->
    <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>


    <!-- If the title property is set, insert here. -->
    <?php echo $page->get_property('title') ?>

    <!-- If the description property is set, insert here. -->
    <?php echo $page->get_property('description') ?>

    <!-- If the og-image property is set, insert here. -->
    <?php echo $page->get_property('og-image') ?>

    <!-- If the og-type property is set, insert here. -->
    <?php echo $page->get_property('og-type') ?>

    <!-- If the og-url property is set, insert here. -->
    <?php echo $page->get_property('og-url') ?>

    <!-- If the favicon property is set, insert here. Default value is '/resources/favicon.png' -->
    <?php echo $page->get_property('favicon') ?>


    <!-- Add stylesheet imports here -->
    <link rel="stylesheet" href="/resources/stylesheets/globals.css?tag=new_1">
    <link rel="stylesheet" href="/resources/stylesheets/default-styles.css?tag=new_1">
    <link rel="stylesheet" href="/resources/stylesheets/utils.css?tag=new_1">


</head>
<body x-data="{ navOpen: false }">

    <header>

        <a class="top-logo" href="/">
            <img src="/resources/images/excs-final.svg">
        </a>

        <nav x-bind:class="navOpen ? 'nav-open' : ''">
            <a class="link m-show-flex" href="/">Home</a>

            <a class="link flex align-center" href="/featured-projects">
                Feature your project!
            </a>
            <a class="link" href="/committee">Committee</a>
            <a class="link" href="/events">Events</a>
            <a target="_blank" class="link" href="https://my.exeterguild.com/groups/QRM97/computer-science-society/memberships">
                <span>Memberships</span>
                <img class="icon" src="/resources/images/icons/external-link-icon.svg">
            </a>
        </nav>

        <button id="nav-toggle" x-bind:class="navOpen ? 'nav-open' : ''" x-on:click="navOpen = !navOpen">
            <img id="nav-open-image" src="/resources/images/icons/excs-cross.svg">
            <img id="nav-closed-image" src="/resources/images/icons/excs-menu.svg">
        </button>

    </header>


    <main>
        <!-- Insert the page content in here -->
        <?php echo $page->content; ?>
    </main>


    <footer class="flex col gap-m">

        <p class="text-center">
            <span class="text-strong">Spotted an issue?</span>
            Please
            <a class="accent underline" href="mailto:excs@groups.exeterguild.com">Let us know</a>
             or
            <a class="accent inline-flex align-center underline" style="gap: 1em;" href="https://github.com/Exeter-Computer-Science-Society/website">
                fix it yourself
            </a>!
        </p>

        <p class="text-center">
            <small>
                <span>Website built using open source</span>
                <a target="_blank" class="inline-flex align-center underline" style="gap: 0.5em;" href="https://github.com/Littled2/headless-cms">
                    <span>headless-cms</span>
                    <img class="icon" src="/resources/images/icons/external-link-icon.svg">
                </a>
            </small>
        </p>
    </footer>


</body>
</html>