aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorfriendica <info@friendica.com>2014-02-05 20:43:43 -0800
committerfriendica <info@friendica.com>2014-02-05 20:43:43 -0800
commit5c5a14c4df217ce18264fdc78568c72cbe514eb8 (patch)
tree9234a6026ea4fbd9a811e39473c57581c93b1c8e
parent54acf5aeace18b9b0fa0531251e6f135fcb4d906 (diff)
downloadvolse-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.html77
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;">&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>