this is basic but perhaps that's what we really need.

This commit is contained in:
friendica 2014-02-05 20:43:43 -08:00
parent 54acf5aeac
commit 5c5a14c4df

View file

@ -1,25 +1,72 @@
<style>section { position: relative; } nav { z-index: 9999; position: fixed; width: 100%; top: 0; left: 0; } header { z-index: 10000; }</style> <style>
section { position: relative; margin-left: 15px;}
nav { z-index: 9999; position: fixed; width: 100%; top: 0; left: 0; }
header { z-index: 10000; }
<script> .tr {
// Scroll backgrounds at different rates to achieve the parallax effect clear: both;
$(window).scroll(function(e){ }
parallax(); .tab {
}); float: left;
function parallax(){ width: 25px;
var scrolled = $(window).scrollTop(); }
$('.bg').css('top',-(scrolled*0.4)+'px'); .td {
$('.bg2').css('top',-(scrolled*0.5)+'px'); float: left;
width: 200px;
font-size: 1.8em;
margin-bottom: 5px;
margin-right: 25px;
color: #808080;
} }
</script>
<body>
</style>
<div style="margin-top: 50px;"></div> <div style="margin-top: 50px;"></div>
<center> <center>
<img style="width: 175px; margin-bottom: 15px;" src="assets/logo_antiprism.png" ><br> <div style="color:#808080;font-weight:bold;font-size:4.0em; margin-bottom: 15px;">Dream it. Do it.</div>
<span style="color:#808080;font-weight:bold;font-size:1.8em; margin-bottom: 15px;">Dream it. Do it.</span> <img style="width: 175px; margin-bottom: 45px;" src="assets/logo_antiprism.png" >
</center> </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">Blogging</div>
<div class="td">Decent Encryption</div>
<div class="td">Chatrooms</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">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>