path: root/assets/home.html

<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>