diff options
Diffstat (limited to 'assets/home.html')
| -rw-r--r-- | assets/home.html | 44 |
1 files changed, 24 insertions, 20 deletions
diff --git a/assets/home.html b/assets/home.html index 18d6f31bd..3fe3d02d7 100644 --- a/assets/home.html +++ b/assets/home.html @@ -22,7 +22,6 @@ header { z-index: 10000; } body::after { content: ''; -/* background-image:url(assets/uluru2.jpg); */ background-position: 50% 50%; background-repeat: no-repeat; top: 0; @@ -47,8 +46,9 @@ var terms = new Array( "Cloud Storage", "Own Your Content", "Blogging", -"Decent Encryption", +"End-to-end Encryption", "Chatrooms", +"Shareable Apps", "Cross-Site Access Control", "Unsend Private Mail", "Webpage Creation", @@ -92,8 +92,8 @@ var r = 0; var g = 0; var b = 0; -var speed = 2; -var delay = 1000; +var speed = 3; +var delay = 450; var timer = null; var holdid = 0; @@ -101,19 +101,24 @@ var element = 'word-flasher'; var custom = ''; var seq = 0; var nindex = 0; - +var firstTime = 1; var curr = null; function update_element() { + if(firstTime) { + firstTime = 0; + fadeout(); + return; + } curr = terms[nindex]; nindex ++; if(terms[nindex] == null) - nindex = 0 + nindex = 0; var id = document.getElementById(element); id.innerHTML = curr; - timer = setTimeout('fadein();',5); + timer = setTimeout('fadein();',3); } function fadeout() { @@ -124,10 +129,12 @@ function fadeout() { b = (((b + speed) < 255) ? b + speed : 255); if((r != 255) && (g != 255) && (b != 255)) { - timer = setTimeout('fadeout();',10); + timer = setTimeout('fadeout();',5); + } + else { + update_element(); } - else - update_element(); + id.style.color = "rgb(" + r + "," + g + "," + b + ")"; } @@ -138,7 +145,7 @@ function fadein() { b = (((b - speed) > 0) ? b - speed : 0); if(r && g && b) { - timer = setTimeout('fadein();',10); + timer = setTimeout('fadein();',5); } else { timer = setTimeout('fadeout();',delay); @@ -149,8 +156,7 @@ function fadein() { $(document).ready(function() { - update_element(); - $('.cb').colorbox({width: '50%',inline: true,href:"#farmer"}); + timer = setTimeout('update_element();',2000); }); @@ -160,11 +166,10 @@ $(document).ready(function() { <div style="margin-top: 50px;"></div> <center> -<img style="width: 450px; margin-top: 30px; margin-bottom: 30px;" src="assets/logo_simplifiedap.png" > -<div style="color:#808080;font-weight:bold;font-size:3.0em; margin-bottom:30px;">Follow your heart.</div> -<div id="word-flasher" style="font-size: 3.0em; font-weight: bold; margin-bottom: 30px;">RedMatrix</div> +<img style="width: 330px; margin-top: 30px; margin-bottom: 30px;" src="assets/hashlogo.png" > +<div id="word-flasher" style="font-size: 3.0em; font-weight: bold; margin-bottom: 30px;">"The Network"</div> <div class="tr" style="font-size: 1.6em; color: #666; margin-left: 75px; margin-right: 75px;"> -The RedMatrix (aka "red") is an open source webapp providing a complete <strong>decentralised</strong> publishing, sharing, and communications system. It combines communications (private messaging, chat and social networking), and media management (photos, events, files, web pages) with enough features to make your head spin. +The RedMatrix (aka "<span style="color: #c60032;">red</span>") is an open source webapp providing a complete <strong>decentralised</strong> publishing, sharing, and communications system. It combines communications (private messaging, chat and social networking), and media management (photos, events, files, web pages, shareable apps) with enough features to make your head spin. </div> <br /> <div class="tr" style="font-size: 1.6em; color: #666; margin-left: 75px; margin-right: 75px;"> @@ -179,9 +184,8 @@ Warning: After experiencing magic authentication and nomadic identity, you may f For the average person, the biggest advantage of decentralised identity is that you decide who you want to share your stuff with, and if somebody isn't on your list, they're not going to see it. It's all under your control (we're big on privacy). Use the RedMatrix as a social network or a business website or for personal cloud storage or media publishing - or any number of other uses; limited only by your imagination.<br /> </div> <br /> - -<div style="margin-top: 15px; color: #808080; font-size: 1.8em;">Welcome to the matrix. Welcome to red.</div> -<div style="font-size: 1.4em;"><a href="pubsites">Sign up now!</a></div> +<div style="margin-bottom: 15px; color: #808080; font-size: 1.8em;"><strong>RedMatrix - "The Network"</strong></div> +<div style="font-size: 1.4em;"><a href="pubsites" style="color: white; padding:10px; background-color: #c60032; border-radius: 10px;">Sign up now!</a></div> <div style="margin-top: 15px; margin-bottom: 15px;"><a href="pubsites">Public Sites</a> | <a href="https://redmatrix.me">Project Home</a> | <a href="https://github.com/friendica/red">Code</a> | <a href="https://zothub.com/channel/one">Developers</a></div></center> |