hello/solid/solid-rest-api/index.html at main · 0dataapp/hello · 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
<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
        <title>Solid Hello World (REST API)</title>
        <link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css">
    </head>

    <body>
        <h1>Solid Hello World<br><small>(REST API)</small></h1>

        <div id="loading">
            <p>Loading...</p>
        </div>

        <div id="auth-guest" hidden>
            <p>Hi there!</p>
            <p>
                This page is a showcase of a simple <a href="https://solidproject.org/" target="_blank">Solid application</a>
                built using JavaScript, CSS and HTML. You can look at the source code and learn how to use it in
                <a href="https://github.com/0dataapp/hello/tree/main/solid/solid-rest-api" target="_blank">the repository</a>.
            </p>

            <p>If you want to see other examples, you can find them here: <a href="../">Solid Hello World Examples</a>.</p>

            <button id="login-button" type="button" onclick="login()">Log in with Solid</button>

            <p>
                <small>If you don't have one, you can <a href="https://solidproject.org/users/get-a-pod">get a Solid Pod</a>.</small>
            </p>
        </div>

        <div id="auth-user" hidden>
            <p>Hello, <span id="username"></span>!</p>
            <button id="logout-button" type="button" onclick="logout()">Log out</button>

            <h2>Your tasks</h2>
            <ul id="tasks"></ul>
            <button type="button" onclick="createTask()">Create new task</button>
        </div>

        <script src="https://cdn.jsdelivr.net/npm/n3@1.12.1/browser/n3.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/@inrupt/solid-client-authn-browser@2.3.0/dist/solid-client-authn.bundle.js"></script>
        <script src="solid.js"></script>
        <script src="main.js"></script>

        <small>Or, go back to <a href="../../">the homepage</a>.</small>
    </body>

</html>