diff options
| author | friendica <info@friendica.com> | 2014-02-05 20:43:43 -0800 |
|---|---|---|
| committer | friendica <info@friendica.com> | 2014-02-05 20:43:43 -0800 |
| commit | 5c5a14c4df217ce18264fdc78568c72cbe514eb8 (patch) | |
| tree | 9234a6026ea4fbd9a811e39473c57581c93b1c8e | |
| parent | 54acf5aeace18b9b0fa0531251e6f135fcb4d906 (diff) | |
| download | volse-hubzilla-5c5a14c4df217ce18264fdc78568c72cbe514eb8.tar.gz volse-hubzilla-5c5a14c4df217ce18264fdc78568c72cbe514eb8.tar.bz2 volse-hubzilla-5c5a14c4df217ce18264fdc78568c72cbe514eb8.zip | |
this is basic but perhaps that's what we really need.
| -rw-r--r-- | assets/home.html | 77 |
1 files changed, 62 insertions, 15 deletions
diff --git a/assets/home.html b/assets/home.html index c7f9c852c..30cde3cb4 100644 --- a/assets/home.html +++ b/assets/home.html @@ -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> - -<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'); +<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; } -</script> +.tab { + float: left; + width: 25px; +} +.td { + float: left; + width: 200px; + font-size: 1.8em; + margin-bottom: 5px; + margin-right: 25px; + color: #808080; + +} + -<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> |