mirror of
https://codeberg.org/streams/streams.git
synced 2024-09-20 07:15:13 +00:00
this is basic but perhaps that's what we really need.
This commit is contained in:
parent
54acf5aeac
commit
5c5a14c4df
1 changed files with 61 additions and 14 deletions
|
@ -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>
|
||||
// Scroll backgrounds at different rates to achieve the parallax effect
|
||||
$(window).scroll(function(e){
|
||||
parallax();
|
||||
});
|
||||
function parallax(){
|
||||
var scrolled = $(window).scrollTop();
|
||||
$('.bg').css('top',-(scrolled*0.4)+'px');
|
||||
$('.bg2').css('top',-(scrolled*0.5)+'px');
|
||||
.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;
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<body>
|
||||
|
||||
</style>
|
||||
|
||||
<div style="margin-top: 50px;"></div>
|
||||
|
||||
<center>
|
||||
<img style="width: 175px; margin-bottom: 15px;" src="assets/logo_antiprism.png" ><br>
|
||||
<span style="color:#808080;font-weight:bold;font-size:1.8em; margin-bottom: 15px;">Dream it. Do it.</span>
|
||||
<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">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;">“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>
|
||||
|
|
Loading…
Reference in a new issue