This repository was archived by the owner on Dec 14, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 10
/
Copy pathindex.html
117 lines (109 loc) · 5.48 KB
/
index.html
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
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
<title>Solid Inbox</title>
<link href='https://fonts.googleapis.com/css?family=Roboto:400,300' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/style.css">
<link rel="shortcut icon" type="img/png" href="favicon.png">
<link rel="manifest" href="manifest.json">
</head>
<body>
<div class="content">
<!-- Menu -->
<div id="user" class="menu-container hidden">
<div class="menu">
<a href="#" id="user-link" target="_blank">
<img id="user-picture" src="" alt="">
<span id="user-name">TEST USER</span>
</a>
<a href="#" id="logout" class="action-button float-right" onclick="Inbox.logout()">Logout</a>
</div>
</div>
<!-- Init -->
<div id="init" class="center-text hidden">
<div><img src="img/icon.png" title="Solid Inbox" alt="Solid Inbox"></div>
<h1>You must log in to read your messages.</h1>
<p>If you don't use or know about WebID <a href="#" onclick="Inbox.toggleInfo()">[?]</a>, you can sign up for one using the button below.</p>
<p>Do you use WebID?</p>
<a class="action-button" href="#" onclick="Inbox.login()" title="I use WebID">Yes, I use WebID</a>
<a class="action-button" href="#" onclick="Inbox.signup()" title="Sign up for a WebID">No, I need a WebID</a>
</div>
<!-- Bootstrap new inbox -->
<div id="onboarding" class="hidden">
<br>
<h1 class="center-text">Unable to find your inbox.</h1>
<p class="center-text">If you would like, this application can help you create one.</p>
<h2 class="center-text">Select a public <em>and</em> writable profile:</h2>
<fieldset id="profiles"></fieldset>
<h2 class="center-text">Where should the new inbox will be created:</h2>
<fieldset id="workspaces"></fieldset>
<p class="center-text">
<a class="action-button" href="#" onclick="Inbox.createInbox()" title="Create inbox">Create inbox</a>
</p>
</div>
<!-- Messages -->
<div class="timeline">
<div id="empty" class="center-text hidden">
<h2>You have not received any messages yet.</h2>
</div>
<div id="unread" class="hidden">
<h2 class="break"><span>Unread messages</span></h2>
<!-- Loading animation -->
<div id="loading-unread" class="loading center-text hidden">
<div class="loadingbox"></div>
<p>Loading message(s)...</p>
</div>
<ul></ul>
</div>
<div id="read" class="hidden">
<h2 class="break"><span>Read messages</span></h2>
<!-- Loading animation -->
<div id="loading-read" class="loading center-text hidden">
<div class="loadingbox"></div>
<p>Loading message(s)...</p>
</div>
<ul></ul>
</div>
</div>
<!-- Errors -->
<div id="error" class="center-text hidden"></div>
<!-- WebID help screen -->
<div id="webid-info" class="overlay">
<div class="overlay-text">
<h2>What is a WebID?</h2>
<p>
A WebID is a URL for you. It allows you to set up a reusable identity
and a profile, with friends, pictures and all kinds of things.
</p>
<p>
Unlike social networks, with WebID you reuse your identity and personal
data in a decentralized, privacy-friendly way, across multiple applications
and services on the Web. It works like having an account on a social
networking site, but it isn't restricted to just that site. It is very
open because the information can connect to other people, apps, projects
and so on, without everyone having to join the same social networking site.
(<a href="http://www.w3.org/wiki/WebID" target="_blank">more information</a>)
</p>
<p>
When you create a WebID account, you may also get storage space on the
selected server. The amount of available space can vary from server to
server. Additionally, a common list of workspaces (i.e. dedicated folders)
maye be created by default, such as <i>Public</i>, <i>Private</i>,
<i>Family</i>, <i>Work</i>, etc.
</p>
<div class="float-right"><a href="#" class="action-button">Close</a></div>
</div>
</div>
</div>
<footer>
<div class="center-text"><a href="https://github.com/solid/solid-inbox/" target="_blank">GitHub Page</a> | <a href="https://github.com/solid/solid-inbox/issues" target="_blank">GitHub Issues</a></div>
</footer>
<script src="js/rdflib.min.js"></script>
<!-- <script src="https://solid.github.io/solid.js/dist/solid.js"></script> -->
<script src="js/solid.js"></script>
<script src="js/moment.min.js"></script>
<script src="app/app.js"></script>
</body>
</html>