-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
169 lines (150 loc) · 6.03 KB
/
about.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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<!DOCTYPE html>
<html lang="en">
<head>
<title>Important Zites</title>
<meta charset="utf-8">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="zite,zites,important,krixano,list,category,search,filter">
<base href="" target="_top" id="base">
<script>base.href = document.location.href.replace("/media", "").replace("index.html", "").replace(/[&?]wrapper=False/, "").replace(/[&?]wrapper_nonce=[A-Za-z0-9]+/, "")</script>
<link rel="stylesheet" href="css/bulma.css" />
<link rel="stylesheet" href="css/main.css" />
<style>
#zite_num {
visibility: hidden;
}
html, body, section {
background: #f8f8f8 !important;
}
</style>
<script src="js/navToggle.js"></script>
</head>
<body>
<nav class="nav has-shadow">
<div class="container">
<div class="nav-left">
<a href="./" class="nav-item" style="font-weight: bold;">Important Zites</a>
<span class="nav-item"><code id="zite_num" class="tag is-light">0</code></span>
</div>
<!-- This "nav-toggle" hamburger menu is only visible on mobile -->
<!-- You need JavaScript to toggle the "is-active" class on "nav-menu" -->
<span id="nav-toggle" class="nav-toggle">
<span></span>
<span></span>
<span></span>
</span>
<!-- This "nav-menu" is hidden on mobile -->
<!-- Add the modifier "is-active" to display it on mobile -->
<div id="nav-menu" class="nav-right nav-menu">
<a href="./" class="nav-item">Home</a>
<!--<a class="nav-item">Blog</a>-->
<a href="request.html" class="nav-item">Requests</a>
<a class="nav-item is-active">About</a>
<span class="nav-item"><a href="#Select+user" id="select_user" class="button is-info" onclick='return page.selectUser()'>Select user</a></span>
</div>
</div>
</nav>
<section class="section">
<div class="columns">
<div class="column is-8 is-offset-2">
<p>This is my very first zite. It lists many important zites with small descriptions. It will, in the future, allow you to filter out the different types of zites by category, and also request that a zite be added.</p>
<br>
<strong>Future Ideas / Todo</strong>
<ul>
<li><s>Tabs to filter out zites by category</s></li>
<li><s>Request zites to be added</s></li>
<li><s>Use Velocity.js instead of jQuery for animations</s></li>
<li><s>Add kaffie.bit ID support</s></li>
<li><s>Fix links for ZeroNet web proxies</s></li>
<li><s>Request removal of sites and give reason for removal</s></li>
<li><s>HTML5 Form Validation</s></li>
<li><s>Use database for Zite List</s></li>
<li><s>Make "categories" Table and load from this table</s></li>
<li>Voting/Rating system?</li>
<li>Favorites/Pinning/Bookmarks</li>
<li>Search</li>
<li><em> - Search by address (with or without <code>127.0.0.1:43110</code>)</em></li>
<li><em> - Search by keywords and tags</em></li>
<li><em> - Search by title/name</em></li>
</ul>
</div>
</div>
</section>
<footer class="footer">
<div class="container">
<span style="text-align: center">
<small>NOTE: This zite is still a work-in-progress.</small><br>
<small>Zite created on April 12th, 2017 by <a href="/Me.ZeroNetwork.bit/?Profile/12h51ug6CcntU2aiBjhP8Ns2e5VypbWWtv/12gAes6NzDS9E2q6Q1UXrpUdbPS6nvuBPu/krixano@zeroid.bit">krixano@zeroid.bit</a> (Christian Seibold)</small><br>
<small><a href="https://github.com/krixano/ImportantZites">Github Link</a></small>
</span>
</div>
</footer>
<script type="text/javascript" src="js/ZeroFrame.js"></script>
<script type="text/javascript" src="js/gsap/TweenLite.min.js"></script>
<script type="text/javascript" src="js/gsap/plugins/CSSPlugin.min.js"></script>
<script>
class ZeroChat extends ZeroFrame {
onOpenWebsocket () {
this.cmd("siteInfo", {}, (site_info) => {
if (site_info.cert_user_id)
document.getElementById("select_user").innerText = site_info.cert_user_id
this.site_info = site_info
this.loadZiteIndicator();
})
}
selectUser () {
this.cmd("certSelect", {accepted_domains: ["zeroid.bit", "kaffie.bit", "cryptoid.bit"]})
return false
}
onRequest (cmd, message) {
if (cmd == "setSiteInfo") {
this.site_info = message.params // Save site info data to allow access it later
if (message.params.cert_user_id){
document.getElementById("select_user").innerHTML = message.params.cert_user_id
} else if (!message.params.cert_user_id) {
document.getElementById("select_user").innerHTML = "Select user"
} else if (message.params.event && message.params.event[0] == "file_done") {
this.loadZiteIndicator();
}
}
}
loadZiteIndicator() {
var zite_indicator = document.getElementById('zite_num');
//zite_indicator.style.display = "none";
this.cmd("dbQuery", ["SELECT address FROM zites"], (zites) => {
document.getElementById('zite_num').innerHTML = zites.length + " zites";
TweenLite.to(zite_indicator, 3, {autoAlpha: 2});
//Velocity(zite_indicator, "fadeIn", { duration: 500 });
});
}
}
page = new ZeroChat()
</script>
<!--<script>
class Page extends ZeroFrame {
setSiteInfo(site_info) {
var out = document.getElementById("out")
out.innerHTML =
"Page address: " + site_info.address +
"<br>- Peers: " + site_info.peers +
"<br>- Size: " + site_info.settings.size +
"<br>- Modified: " + (new Date(site_info.content.modified*1000))
}
onOpenWebsocket() {
this.cmd("siteInfo", [], function(site_info) {
page.setSiteInfo(site_info)
})
}
onRequest(cmd, message) {
if (cmd == "setSiteInfo")
this.setSiteInfo(message.params)
else
this.log("Unknown incoming message:", cmd)
}
}
page = new Page()
</script>-->
</body>
</html>