kerlandrier_static/index.html at master · geekks/kerlandrier_static · 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
<!DOCTYPE html>
<html lang="fr">

<head>
    <!-- Matomo Tag Manager -->
    <script>
        var _mtm = window._mtm = window._mtm || [];
        _mtm.push({ 'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start' });
        (function () {
            var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];
            g.async = true; g.src = 'https://matomo.kerlandrier.cc/js/container_4t71ICVH.js'; s.parentNode.insertBefore(g, s);
        })();
    </script>
    <!-- End Matomo Tag Manager -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="Geekks" links="https://github.com/geekks">
    <link rel='canonical' href='https://kerlandrier.cc/' />

    <title>Kerlandrier</title>

    <!-- Stylesheet, fonts & favicon -->
    <link rel="stylesheet" href="frugal.css?v=100">
    <link rel="icon" type="image/x-icon" href="./ressources/favicon.ico">

    <!-- PWA Manifest -->
    <link rel="manifest" href="/manifest.json">

    <!-- App name for iOS -->
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-title" content="Kerlandrier">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <!-- iOS splash screen images -->
    <link rel="apple-touch-icon" href="./ressources/favicon-192x192.png">
    <link rel="apple-touch-startup-image" href="./ressources/favicon-512x512.png">

    <!-- Open Graph meta tags for link preview-->
    <meta property="og:title" content="Kerlandrier" />
    <meta property="og:description" content="Prenez soin de vos événements." />
    <meta property="og:url" content="https://kerlandrier.cc" />
    <meta property="og:image" content="https://kerlandrier.cc/favicon-192x192.png" />
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="Kerlandrier" />
    <meta property="og:locale" content="fr_FR" />

    <!-- Indexing-->
    <meta name=“robots” content=index, nofollow”>


    <!-- Metadata Google -->
    <meta name="description" content="Agenda collaboratif des évènements autour de Concarneau">

    <!-- Matomo -->
    <script>
        var _paq = window._paq = window._paq || [];
        /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
        _paq.push(['trackPageView']);
        _paq.push(['enableLinkTracking']);
        (function () {
            var u = "//matomo.kerlandrier.cc/";
            _paq.push(['setTrackerUrl', u + 'matomo.php']);
            _paq.push(['setSiteId', '1']);
            var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];
            g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s);
        })();
    </script>
    <!-- End Matomo Code -->
</head>

<body>
    <header>
        <div class="deuil-corner-ribbon" title="En deuil"></div>
        <div id="title">
            <div id="info-container">
                <h1 class="header-title">Ꝃlandrier.cc <span class="deuil-ribbon" title="En deuil électoral"></span></h1>
                <p id="description">Agenda collaboratif des évènements autour de Concarneau</p>
                <span id="infos-link"> <a href="./diwar-benn.html">Ajouter un évènement manquant ou en savoir plus</a>
                </span>
            </div>

            <div id="qr-container">
                <img id="qr" src="./ressources/qr_diwar-benn.svg" alt="Kerlandrier QR code" />
                <br />
                <span>Ajout d'événement<br> et infos sur le site<br> kerlandrier.cc</span>
            </div>
            <div id="filters-container">
                <select id="monthSelect" aria-label="Choisir une date">
                    <option class="month-option" aria-label="Choisir une date" label="Choisir une date" value="">Choisir
                        une date</option>
                    <option value="2026-03-01T00:00:00.000Z,2026-04-01T00:00:00.000Z">Mars-2026</option>
                    <option value="2026-04-01T00:00:00.000Z,2026-05-01T00:00:00.000Z">Avril-2026</option>
                    <option value="2026-05-01T00:00:00.000Z,2026-06-01T00:00:00.000Z">Mai-2026</option>
                </select>
                <div id="filters">
                    <button class="filter" id="first-zone"><span>TRES PROCHE</span></button>
                    <button class="filter" id="second-zone"><span>PROCHE</span></button>
                    <button class="filter" id="third-zone"><span>MOINS <br/>PROCHE</span></button>
                </div>

            </div>
        </div>

    </header>

    <section id="evenements-container">
        <!-- C'est ici que le script JS affiche le flux d'événements courts -->
    </section>

    <h1 id="exposection">Expositions / Festivals</h1>

    <section id="expositions-container">
        <!-- C'est ici que le script JS affiche le flux d'événements longs -->
    </section>
    <footer>
    </footer>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/luxon/3.4.3/luxon.min.js"></script>

    <script src="./js/to-title-case.js"></script>
    <script src="./js/constants.js?v=100"></script>
    <script src="./js/loadEvents.js?v=100"></script>
    <script src="./js/listeners.js?v=100"></script>
</body>

</html>