diff options
Diffstat (limited to 'assets')
-rw-r--r-- | assets/diamondlattice.png | bin | 0 -> 534585 bytes | |||
-rw-r--r-- | assets/home.html | 75 | ||||
-rw-r--r-- | assets/logo_antiprism.png | bin | 0 -> 62321 bytes | |||
-rw-r--r-- | assets/narrow.css | 218 | ||||
-rw-r--r-- | assets/redmatrixlogo.png | bin | 0 -> 105403 bytes | |||
-rw-r--r-- | assets/theRedMatrix.pptx | bin | 0 -> 686353 bytes | |||
-rw-r--r-- | assets/wide.css | 396 |
7 files changed, 689 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..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;">“The most fun you ever had without taking your clothes off.”<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 Binary files differnew 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 Binary files differnew file mode 100644 index 000000000..6929ae14f --- /dev/null +++ b/assets/redmatrixlogo.png 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/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 |