diff options
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/diamondlattice.png | bin | 0 -> 534585 bytes | |||
| -rw-r--r-- | assets/home.html | 187 | ||||
| -rw-r--r-- | assets/logo_simplifiedap.png | bin | 0 -> 11419 bytes | |||
| -rw-r--r-- | assets/narrow.css | 218 | ||||
| -rw-r--r-- | assets/theRedMatrix.pptx | bin | 0 -> 686353 bytes | |||
| -rw-r--r-- | assets/uluru2.jpg | bin | 0 -> 194522 bytes | |||
| -rw-r--r-- | assets/wide.css | 396 |
7 files changed, 801 insertions, 0 deletions
diff --git a/assets/diamondlattice.png b/assets/diamondlattice.png Binary files differnew file mode 100644 index 000000000..f1ed7dbd0 --- /dev/null +++ b/assets/diamondlattice.png diff --git a/assets/home.html b/assets/home.html new file mode 100644 index 000000000..41e3ffbc3 --- /dev/null +++ b/assets/home.html @@ -0,0 +1,187 @@ +<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-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", +"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; + +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> +<img style="width: 450px; margin-top: 30px; margin-bottom: 30px;" src="images/rm-480x115.png" > +<div id="word-flasher" style="font-size: 3.0em; font-weight: bold; margin-bottom: 30px;">RedMatrix</div> +<div class="tr" style="font-size: 1.6em; color: #666; margin-left: 75px; margin-right: 75px;"> +The RedMatrix (aka "<span style="color: red;">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;"> +What makes the RedMatrix unique is what we call "magic authentication" - which is based on our groundbreaking work in decentralised identity services. This ties all RedMatrix sites and channels together into a single super-network where the boundaries between different websites are blurred or seemingly non-existent; where "who you are" has nothing to do with "what computer you're connected to", and where website content can adapt itself according to who is viewing it. +</div> +<br /> +<div class="tr" style="font-size: 1.6em; color: #666; margin-left: 75px; margin-right: 75px;"> +Warning: After experiencing magic authentication and nomadic identity, you may find it disconcerting and a bit "primitive" to go back to the old internet. You shouldn't need hundreds of different passwords to use the web ... or be totally isolated from your friends and family because a server or router in another country is having "<em>issues</em>". +</div> +<br /> +<div class="tr" style="font-size: 1.6em; color: #666; margin-left: 75px; margin-right: 75px;"> +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; margin-bottom: 15px; color: #808080; font-size: 1.8em;">Welcome to the matrix. Welcome to <span style="color: red;">red</span>.</div> +<div style="font-size: 1.4em;"><a href="pubsites" style="color: white; padding:10px; background-color: red; 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> + diff --git a/assets/logo_simplifiedap.png b/assets/logo_simplifiedap.png Binary files differnew file mode 100644 index 000000000..a49a9c12a --- /dev/null +++ b/assets/logo_simplifiedap.png diff --git a/assets/narrow.css b/assets/narrow.css new file mode 100644 index 000000000..dc47c6984 --- /dev/null +++ b/assets/narrow.css @@ -0,0 +1,218 @@ +body { + font-family: 'Ubuntu',Tahoma,Helvetica,Arial,sans-serif; + color: #111111; + text-align: center; + padding:0 0 22px 0; +} + + div#header{ + position:absolute; + z-index: 100; + top:0; + left:0; + width:100%; + height: 55px; + background: rgba(100, 0, 0, 0.8); + background-size:3000px 55px; + color: #fff; + display:none; + } + + @media screen{ + body>div#header{ + position: fixed; + } + body>div#footer{ + position:fixed; + } + + } + + + div#footer{ + position:absolute; + bottom:0; + left:0; + width:100%; + height:22px; + background: #AD002C; + color: #fff; +} + +#intro-text { +color:#c60032;font-size:1.2em;width:70%;margin-right:auto;margin-left:auto;text-align:justify; +} +div.section-text { +color:#c60032;font-size:1.2em;width:80%;margin-right:auto;margin-left:auto;text-align:justify; +} + +#tagline { + color: #c60032; + width:80%; + margin-top:0px; + margin-bottom:20px; + margin-left: auto; + margin-right: auto; +} + +div.red-button { + width:150px; + margin-left: auto; + margin-right: auto; + font-weight: 500; + font-size: larger; + background-color: #c60032; + border: 2px solid lightgray; + border-radius: 5px; + padding: 12px; +} +div.red-button a { + text-decoration: none; + color:#FFFFFF; +} +div.red-button a:hover { + text-decoration: none; + font-weight:600; + +} + +#footer { + font-size: 12px; + color:#fff; + padding-top: 4px; +} + +#footer a { + text-decoration: none; + color:#fff; +} +.bg { + display:none; +} +.bg2 { + display:none; +} +.bg-mask { + display:none; +} + +#bg-narrow { + background: url('diamondlattice.png') center center no-repeat ; + opacity: 0.05; + position:absolute; + top:0; + left:0; + z-index: -1; + width:100%; + height:300%; + display:none; +} + +div.summary-nodes-container { + display:none; +} +div.summary-menu-container { + display:block; +} +a.summary-menu-item { + display: block; + width:70%; + margin-left:auto;margin-right:auto; + border-radius:10px; + color:#FFFFFF; + font-size:1.2em; + text-align:center; + background:#c60032; + margin-bottom:5px; +} +a.summary-menu-item:hover{ + color:#FFFFFF; + text-decoration:none; + background:#550000 +} + + +div#menubutton1 { + position: fixed; + top:10px; + left:200px; + width:150px; + height:30px; + border-radius:10px; + color:#FFFFFF; + /* line-height:100px; */ + text-align:center; + background:#c60032; + display: none; + z-index:200; +} +div#menubutton1:hover { + color:#FFFFFF; + text-decoration:none; + background:#550000 +} +div#menubutton2 { + position: fixed; + top:10px; + left:350px; + width:150px; + height:30px; + border-radius:10px; + color:#FFFFFF; + /* line-height:100px; */ + text-align:center; + background:#c60032; + display: none; + z-index:200; +} +div#menubutton2:hover { + color:#FFFFFF; + text-decoration:none; + background:#550000 +} +div#menubutton3 { + position: fixed; + top:10px; + right:350px; + width:150px; + height:30px; + border-radius:10px; + color:#FFFFFF; + /* line-height:100px; */ + text-align:center; + background:#c60032; + display: none; + z-index:200; +} +div#menubutton3:hover { + color:#FFFFFF; + text-decoration:none; + background:#550000 +} +div#menubutton4 { + position: fixed; + top:10px; + right:200px; + width:150px; + height:30px; + border-radius:10px; + color:#FFFFFF; + /* line-height:100px; */ + text-align:center; + background:#c60032; + display: none; + z-index:200; +} +div#menubutton4:hover { + color:#FFFFFF; + text-decoration:none; + background:#550000 +} +div.section-heading { + font-size:2.0em; + color:#c60032; +} +div.section-subtitle { + font-size:1.5em; + color:#c60032; +}
\ No newline at end of file diff --git a/assets/theRedMatrix.pptx b/assets/theRedMatrix.pptx Binary files differnew file mode 100644 index 000000000..b6b6a2680 --- /dev/null +++ b/assets/theRedMatrix.pptx diff --git a/assets/uluru2.jpg b/assets/uluru2.jpg Binary files differnew file mode 100644 index 000000000..d58fca390 --- /dev/null +++ b/assets/uluru2.jpg diff --git a/assets/wide.css b/assets/wide.css new file mode 100644 index 000000000..77b7370a3 --- /dev/null +++ b/assets/wide.css @@ -0,0 +1,396 @@ +body { + font-family: 'Ubuntu',Tahoma,Helvetica,Arial,sans-serif; + color: #111111; + /*color: rgba(0,0,0,0.0); */ + text-align: center; + /* background-image: url("redmatrixbkgd.jpg"); */ + /*background: #ececec;*/ + padding:0 0 22px 0; + /* background: url(redmatrixbkgd.jpg) no-repeat center center scroll; */ + /* + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; + */ +} + +#intro-textl, #intro-textr { +text-align: left; color:#444444;font-size:1.3em; +} +div.section-text { +color:#C60032;font-size:1.2em;width:700px;margin-right:auto;margin-left:auto;text-align:justify; +} + + + div#header{ + display:none; + position:absolute; + z-index: 100; + top:0; + left:0; + width:100%; + height: 55px; + /* background-image: url("redmatrixbkgd.jpg"); */ + background: rgba(198, 0, 50, 0.8); + background-size:3000px 55px; + /* background: #afafaf;*/ + color: #fff; + } + @media screen{ + body>div#header{ + position: fixed; + } + body>div#footer{ + position:fixed; + } + + } + + div#footer{ + position:absolute; + bottom:0; + left:0; + width:100%; + height:22px; + background: #AD002C; + color: #fff; + } + + + +#tagline { + color: #880000; +/* width:600px; + margin-top:0px; + margin-bottom:20px; + margin-left: auto; + margin-right: auto; */ +} + + +.clear { + clear: both; +} + +div.red-button { + width:150px; + margin-left: auto; + margin-right: auto; + font-weight: 500; + font-size: larger; + background-color: #C60032; + border: 2px solid lightgray; + border-radius: 5px; + padding: 12px; +} +div.red-button a { + text-decoration: none; + color:#FFFFFF; +} +div.red-button a:hover { + text-decoration: none; + font-weight:600; +} + +#footer { + font-size: 12px; + color:#fff; + padding-top: 4px; +} + +#footer a { + text-decoration: none; + color:#fff; +} + +.bg { + background: url('diamondlattice.png') center center no-repeat ; + position: fixed; + width: 100%; + height: 1350px; + + top:0px; + left:0px; + opacity: 1.0; + z-index: -1; +} +.bg2 { + background: url('diamondlattice.png') center center no-repeat; + position: fixed; + + width: 100%; + height: 1350px; + top:0px; + left:0px; + opacity: 1.0; + z-index: -1; +} +.bg-mask { + background: rgba(255, 255, 255, 0.95) center center no-repeat; + position: fixed; + width: 100%; + height: 1350px; + top:0; + left:0px; + z-index: -1; + +} +.bg-narrow { + display:none; +} +div.summary-menu-container { + display:none; +} +div.summary-node { + position: fixed; + width: 50px; + text-align: center ; + font-size:1.2em; + + +} +div.summary-node-header { + font-size: 1.2em; + color:#FFFFFF; + font-weight:bold; +} +div.summary-node-1 { + position: absolute; + top:0px; + left:0px; + width:200px; + height:200px; + border-radius:100px; + color:#CCCCCC; + /* line-height:100px; */ + text-align:center; + background:#C60032; +} +div.summary-node-1:hover{ + color:#FFFFFF; + text-decoration:none; + background:#550000 +} +div.summary-node-1-text { + margin-top:25%; + width: 150px; + margin-left:auto; + margin-right:auto; +} +div.summary-node-2 { + position: absolute; + top:50px; + left:170px; + width:220px; + height:220px; + border-radius:200px; + color:#CCCCCC; + /* line-height:100px; */ + text-align:center; + background:#C60032; +} +div.summary-node-2:hover{ + color:#FFFFFF; + text-decoration:none; + background:#550000 +} +div.summary-node-2-text { + margin-top:30%; + width: 150px; + margin-left:auto; + margin-right:auto; +} +div.summary-node-3 { + position: absolute; + top:0px; + right:20px; + width:250px; + height:250px; + border-radius:200px; + color:#FFFFFF; + /* line-height:100px; */ + text-align:center; + background:#C60032; +} +div.summary-node-3:hover{ + color:#FFFFFF; + text-decoration:none; + background:#550000 +} +div.summary-node-3-text { + margin-top:25%; + width: 200px; + margin-left:auto; + margin-right:auto; +} + +div.summary-node-4 { + position: absolute; + top:200px; + right:180px; + width:200px; + height:200px; + border-radius:200px; + color:#FFFFFF; + /* line-height:100px; */ + text-align:center; + background:#C60032; +} +div.summary-node-4:hover{ + color:#FFFFFF; + text-decoration:none; + background:#550000 +} +div.summary-node-4-text { + margin-top:25%; + width: 150px; + margin-left:auto; + margin-right:auto; +} +div.summary-node-5 { + position: absolute; + top:250px; + left:120px; + width:150px; + height:150px; + border-radius:150px; + color:#FFFFFF; + /* line-height:100px; */ + text-align:center; + background:#C60032; +} +div.summary-node-5:hover{ + color:#FFFFFF; + text-decoration:none; + background:#550000 +} +div.summary-node-5-text { + margin-top:55px; + width: 150px; + margin-left:auto; + margin-right:auto; + font-size:2.0em; + +} +div.summary-node-6 { + position: absolute; + top:20px; + right:270px; + width:150px; + height:150px; + border-radius:150px; + color:#FFFFFF; + /* line-height:100px; */ + text-align:center; + background:#C60032; +} +div.summary-node-6:hover{ + color:#FFFFFF; + text-decoration:none; + background:#550000 +} +div.summary-node-6-text { + margin-top:30px; + width: 100px; + margin-left:auto; + margin-right:auto; +} +div.summary-nodes-container { + position: relative; + margin-left: auto ; + margin-right: auto ; + margin-top:30px; + margin-bottom:30px; + width: 800px; + height: 400px; + text-align: center ; +} +div#menubutton1 { + position: fixed; + top:10px; + left:200px; + width:150px; + height:30px; + border-radius:10px; + color:#FFFFFF; + /* line-height:100px; */ + text-align:center; + background:#C60032; + display: none; + z-index:200; +} +div#menubutton1:hover { + color:#FFFFFF; + text-decoration:none; + background:#550000 +} +div#menubutton2 { + position: fixed; + top:10px; + left:350px; + width:150px; + height:30px; + border-radius:10px; + color:#FFFFFF; + /* line-height:100px; */ + text-align:center; + background:#C60032; + display: none; + z-index:200; +} +div#menubutton2:hover { + color:#FFFFFF; + text-decoration:none; + background:#550000 +} +div#menubutton3 { + position: fixed; + top:10px; + right:350px; + width:150px; + height:30px; + border-radius:10px; + color:#FFFFFF; + /* line-height:100px; */ + text-align:center; + background:#C60032; + display: none; + z-index:200; +} +div#menubutton3:hover { + color:#FFFFFF; + text-decoration:none; + background:#550000 +} +div#menubutton4 { + position: fixed; + top:10px; + right:200px; + width:150px; + height:30px; + border-radius:10px; + color:#FFFFFF; + /* line-height:100px; */ + text-align:center; + background:#C60032; + display: none; + z-index:200; +} +div#menubutton4:hover { + color:#FFFFFF; + text-decoration:none; + background:#550000 +} +div.section-heading { + font-size:2.0em; + color:#C60032; + width:700px; + margin-bottom: 1em; + margin-left:auto; + margin-right:auto; +} +div.section-subtitle { + font-size:1.5em; + color:#BB0000; +}
\ No newline at end of file |
