diff options
Diffstat (limited to 'assets/home.html')
| -rw-r--r-- | assets/home.html | 279 |
1 files changed, 205 insertions, 74 deletions
diff --git a/assets/home.html b/assets/home.html index 9fc58f0e8..329a27901 100644 --- a/assets/home.html +++ b/assets/home.html @@ -36,58 +36,54 @@ body::after { </style> <script> - -var terms = new Array( -"Internet-scale Privacy", -"Social Networking", -"Single Sign-On", -"Photo Albums", -"Decentralised", -"Cloud Storage", -"Own Your Content", -"Blogging", -"End-to-end Encryption", -"Chatrooms", -"Shareable Apps", -"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 terms = new Array("Internet-scale Privacy", + "Social Networking", + "Single Sign-On", + "Photo Albums", + "Decentralised", + "Cloud Storage", + "Own Your Content", + "Blogging", + "End-to-end Encryption", + "Chatrooms", + "Shareable Apps", + "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; @@ -104,23 +100,6 @@ 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; - - var id = document.getElementById(element); - id.innerHTML = curr; - timer = setTimeout('fadein();',3); -} - function fadeout() { var id = document.getElementById(element); @@ -157,19 +136,110 @@ function fadein() { $(document).ready(function() { timer = setTimeout('update_element();',2000); + var known = { + en: true, // ENGLISH + fr: true, // FRENCH + nl: true // NETHERLANDS + // ADD YOUR LANGUAGE HERE. + }; + // Figure out the language, default to English because that's + // what I speak. + var lang = (navigator.language || navigator.userLanguage || 'en').substr(0, 2); + if(!known[lang]) + lang = 'en'; + if(lang=="fr") // FRENCH TRANSLATIONS + terms = new Array("Réseau social", + "Authentification unique", + "Albums Photos", + "Decentralisée", + "Entreposage dans le nuage", + "Vous avez le contrôle sur vos partages", + "Blogue", + "Encryption des données", + "Salle de clavardage", + "Partage d’applications", + "Permissions actives sur toute la matrice", + "Reprise de courrier", + "Création de pages web", + "Gestion du contenu", + "Expiration des messages", + "Jeux et Utilitaires", + "Non-Incorporé", + "Forums", + "J’aime + Je Déteste", + "Partagez tous types de fichiers", + "Plateforme de communications", + "Le contenu s’ajuste aux individus", + "Pseudonymes", + "Identités multiples", + "Aucune publicité", + "Éditeur de texte enrichi (partages/commentaires)", + "Calendrier d’événements", + "Favoris", + "Suivre des personnes/communautés", + "Répertoire d’utilisateurs synchronisé", + "Identité nomade", + "Canaux d’intérêts", + "Encryption du traffic (SSL)", + "Profils multiples", + "Groupes privés", + "Partage de fichiers", + "License MIT", + "Autonomie", + "Filtre selon les affinités", + "Suggestions d’amis potentiel", + "Authentification sur tous les HUBs de la matrice", + "Thèmes", + "Plugins", + "API externe", + "Application Tierce Partie", + "Code Source Ouvert", + "Gratuit", + null); + + // Find all <div>s with a class of "wrapper" and lang attribute equal + // to `lang` and make them visibile. + $('div.wrapper[lang=' + lang + ']').show(); + + // Find all <div>s with a class of "wrapper" and lang attribute not + // equal to `lang` and make them invisibile. + $('div.wrapper[lang!=' + lang + ']').hide(); }); +function update_element() { -</script> + if(firstTime) { + firstTime = 0; + fadeout(); + return; + } + curr = terms[nindex]; + nindex ++; + if(terms[nindex] == null) + nindex = 0; + + var id = document.getElementById(element); + id.innerHTML = curr; + timer = setTimeout('fadein();',3); +} +</script> + <div style="margin-top: 50px;"></div> <center> + <img style="width: 330px; margin-top: 30px; margin-bottom: 30px;" src="assets/hashlogo.png" > <div id="word-flasher" style="font-size: 2.5em; font-weight: bold; margin-bottom: 30px;">"The Network"</div> + +<!-- TRANSLATIONS START HERE - REMEMBER TO ADD YOUR LANGUAGE IN THE FUNCTION ABOVE($(document).ready(function() ...) + +<!-- ENGLISH FRONTPAGE TRANSLATION STARTS HERE --> + +<div lang="en" class="wrapper"> <div class="tr" style="font-size: 1.4em; color: #666; margin-left: 75px; margin-right: 75px;"> -One of the traditional problems with independent publishing on the internet has always been the fact that independent publishers often operate as isolated islands within their own website, and spend most of their resources attracting visitors. The rise of corporate providers and social networking services alleviated many of these problems; however centralisation has led to a situation where your content where is no longer under your direct control. It is shared fully with corporate advertisers and governments, but ironically you are now often asked to pay money to ensure that your friends can see it. What if you could have advantages of scale and connections that centralisation offers whilst maintaining independent control over your own web presence? +One of the traditional problems with independent publishing on the internet has always been the fact that independent publishers often operate as isolated islands within their own website, and spend most of their resources attracting visitors. The rise of corporate providers and social networking services alleviated many of these problems; however centralisation has led to a situation where your content where is no longer under your direct control. It is shared fully with corporate advertisers and governments, but ironically you are now often asked to pay money to ensure that your friends can see it. What if you could have advantages of scale and connections that centralisation typically offers whilst maintaining independent control over your own web presence? </div> <br /> <div class="tr" style="font-size: 1.4em; color: #666; margin-left: 75px; margin-right: 75px;"> @@ -181,12 +251,73 @@ What makes the RedMatrix unique is what we call "magic authentication" - which i </div> <br /> <div class="tr" style="font-size: 1.4em; color: #666; margin-left: 75px; margin-right: 75px;"> -The RedMatrix is ideal for social communities of any size, from private individuals and families to online forums, business websites, and organisations. It can be used by anybody who has communications or web content that they wish to share, but where they desire complete control of whom they share it with.<br /> +The RedMatrix is ideal for communities of any size, from private individuals and families to online forums, business websites, and organisations. It can be used by anybody who has communications or web content that they wish to share, but where they desire complete control of whom they share it with.<br /> </div> <br /> <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="font-size: 1.4em;"> +<a href="register" style="color: white; padding:10px; background-color: #c60032; border-radius: 10px;">Sign up now!</a> +<a href="donate" style="color: white; padding:10px; background-color: #c60032; border-radius: 10px;">Donate / Sponsor</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> +</div> +<!-- FRENCH FRONTPAGE TRANSLATION STARTS HERE --> -<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> +<div lang="fr" class="wrapper" style="display: none;"> +<div class="tr" style="font-size: 1.4em; color: #666; margin-left: 75px; margin-right: 75px;"> +La Matrice <span style="color: #c60032;">Rouge</span> « <span style="color: #c60032;">Red</span>Matrix » est une <strong>application web décentralisée</strong>. La centralisation des données sur des serveurs corporatifs met en jeux votre vie privée et vous assujettit à la volonté d'un tiers. Ainsi vos messages, fichiers, photos ne sont plus sous votre contrôle et sont partagés avec les agences de marketing ainsi que les gouvernements. La Matrice <span style="color: #c60032;">Rouge</span>, c'est un moyen de protéger votre identité ainsi que votre vie privée tout en conservant le plein contrôle sur le partage de vos données avec le monde. +</div> +<br /> +<div class="tr" style="font-size: 1.4em; color: #666; margin-left: 75px; margin-right: 75px;"> +La Matrice <span style="color: #c60032;">Rouge</span> est un réseau constitué de serveurs autonomes et indépendants. Ces serveurs, appelés « hubs », assurent la résilience de vos données sur le réseau. Chacun de ces « hubs » garantit des fonctions de communications (Messages privés, clavardage, blogue, forums et toutes les fonctions des réseaux sociaux) ainsi que des fonctions de gestions (photos, calendrier, partage de fichiers, création de pages web, création d'applications) à ses membres. En tout temps, votre vie privée et le choix du partage de votre contenu sont sous votre contrôle exclusif. +</div> +<br /> +<div class="tr" style="font-size: 1.4em; color: #666; margin-left: 75px; margin-right: 75px;"> +La Matrice <span style="color: #c60032;">Rouge</span> est unique; elle transporte votre identité à l'aide d'une méthode d'authentification innovatrice appelée « authentification magique » - laquelle est le résultat de la recherche et du développement appliquée au service d'<strong>identité décentralisée</strong>. Aucune autre plateforme n'offre ce type d'identité « nomade ». Ainsi, une fois authentifié, vous avez le loisir de vous « promener » d'un serveur à l'autre sans avoir à reconfirmer votre identité. De plus, la Matrice <span style="color: #c60032;">Rouge</span> vous permet de « cloner » votre identité et de la porter sur un « hub » différent de celui ou vous vous êtes inscrit. Voilà encore un moyen de vous défendre contre toutes formes de censure pour préserver votre identité, vos listes d'amis, vos publications, photos et fichiers advenant le cas ou votre « hub » préféré serait mis hors ligne. (temporairement ou permanemment). +</div> +<br /> +<div class="tr" style="font-size: 1.4em; color: #666; margin-left: 75px; margin-right: 75px;"> +La Matrice <span style="color: #c60032;">Rouge</span> est un outil idéal pour toutes les communautés en passant par les particuliers et les familles tout en incluant les forums, sites-web d'affaires ainsi que les organisations. C'est une solution de remplacement, non négligeable, aux réseaux sociaux actuels rendue accessible à tous ceux qui sont soucieux de leur vie privée et qui souhaitent conserver le contrôle de leur présence sur internet.<br /> +</div> +<br /> +<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="register" style="color: white; padding:10px; background-color: #c60032; border-radius: 10px;">M'inscrire!</a> +<a href="donate" style="color: white; padding:10px; background-color: #c60032; border-radius: 10px;">Dons / Sponsors</a> +</div> +<div style="margin-top: 15px; margin-bottom: 15px;"><a href="pubsites">Hubs public</a> | <a href="https://redmatrix.me">Le Projet</a> | <a href="https://github.com/friendica/red">Source</a> | <a href="https://zothub.com/channel/one">Developpeurs</a></div> +</div> + +<!-- NETHERLANDS TRANSLATIONS STARTS HERE --> + +<div lang="nl" class="wrapper" style="display: none;"> +<div class="tr" style="font-size: 1.4em; color: #666; margin-left: 75px; margin-right: 75px;"> +De <strong>Red Matrix</strong> (ook bekend als "<span style="color: #c60032;">red</span>") is een opensource webapplicatie dat een volledig systeem biedt voor <em>gedecentraliseerd</em> publiceren, delen en communiceren. Het combineert communicatie (een <em>sociaal netwerk</em>, chat en privécommunicatie) en mediabeheer (foto's, bookmarks, bestanden, webpagina's en apps), met zoveel mogelijkheden dat het je begint te duizelen. +</div> +<br /> +<div class="tr" style="font-size: 1.4em; color: #666; margin-left: 75px; margin-right: 75px;"> +Wat de Red Matrix uniek maakt is de zogenaamde “magische authenticatie”. Wat gebaseerd is op ons baanbrekende werk in gedecentraliseerde identificatie. Dit knoopt alle Red Matrix-hubs en -kanalen aan elkaar, waardoor er één groot supernetwerk ontstaat waarin de grenzen tussen verschillende websites zijn vervaagd of niet meer lijken te bestaan. Waar “wie je bent” niets te maken heeft met met “wat voor computerserver je verbonden bent” en waar de inhoud van webpagina's zich kan aanpassen aan wie er naar kijkt. +</div> +<br /> +<div class="tr" style="font-size: 1.4em; color: #666; margin-left: 75px; margin-right: 75px;"> +Waarschuwing: Nadat je de “magische authenticatie” en een “nomadische identiteit” ervaren hebt, kan het erg storend zijn en een beetje “primitief” om terug te moeten keren naar het oude internet. Je hoeft geen honderden verschillende wachtwoorden te onthouden om het web te gebruiken... of om volledig geïsoleerd te zijn van je vrienden en familie, omdat een server of router in een ander land "<em>problemen</em>" ondervindt. +</div> +<br /> +<div class="tr" style="font-size: 1.4em; color: #666; margin-left: 75px; margin-right: 75px;"> +Voor een gewoon mens is het grootste voordeel van een gedecentraliseerde identiteit dat jij kan beslissen met wie je jouw gegevens deelt. En wanneer iemand niet jouw toestemming heeft, dan krijgt hij/zij het ook niet te zien. Je hebt alles onder controle, gebruik de Red Matrix als een sociaal netwerk óf een bedrijfswebsite óf als persoonlijke cloud-opslag óf om media te publiceren, of voor wat voor toepassing dan ook. Als grens geldt alleen jouw verbeelding.<br /> +</div> +<br /> +<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="register" style="color: white; padding:10px; background-color: #c60032; border-radius: 10px;">Meld je nu aan!</a> +<a href="donate" style="color: white; padding:10px; background-color: #c60032; border-radius: 10px;">schenking</a> +</div> +<div style="margin-top: 15px; margin-bottom: 15px;"><a href="pubsites">Andere openbare hubs</a> | <a href="https://redmatrix.me">Projectwebsite</a> | <a href="https://github.com/friendica/red">Broncode</a> | <a href="https://zothub.com/channel/one">Ontwikkelaars</a></div> +</div> +<!-- INSERT NEW TRANSLATIONS HERE --> + +<!-- DO NOT REMOVE THE 2 LINES BELOW --> +</div> +</center> |