Merge pull request #1 from friendica/master

Update this fork

7 files changed, 689 insertions, 0 deletions

diff --git a/assets/diamondlattice.png b/assets/diamondlattice.png
new 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..1a0a13481
--- /dev/null
+++ b/assets/home.html
@@ -0,0 +1,75 @@
+<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;
+
+}
+
+
+</style>
+
+<div style="margin-top: 50px;"></div>
+
+<center>
+<div style="color:#808080;font-weight:bold;font-size:4.0em; margin-bottom: 15px;">Dream it. Do it.</div>
+<img style="width: 175px; margin-bottom: 45px;" src="assets/logo_antiprism.png" >
+</center>
+<div class="tr">
+<div class="td">Communications</div>
+<div class="td">Message Expiration</div>
+<div class="td">Photo Albums</div>
+<div class="td">Decentralised</div>
+<div class="td">Cloud Storage</div>
+<div class="td">Own Your Content</div>
+<div class="td">Blogging</div>
+<div class="td">Decent Encryption</div>
+<div class="td">Chatrooms</div>
+<div class="td">Unsend Private Mail</div>
+<div class="td">Webpage Creation</div>
+<div class="td">Content Management</div>
+<div class="td">Games</div>
+<div class="td">Unincorporated</div>
+<div class="td">Forums</div>
+<div class="td">Share Anything Digital</div>
+<div class="td">Pseudonyms</div>
+<div class="td">Multiple Identities</div>
+<div class="td">No Advertising</div>
+<div class="td">Event Calendar</div>
+<div class="td">Bookmarking</div>
+<div class="td">Community Tagging</div>
+<div class="td">Internet-scale Privacy</div>
+<div class="td">Single Sign-On</div>
+<div class="td">Directory Services</div>
+<div class="td">Nomadic Identity</div>
+<div class="td">Social Networking</div>
+<div class="td">Derivative Channels</div>
+<div class="td">Multiple Profiles</div>
+<div class="td">Privacy Groups</div>
+<div class="td">Autonomy</div>
+<div class="td">Affinity Filtering</div>
+<div class="td">Friend Suggestions</div>
+<div class="td">Cross-Site Auth</div>
+<div class="td">Themes</div>
+<div class="td">Plugins</div>
+<div class="td">External API</div>
+<div class="td">3rd Party Apps</div>
+<div class="td">Open Source</div>
+
+<div class="tr"></div>
+
+<center><div style="margin-top: 35px; color: #808080; font-size: 1.8em;">Welcome to the Matrix</div><div style="font-size: 1.4em; color: #808080;">&ldquo;The most fun you ever had without taking your clothes off.&rdquo;<br /><a href="pubsites">Public Sites</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>
diff --git a/assets/logo_antiprism.png b/assets/logo_antiprism.png
new file mode 100644
index 000000000..b72e2a211
--- /dev/null
+++ b/assets/logo_antiprism.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/redmatrixlogo.png b/assets/redmatrixlogo.png
new file mode 100644
index 000000000..6929ae14f
--- /dev/null
+++ b/assets/redmatrixlogo.png
diff --git a/assets/theRedMatrix.pptx b/assets/theRedMatrix.pptx
new file mode 100644
index 000000000..b6b6a2680
--- /dev/null
+++ b/assets/theRedMatrix.pptx
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