diff --git a/copyright.html b/copyright.html index 6ceb8c44e630c4f41bd4f71c0f993074a6a590fe..6f9be481ea162f003e7dc8e9d068c316e6646251 100644 --- a/copyright.html +++ b/copyright.html @@ -51,7 +51,7 @@ <p>Briar is free software. You can redistribute it and modify it under the terms of the <a href="https://gnu.org/licenses/gpl.txt">GNU General Public License</a>.</p> - <p>Google Play is a trademark of Google Inc. The Android robot is reproduced or modified from work created and shared by Google and used according to terms described in the <a href="https://creativecommons.org/licenses/by/3.0">Creative Commons 3.0 Attribution License</a>.</p> + <p>Google Play and the Google Play logo are trademarks of Google Inc. The Android robot is reproduced or modified from work created and shared by Google and used according to terms described in the <a href="https://creativecommons.org/licenses/by/3.0">Creative Commons 3.0 Attribution License</a>.</p> <p>The mobile phone image is reproduced or modified from work created and shared by <a href="https://secure.flickr.com/photos/vernieman">Vernon Chan</a> and used according to terms described in the <a href="https://creativecommons.org/licenses/by/2.0">Creative Commons 2.0 Attribution License</a>.</p> diff --git a/css/styles.css b/css/styles.css index 03369fcd73edefa3324ed70f2f017268aef1152c..c64f286dc29f5462032fef9997eaf90a7a91f103 100644 --- a/css/styles.css +++ b/css/styles.css @@ -29,6 +29,10 @@ img { vertical-align:middle; } +#playbutton { + width:240px; +} + figure { text-align:center; margin:0 0 50px 0; @@ -383,8 +387,6 @@ figcaption { display:inline; } -#phone2 {display:none;} - #flattr {font-size:0.6em;} #footer_container { @@ -483,7 +485,7 @@ figcaption { *line-height:1.3em; } -@media only screen and (max-width: 48em) { +@media only screen and (max-width:48em) { #wrapper {margin-bottom:-5em;} #content { @@ -509,17 +511,19 @@ figcaption { margin-top:15px; } - #phone2 { + #playbutton { + width:200px; + } + + #phone { width:auto; clear:both; text-align:center; display:inline; - margin:20px 20px 20px 0; + margin:10px 10px 10px 0; float:left; } - #phone {display:none;} - .intro {width:100%;} .logo {display:none;} @@ -544,7 +548,7 @@ figcaption { -o-background-size:129px 51px; background-image:url('../img/briar_logo_sm.png'); background-position:1em 10px; - background-repeat: no-repeat; + background-repeat:no-repeat; } #header_container { @@ -618,6 +622,6 @@ figcaption { #signup {display:none;} } -@media only screen and (max-width: 28em) { +@media only screen and (max-width:28em) { #content .intro #introlist {clear:both;} } diff --git a/how-it-works.html b/how-it-works.html index 7d01c25599186bc090f534abac4c46a0814dc3db..ca2509992e24f8803e286d99051db361f593943c 100644 --- a/how-it-works.html +++ b/how-it-works.html @@ -54,12 +54,10 @@ <p>Briar is a messaging app designed for activists, journalists, and anyone else who needs a safe, easy and robust way to communicate. -Unlike traditional messaging tools such as email, Twitter or Telegram, -Briar doesn't rely on a central server - messages are synchronized -directly between the users' devices. If the Internet's down, Briar can -sync via Bluetooth or Wi-Fi, keeping the information flowing in a -crisis. If the Internet's up, Briar can sync via the Tor network, -protecting users and their relationships from surveillance.</p> +Unlike traditional messaging apps, Briar doesn't rely on a central server - +messages are synchronized directly between the users' devices. +If the internet's down, Briar can sync via Bluetooth or Wi-Fi, keeping the information flowing in a crisis. +If the internet's up, Briar can sync via the Tor network, protecting users and their relationships from surveillance.</p> <figure> <img src="img/diagram_secure.png" class="" alt="Briar"/> diff --git a/img/google_play_badge_web_generic.png b/img/google_play_badge_web_generic.png new file mode 100644 index 0000000000000000000000000000000000000000..c77b7464b049c7d6666155c61df5f486f241f760 Binary files /dev/null and b/img/google_play_badge_web_generic.png differ diff --git a/index.html b/index.html index 2e7b46933ee0759dbd3e9c016cfd9dde240976fd..d51b5b83debfe4cb1f36545953f6a5d68c86c606 100644 --- a/index.html +++ b/index.html @@ -50,10 +50,6 @@ <div class="intro"> <h2>Secure messaging, anywhere</h2> - <div id="phone2"> - <img src="img/phone.gif" class="phone" alt="Screenshots"/> - </div> - <p> <strong>Latest News:</strong> <a href="news/2017-beta-released-security-audit.html"> @@ -67,6 +63,9 @@ <li>Connect directly with nearby contacts - no Internet access required</li> <li>Free and open source software</li> </ul> + + <a href="https://play.google.com/store/apps/details?id=org.briarproject.briar.beta" target="_blank"><img id="playbutton" src="img/google_play_badge_web_generic.png" alt="Get it on Google Play" border="0"/></a> + </div> <!-- intro --> <div id="phone">