diff options
| -rw-r--r-- | assets/home.html | 30 | ||||
| -rw-r--r-- | assets/wide.css | 10 |
2 files changed, 26 insertions, 14 deletions
diff --git a/assets/home.html b/assets/home.html index 3f018edfc..8751f8485 100644 --- a/assets/home.html +++ b/assets/home.html @@ -30,23 +30,35 @@ $(window).scroll(function(e){ <div id="bg-narrow"></div> -<div class="section-heading" style="margin-top: 32px;"> -The internet is broken. We're fixing it.</div> +<div class="section-heading" style="margin-top: 32px; color:#808080; font-size: 4.0em;"> +Imagine</div> -<div> -<div id="tagline"> -<img style="float:center;width:175px;padding:5px;" src="assets/logo_antiprism.png"><br> -<span style="color:#808080;font-weight:bold;font-size:1.5em;">ma·trix:</span><span style="color:#808080;font-weight:light;font-size:1.2em;"><i> something within or from which something else originates, develops, or takes form </i></span> +<div style="margin-left: auto; margin-right: auto; width: 830px;" > +<div id="intro-textl" style="float: left; width: 250px;"> +<p>Let's imagine a <strong>new internet</strong>. One that allows you to publish, communicate and share freely; yet the things you publish are only visible to those you choose. Period. Let's also imagine that this internet doesn't force you to remember a unique password for every site you wish to be involved with. Your website and your friends' websites connect together and they all just know who you are - yet what else they know about you is under your control. +</p> </div> + + +<div id="tagline" style="float:left;width:300px;padding:5px;" > +<center> +<img style="width: 175px; margin-bottom: 15px;" src="assets/logo_antiprism.png" ><br> +<span style="color:#808080;font-weight:bold;font-size:1.5em; margin-bottom: 15px;">ma·trix:</span><span style="color:#808080;font-weight:light;font-size:1.2em;"><i> something within or from which something else originates, develops, or takes form </i></span> +</center> </div> -<div id="intro-text"> -<p>Imagine an internet slightly different than what we have today. The internet of the future won't require logging in with passwords on every site you wish to access. It will just know who you are. An internet where you need to keep track of hundreds/thousands of passwords on hundreds/thousands of websites is fundamentally broken. But an internet with no privacy and where all your online activities are monitored and tracked is likewise broken. -</p> +<div id="intro-textr" style="float: left; width: 250px;"> <p>Imagine if you had an internet where the people using it could <b>create new services</b> and <b>communicate freely and privately</b> - and where you didn't need a different account on every website in the network in order to use each website. Where you had your own space and could <b>share anything you wanted</b> with anybody you wanted, any time you wanted. Where the <b>things you share in private stay private</b> instead of being under constant surveillance from advertising corporations and government intelligence agencies. </p> </div> + + +</div> + +<div class="clear"></div> + + <div class="summary-menu-container"> <a class="summary-menu-item" href="#decentralise" >Decentralise</a> <a class="summary-menu-item" href="#identity" >Identity</a> diff --git a/assets/wide.css b/assets/wide.css index 84dbc47a2..77b7370a3 100644 --- a/assets/wide.css +++ b/assets/wide.css @@ -2,7 +2,7 @@ body { font-family: 'Ubuntu',Tahoma,Helvetica,Arial,sans-serif; color: #111111; /*color: rgba(0,0,0,0.0); */ - text-align: center; + text-align: center; /* background-image: url("redmatrixbkgd.jpg"); */ /*background: #ececec;*/ padding:0 0 22px 0; @@ -15,8 +15,8 @@ body { */ } -#intro-text { -color:#C60032;font-size:1.2em;width:700px;margin-right:auto;margin-left:auto;text-align:justify; +#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; @@ -61,11 +61,11 @@ color:#C60032;font-size:1.2em;width:700px;margin-right:auto;margin-left:auto;tex #tagline { color: #880000; - width:600px; +/* width:600px; margin-top:0px; margin-bottom:20px; margin-left: auto; - margin-right: auto; + margin-right: auto; */ } |