summoner/index.html at main · phil-6/summoner · 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
<!doctype html>
<html lang="en-GB">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>

    <link href="https://fonts.gstatic.com" rel="preconnect">
    <link href="https://fonts.googleapis.com/css2?family=Carter+One&family=Montserrat:wght@300;400;500;800&display=swap"
          rel="stylesheet">
    <script crossorigin="anonymous" src="https://kit.fontawesome.com/30fa2950fc.js"></script>

    <link href="assets/css/main.css" rel="stylesheet">
    <link href="assets/css/theme.css" rel="stylesheet">
    <title>The Summoner</title>
</head>
<body class="dark purple grad">
<header>
    <nav>
        <div class="justify-start">
            <button class="btn theme-button" id="theme-toggle">Theme</button>
            <button class="btn color-button" id="color-switch">Colour</button>
            <button class="btn grad-button" id="grad-toggle">Toggle Gradient</button>
        </div>
        <div class="center">
        </div>
        <div class="justify-end">
        </div>
    </nav>
    <h1>The Summoner</h1>
    <p class="subheading">Share your location with someone or request someone share their location with you.</p>
    <p class="small">This is a lightweight serverless page built with privacy in mind. It is powered by the <a
            href="https://www.netlify.com/">Netlify</a> and <a href="https://www.twilio.com/">Twilio</a> platforms. We
        do not track your data or location, the only person who can see your location is the person you
        are sharing it with. your data is only processed for the explicit purpose of carrying out the function of the
        application. Is it not stored for longer than required. It is only a proof of concept and may stop working at
        any time without notice.</p>
</header>

<main>
    <div class="center choice">
        <h2>What do you want to do?</h2>
        <a class="btn" href="find">Find Someone</a>
        <a class="btn" href="share">Share Your Location</a>
    </div>

</main>

<script src="assets/js/themeToggle.js"></script>
</body>
</html>