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
170
171
172
173
174
175
176
177
178
179
180
181
182
183
|
<style>
section { position: relative; margin-left: 15px;}
nav { z-index: 9999; position: fixed; width: 100%; top: 0; left: 0; }
header { z-index: 10000; }
.tr {
clear: both;
}
.tab {
float: left;
width: 25px;
}
.td {
float: left;
width: 200px;
font-size: 1.8em;
margin-bottom: 5px;
margin-right: 25px;
color: #808080;
}
body::after {
content: '';
/* background-image:url(assets/uluru2.jpg); */
background-position: 50% 50%;
background-repeat: no-repeat;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
opacity: 0.5;
z-index: -1;
}
</style>
<script>
var terms = new Array(
"Internet-scale Privacy",
"Social Networking",
"Single Sign-On",
"Photo Albums",
"Decentralised",
"Cloud Storage",
"Own Your Content",
"Blogging",
"Decent Encryption",
"Chatrooms",
"Cross-Site Access Control",
"Unsend Private Mail",
"Webpage Creation",
"Content Management",
"Message Expiration",
"Games and Utilities",
"Unincorporated",
"Forums",
"Like + Dislike",
"Share Anything Digital",
"Communications",
"Identity-Aware Content",
"Pseudonyms",
"Multiple Identities",
"No Advertising",
"Rich Text Post/Comment",
"Event Calendar",
"Bookmarking",
"Community Tagging",
"Mirrored Directory",
"Nomadic Identity",
"Derivative Channels",
"Customised Encryption",
"Multiple Profiles",
"Privacy Groups",
"File Sharing",
"MIT license",
"Autonomy",
"Affinity Filtering",
"Friend Suggestions",
"Cross-Site Auth",
"Themes",
"Plugins",
"External API",
"3rd Party Apps",
"Open Source",
null
);
var r = 0;
var g = 0;
var b = 0;
var speed = 2;
var delay = 1000;
var timer = null;
var holdid = 0;
var element = 'word-flasher';
var custom = '';
var seq = 0;
var nindex = 0;
var curr = null;
function update_element() {
curr = terms[nindex];
nindex ++;
if(terms[nindex] == null)
nindex = 0
var id = document.getElementById(element);
id.innerHTML = curr;
timer = setTimeout('fadein();',5);
}
function fadeout() {
var id = document.getElementById(element);
r = (((r + speed) < 255) ? r + speed : 255);
g = (((g + speed) < 255) ? g + speed : 255);
b = (((b + speed) < 255) ? b + speed : 255);
if((r != 255) && (g != 255) && (b != 255)) {
timer = setTimeout('fadeout();',10);
}
else
update_element();
id.style.color = "rgb(" + r + "," + g + "," + b + ")";
}
function fadein() {
var id = document.getElementById(element);
r = (((r - speed) > 0) ? r - speed : 0);
g = (((g - speed) > 0) ? g - speed : 0);
b = (((b - speed) > 0) ? b - speed : 0);
if(r && g && b) {
timer = setTimeout('fadein();',10);
}
else {
timer = setTimeout('fadeout();',delay);
}
id.style.color = "rgb(" + r + "," + g + "," + b + ")";
}
$(document).ready(function() {
update_element();
$('.cb').colorbox({width: '50%',inline: true,href:"#farmer"});
});
</script>
<div style="margin-top: 50px;"></div>
<center>
<div id="word-flasher" style="font-size: 3.0em; margin-top: 80px; font-weight: bold; margin-bottom: 35px;">RedMatrix</div>
<img style="width: 450px; margin-bottom: 30px;" src="assets/logo_simplifiedap.png" >
<div style="color:#808080;font-weight:bold;font-size:3.0em; margin-bottom:30px;">Dream it. Do it.</div>
<div class="tr" style="font-size: 1.6em; color: #666; margin-left: 75px; margin-right: 75px;">
The RedMatrix (aka "red") is a webapp like no other. It combines a multi-user content management system with an identity and permissions framework - and also includes a built-in social network and a webDAV "personal cloud". And it's all decentralised.
</div>
<br />
<div class="tr" style="font-size: 1.6em; color: #666; margin-left: 75px; margin-right: 75px;">
What does this mean exactly? It means that you decide who you want to share stuff with, and if they aren't on your list, they're not going to see it. And it doesn't matter if they have an account on the same website as you - or not. Sounds pretty simple, but it's a very hard and challenging problem to accomplish this across multiple websites. The RedMatrix makes it possible.
</div>
<br />
<div class="tr"></div>
<div style="margin-top: 35px; color: #808080; font-size: 1.8em;">Welcome to the Matrix</div><a href="pubsites">Public Sites (sign up now!)</a> | <a href="https://redmatrix.me">Project Home</a> | <a href="https://github.com/friendica/red">Git</a> | <a href="https://zothub.com/channel/one">Developers</a></div></center>
<div id="wrapper" style="display: none">
<div id="farmer">
To be fair, this Aussie farmer knows more about electronic communications and web software than many professional developers. He's a somewhat respected internet pioneer who once worked for American corporate giants as a web communications and protocol wizard - and has returned from semi-retirement to try and save the net from what is has now become.
</div>
</div>
|
