Commit 800216a7 authored by akwizgran's avatar akwizgran

Merged Vicki's new layout for small screens.

parent 96025287
...@@ -8,16 +8,16 @@ ...@@ -8,16 +8,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>
<body id="about"> <body id="about">
<div id="wrapper">
<div id="header_container"> <div id="header_container">
<div id="header"> <div id="header">
<div id="logo"> <a href="index.html"><div id="logo"><img src="img/briar_logo_large.png" alt="Briar" class="logo"/></div></a>
<a href="index.html"><img src="img/briar_logo_large.png" alt="Briar" class="logo"/></a>
</div> <!-- logo -->
<div id="nav"> <div id="nav">
<iframe id="signupframe" style="display: none" name="signupframe" src="about:blank"></iframe> <iframe id="signupframe" style="display: none" name="signupframe" src="about:blank"></iframe>
<div id="signup"> <div id="signup">
<form id="signupform" action="https://lists.sourceforge.net/lists/subscribe/briar-announce" target="signupframe" method="post"> <form id="signupform" action="https://lists.sourceforge.net/lists/subscribe/briar-announce" target="signupframe" method="post">
<input placeholder="Email address" type="email" name="email" tabindex="2" ></input> <input placeholder="Email address" type="email" name="email" tabindex="2"></input>
<button name="submit" type="submit" id="signup-submit" onClick="_submit_form();">Keep me updated</button> <button name="submit" type="submit" id="signup-submit" onClick="_submit_form();">Keep me updated</button>
</form> </form>
<div id="signupconf">Thanks! We'll keep you updated.</div> <div id="signupconf">Thanks! We'll keep you updated.</div>
...@@ -31,7 +31,9 @@ ...@@ -31,7 +31,9 @@
//--> //-->
</script> </script>
</div> <!-- signup --> </div> <!-- signup -->
<ul> <label for="menu-toggle"><img src="img/menu.png"></label>
<input type="checkbox" id="menu-toggle"/>
<ul id="menu">
<li><a href="index.html" id="indexnav">Home</a></li> <li><a href="index.html" id="indexnav">Home</a></li>
<li><a href="download.html" id="downloadnav">Download</a></li> <li><a href="download.html" id="downloadnav">Download</a></li>
<li><a href="how-it-works.html" id="hownav">How&nbsp;it&nbsp;Works</a></li> <li><a href="how-it-works.html" id="hownav">How&nbsp;it&nbsp;Works</a></li>
...@@ -44,7 +46,7 @@ ...@@ -44,7 +46,7 @@
<div id="container"> <div id="container">
<div id="content"> <div id="content">
<div class="intro"> <div class="full">
<h2>About us</h2> <h2>About us</h2>
<p><strong>Michael Rogers</strong> started the Briar project to support freedom of expression, freedom of association and the right to privacy. He has studied and built peer-to-peer systems for over a decade, contributed to Freenet and LimeWire, and is now a postdoc researcher at TU Delft.</p> <p><strong>Michael Rogers</strong> started the Briar project to support freedom of expression, freedom of association and the right to privacy. He has studied and built peer-to-peer systems for over a decade, contributed to Freenet and LimeWire, and is now a postdoc researcher at TU Delft.</p>
...@@ -59,9 +61,11 @@ ...@@ -59,9 +61,11 @@
<p>To contact the team, please email <a href="mailto:contact@briarproject.org">contact@briarproject.org</a> [<a href="keys/contact.asc">PGP key</a>].</p> <p>To contact the team, please email <a href="mailto:contact@briarproject.org">contact@briarproject.org</a> [<a href="keys/contact.asc">PGP key</a>].</p>
</div> <!-- intro --> </div> <!-- full -->
</div> <!-- content --> </div> <!-- content -->
</div> <!-- container --> </div> <!-- container -->
</div> <!-- wrapper -->
<div class="clearboth"></div> <div class="clearboth"></div>
<div id="footer_container"> <div id="footer_container">
...@@ -85,9 +89,6 @@ ...@@ -85,9 +89,6 @@
<ul> <ul>
<li><a href="copyright.html">Copyright</a></li> <li><a href="copyright.html">Copyright</a></li>
<li>Site design by Reflective Spaces</li> <li>Site design by Reflective Spaces</li>
<!--
<li><a href="http://www.reflectivespaces.co.uk" target="_blank">Site design by Reflective Spaces</a></li>
-->
</ul> </ul>
</div> <!-- footer --> </div> <!-- footer -->
</div> <!-- footer_container --> </div> <!-- footer_container -->
......
...@@ -8,16 +8,15 @@ ...@@ -8,16 +8,15 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>
<body id="copyright"> <body id="copyright">
<div id="wrapper">
<div id="header_container"> <div id="header_container">
<div id="header"> <div id="header">
<div id="logo"> <a href="index.html"><div id="logo"><img src="img/briar_logo_large.png" alt="Briar" class="logo"/></div></a>
<a href="index.html"><img src="img/briar_logo_large.png" alt="Briar" class="logo"/></a>
</div> <!-- logo -->
<div id="nav"> <div id="nav">
<iframe id="signupframe" style="display: none" name="signupframe" src="about:blank"></iframe> <iframe id="signupframe" style="display: none" name="signupframe" src="about:blank"></iframe>
<div id="signup"> <div id="signup">
<form id="signupform" action="https://lists.sourceforge.net/lists/subscribe/briar-announce" target="signupframe" method="post"> <form id="signupform" action="https://lists.sourceforge.net/lists/subscribe/briar-announce" target="signupframe" method="post">
<input placeholder="Email address" type="email" name="email" tabindex="2" ></input> <input placeholder="Email address" type="email" name="email" tabindex="2"></input>
<button name="submit" type="submit" id="signup-submit" onClick="_submit_form();">Keep me updated</button> <button name="submit" type="submit" id="signup-submit" onClick="_submit_form();">Keep me updated</button>
</form> </form>
<div id="signupconf">Thanks! We'll keep you updated.</div> <div id="signupconf">Thanks! We'll keep you updated.</div>
...@@ -31,7 +30,9 @@ ...@@ -31,7 +30,9 @@
//--> //-->
</script> </script>
</div> <!-- signup --> </div> <!-- signup -->
<ul> <label for="menu-toggle"><img src="img/menu.png"></label>
<input type="checkbox" id="menu-toggle"/>
<ul id="menu">
<li><a href="index.html" id="indexnav">Home</a></li> <li><a href="index.html" id="indexnav">Home</a></li>
<li><a href="download.html" id="downloadnav">Download</a></li> <li><a href="download.html" id="downloadnav">Download</a></li>
<li><a href="how-it-works.html" id="hownav">How&nbsp;it&nbsp;Works</a></li> <li><a href="how-it-works.html" id="hownav">How&nbsp;it&nbsp;Works</a></li>
...@@ -44,7 +45,7 @@ ...@@ -44,7 +45,7 @@
<div id="container"> <div id="container">
<div id="content"> <div id="content">
<div class="intro"> <div class="full">
<h2 >Copyright</h2> <h2 >Copyright</h2>
<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>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>
...@@ -57,9 +58,11 @@ ...@@ -57,9 +58,11 @@
<p>All other content on this website is (c) 2014 Sublime Software Ltd. You can redistribute and modify it under the terms of the <a href="https://creativecommons.org/licenses/by/4.0">Creative Commons 4.0 Attribution License</a>.</p> <p>All other content on this website is (c) 2014 Sublime Software Ltd. You can redistribute and modify it under the terms of the <a href="https://creativecommons.org/licenses/by/4.0">Creative Commons 4.0 Attribution License</a>.</p>
</div> <!-- intro --> </div> <!-- full -->
</div> <!-- content --> </div> <!-- content -->
</div> <!-- container --> </div> <!-- container -->
</div> <!-- wrapper -->
<div class="clearboth"></div> <div class="clearboth"></div>
<div id="footer_container"> <div id="footer_container">
...@@ -83,9 +86,6 @@ ...@@ -83,9 +86,6 @@
<ul> <ul>
<li><a href="copyright.html">Copyright</a></li> <li><a href="copyright.html">Copyright</a></li>
<li>Site design by Reflective Spaces</li> <li>Site design by Reflective Spaces</li>
<!--
<li><a href="http://www.reflectivespaces.co.uk" target="_blank">Site design by Reflective Spaces</a></li>
-->
</ul> </ul>
</div> <!-- footer --> </div> <!-- footer -->
</div> <!-- footer_container --> </div> <!-- footer_container -->
......
This diff is collapsed.
...@@ -8,16 +8,16 @@ ...@@ -8,16 +8,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>
<body id="download"> <body id="download">
<div id="wrapper">
<div id="header_container"> <div id="header_container">
<div id="header"> <div id="header">
<div id="logo"> <a href="index.html"><div id="logo"><img src="img/briar_logo_large.png" alt="Briar" class="logo"/></div></a>
<a href="index.html"><img src="img/briar_logo_large.png" alt="Briar" class="logo"/></a>
</div> <!-- logo -->
<div id="nav"> <div id="nav">
<iframe id="signupframe" style="display: none" name="signupframe" src="about:blank"></iframe> <iframe id="signupframe" style="display: none" name="signupframe" src="about:blank"></iframe>
<div id="signup"> <div id="signup">
<form id="signupform" action="https://lists.sourceforge.net/lists/subscribe/briar-announce" target="signupframe" method="post"> <form id="signupform" action="https://lists.sourceforge.net/lists/subscribe/briar-announce" target="signupframe" method="post">
<input placeholder="Email address" type="email" name="email" tabindex="2" ></input> <input placeholder="Email address" type="email" name="email" tabindex="2"></input>
<button name="submit" type="submit" id="signup-submit" onClick="_submit_form();">Keep me updated</button> <button name="submit" type="submit" id="signup-submit" onClick="_submit_form();">Keep me updated</button>
</form> </form>
<div id="signupconf">Thanks! We'll keep you updated.</div> <div id="signupconf">Thanks! We'll keep you updated.</div>
...@@ -31,7 +31,9 @@ ...@@ -31,7 +31,9 @@
//--> //-->
</script> </script>
</div> <!-- signup --> </div> <!-- signup -->
<ul> <label for="menu-toggle"><img src="img/menu.png"></label>
<input type="checkbox" id="menu-toggle"/>
<ul id="menu">
<li><a href="index.html" id="indexnav">Home</a></li> <li><a href="index.html" id="indexnav">Home</a></li>
<li><a href="download.html" id="downloadnav">Download</a></li> <li><a href="download.html" id="downloadnav">Download</a></li>
<li><a href="how-it-works.html" id="hownav">How&nbsp;it&nbsp;Works</a></li> <li><a href="how-it-works.html" id="hownav">How&nbsp;it&nbsp;Works</a></li>
...@@ -44,14 +46,16 @@ ...@@ -44,14 +46,16 @@
<div id="container"> <div id="container">
<div id="content"> <div id="content">
<div class="intro"> <div class="full">
<h2>Coming Soon</h2> <h2>Coming Soon</h2>
<p>Briar for Android is currently in private beta and will be available for download soon. If you'd like to be informed when the app is available, please <a href="https://lists.sourceforge.net/lists/listinfo/briar-announce">join the announcement mailing list</a>.</p> <p>Briar for Android is currently in private beta and will be available for download soon. If you'd like to be informed when the app is available, please <a href="https://lists.sourceforge.net/lists/listinfo/briar-announce">join the announcement mailing list</a>.</p>
</div> <!-- intro --> </div> <!-- full -->
</div> <!-- content --> </div> <!-- content -->
</div> <!-- container --> </div> <!-- container -->
</div> <!-- wrapper -->
<div class="clearboth"></div> <div class="clearboth"></div>
<div id="footer_container"> <div id="footer_container">
...@@ -75,9 +79,6 @@ ...@@ -75,9 +79,6 @@
<ul> <ul>
<li><a href="copyright.html">Copyright</a></li> <li><a href="copyright.html">Copyright</a></li>
<li>Site design by Reflective Spaces</li> <li>Site design by Reflective Spaces</li>
<!--
<li><a href="http://www.reflectivespaces.co.uk" target="_blank">Site design by Reflective Spaces</a></li>
-->
</ul> </ul>
</div> <!-- footer --> </div> <!-- footer -->
</div> <!-- footer_container --> </div> <!-- footer_container -->
......
...@@ -8,16 +8,16 @@ ...@@ -8,16 +8,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>
<body id="involved"> <body id="involved">
<div id="wrapper">
<div id="header_container"> <div id="header_container">
<div id="header"> <div id="header">
<div id="logo"> <a href="index.html"><div id="logo"><img src="img/briar_logo_large.png" alt="Briar" class="logo"/></div></a>
<a href="index.html"><img src="img/briar_logo_large.png" alt="Briar" class="logo"/></a>
</div> <!-- logo -->
<div id="nav"> <div id="nav">
<iframe id="signupframe" style="display: none" name="signupframe" src="about:blank"></iframe> <iframe id="signupframe" style="display: none" name="signupframe" src="about:blank"></iframe>
<div id="signup"> <div id="signup">
<form id="signupform" action="https://lists.sourceforge.net/lists/subscribe/briar-announce" target="signupframe" method="post"> <form id="signupform" action="https://lists.sourceforge.net/lists/subscribe/briar-announce" target="signupframe" method="post">
<input placeholder="Email address" type="email" name="email" tabindex="2" ></input> <input placeholder="Email address" type="email" name="email" tabindex="2"></input>
<button name="submit" type="submit" id="signup-submit" onClick="_submit_form();">Keep me updated</button> <button name="submit" type="submit" id="signup-submit" onClick="_submit_form();">Keep me updated</button>
</form> </form>
<div id="signupconf">Thanks! We'll keep you updated.</div> <div id="signupconf">Thanks! We'll keep you updated.</div>
...@@ -31,7 +31,9 @@ ...@@ -31,7 +31,9 @@
//--> //-->
</script> </script>
</div> <!-- signup --> </div> <!-- signup -->
<ul> <label for="menu-toggle"><img src="img/menu.png"></label>
<input type="checkbox" id="menu-toggle"/>
<ul id="menu">
<li><a href="index.html" id="indexnav">Home</a></li> <li><a href="index.html" id="indexnav">Home</a></li>
<li><a href="download.html" id="downloadnav">Download</a></li> <li><a href="download.html" id="downloadnav">Download</a></li>
<li><a href="how-it-works.html" id="hownav">How&nbsp;it&nbsp;Works</a></li> <li><a href="how-it-works.html" id="hownav">How&nbsp;it&nbsp;Works</a></li>
...@@ -44,7 +46,7 @@ ...@@ -44,7 +46,7 @@
<div id="container"> <div id="container">
<div id="content"> <div id="content">
<div class="intro"> <div class="full">
<h2>Get Involved</h2> <h2>Get Involved</h2>
<p>The Briar project is looking for help! We need people to contribute to all aspects of the project, including design, development, documentation, translation and testing.</p> <p>The Briar project is looking for help! We need people to contribute to all aspects of the project, including design, development, documentation, translation and testing.</p>
...@@ -55,13 +57,15 @@ ...@@ -55,13 +57,15 @@
<p>If you're interested in getting involved or following the progress of the project, please <a href="https://lists.sourceforge.net/lists/listinfo/briar-devel">join the development mailing list</a>.</p> <p>If you're interested in getting involved or following the progress of the project, please <a href="https://lists.sourceforge.net/lists/listinfo/briar-devel">join the development mailing list</a>.</p>
<p>All our software is open source - you can <a href="http://code.briarproject.org/akwizgran/briar/tree/master">browse the source code</a> or clone the Git repository:</p> <p>All our software is open source - you can <a href="https://code.briarproject.org/akwizgran/briar/tree/master">browse the source code</a> or clone the Git repository:</p>
<p align="center"><strong> git clone http://code.briarproject.org/akwizgran/briar.git</strong></p> <p align="center"><strong> git clone https://code.briarproject.org/akwizgran/briar.git</strong></p>
</div> <!-- intro --> </div> <!-- full -->
</div> <!-- content --> </div> <!-- content -->
</div> <!-- container --> </div> <!-- container -->
</div> <!-- wrapper -->
<div class="clearboth"></div> <div class="clearboth"></div>
<div id="footer_container"> <div id="footer_container">
...@@ -85,9 +89,6 @@ ...@@ -85,9 +89,6 @@
<ul> <ul>
<li><a href="copyright.html">Copyright</a></li> <li><a href="copyright.html">Copyright</a></li>
<li>Site design by Reflective Spaces</li> <li>Site design by Reflective Spaces</li>
<!--
<li><a href="http://www.reflectivespaces.co.uk" target="_blank">Site design by Reflective Spaces</a></li>
-->
</ul> </ul>
</div> <!-- footer --> </div> <!-- footer -->
</div> <!-- footer_container --> </div> <!-- footer_container -->
......
...@@ -8,16 +8,16 @@ ...@@ -8,16 +8,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>
<body id="how"> <body id="how">
<div id="wrapper">
<div id="header_container"> <div id="header_container">
<div id="header"> <div id="header">
<div id="logo"> <a href="index.html"><div id="logo"><img src="img/briar_logo_large.png" alt="Briar" class="logo"/></div></a>
<a href="index.html"><img src="img/briar_logo_large.png" alt="Briar" class="logo"/></a>
</div> <!-- logo -->
<div id="nav"> <div id="nav">
<iframe id="signupframe" style="display: none" name="signupframe" src="about:blank"></iframe> <iframe id="signupframe" style="display: none" name="signupframe" src="about:blank"></iframe>
<div id="signup"> <div id="signup">
<form id="signupform" action="https://lists.sourceforge.net/lists/subscribe/briar-announce" target="signupframe" method="post"> <form id="signupform" action="https://lists.sourceforge.net/lists/subscribe/briar-announce" target="signupframe" method="post">
<input placeholder="Email address" type="email" name="email" tabindex="2" ></input> <input placeholder="Email address" type="email" name="email" tabindex="2"></input>
<button name="submit" type="submit" id="signup-submit" onClick="_submit_form();">Keep me updated</button> <button name="submit" type="submit" id="signup-submit" onClick="_submit_form();">Keep me updated</button>
</form> </form>
<div id="signupconf">Thanks! We'll keep you updated.</div> <div id="signupconf">Thanks! We'll keep you updated.</div>
...@@ -31,7 +31,9 @@ ...@@ -31,7 +31,9 @@
//--> //-->
</script> </script>
</div> <!-- signup --> </div> <!-- signup -->
<ul> <label for="menu-toggle"><img src="img/menu.png"></label>
<input type="checkbox" id="menu-toggle"/>
<ul id="menu">
<li><a href="index.html" id="indexnav">Home</a></li> <li><a href="index.html" id="indexnav">Home</a></li>
<li><a href="download.html" id="downloadnav">Download</a></li> <li><a href="download.html" id="downloadnav">Download</a></li>
<li><a href="how-it-works.html" id="hownav">How&nbsp;it&nbsp;Works</a></li> <li><a href="how-it-works.html" id="hownav">How&nbsp;it&nbsp;Works</a></li>
...@@ -47,6 +49,8 @@ ...@@ -47,6 +49,8 @@
<div class="full"> <div class="full">
<h2>How it Works</h2> <h2>How it Works</h2>
<div class="clearboth"></div>
<p>Briar is a messaging app designed for activists, journalists, and <p>Briar is a messaging app designed for activists, journalists, and
anyone else who needs a safe, easy and robust way to communicate. anyone else who needs a safe, easy and robust way to communicate.
Unlike traditional messaging tools such as email, Twitter or Telegram, Unlike traditional messaging tools such as email, Twitter or Telegram,
...@@ -67,8 +71,7 @@ prevent surveillance and censorship.</figcaption> ...@@ -67,8 +71,7 @@ prevent surveillance and censorship.</figcaption>
<figcaption>Typical messaging software relies on central servers and exposes messages and relationships to surveillance.</figcaption> <figcaption>Typical messaging software relies on central servers and exposes messages and relationships to surveillance.</figcaption>
</figure> </figure>
<p>Briar provides private messaging and public forums that are protected <p>Briar provides private messaging and public forums that are protected against the following surveillance and censorship threats:</p>
against the following surveillance and censorship threats:</p>
<ul> <ul>
<li><strong>Metadata surveillance.</strong> Briar uses the Tor network to prevent eavesdroppers from learning which users are talking to each other. Each user's contact list is encrypted and stored on her own device.</li> <li><strong>Metadata surveillance.</strong> Briar uses the Tor network to prevent eavesdroppers from learning which users are talking to each other. Each user's contact list is encrypted and stored on her own device.</li>
...@@ -98,6 +101,8 @@ servers to block.</li> ...@@ -98,6 +101,8 @@ servers to block.</li>
</div> <!-- full --> </div> <!-- full -->
</div> <!-- content --> </div> <!-- content -->
</div> <!-- container --> </div> <!-- container -->
</div> <!-- wrapper -->
<div class="clearboth"></div> <div class="clearboth"></div>
<div id="footer_container"> <div id="footer_container">
...@@ -121,9 +126,6 @@ servers to block.</li> ...@@ -121,9 +126,6 @@ servers to block.</li>
<ul> <ul>
<li><a href="copyright.html">Copyright</a></li> <li><a href="copyright.html">Copyright</a></li>
<li>Site design by Reflective Spaces</li> <li>Site design by Reflective Spaces</li>
<!--
<li><a href="http://www.reflectivespaces.co.uk" target="_blank">Site design by Reflective Spaces</a></li>
-->
</ul> </ul>
</div> <!-- footer --> </div> <!-- footer -->
</div> <!-- footer_container --> </div> <!-- footer_container -->
......
img/menu.png

292 Bytes

...@@ -8,16 +8,16 @@ ...@@ -8,16 +8,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>
<body id="index"> <body id="index">
<div id="wrapper">
<div id="header_container"> <div id="header_container">
<div id="header"> <div id="header">
<div id="logo"> <a href="index.html"><div id="logo"><img src="img/briar_logo_large.png" alt="Briar" class="logo"/></div></a>
<a href="index.html"><img src="img/briar_logo_large.png" alt="Briar" class="logo"/></a>
</div> <!-- logo -->
<div id="nav"> <div id="nav">
<iframe id="signupframe" style="display: none" name="signupframe" src="about:blank"></iframe> <iframe id="signupframe" style="display: none" name="signupframe" src="about:blank"></iframe>
<div id="signup"> <div id="signup">
<form id="signupform" action="https://lists.sourceforge.net/lists/subscribe/briar-announce" target="signupframe" method="post"> <form id="signupform" action="https://lists.sourceforge.net/lists/subscribe/briar-announce" target="signupframe" method="post">
<input placeholder="Email address" type="email" name="email" tabindex="2" ></input> <input placeholder="Email address" type="email" name="email" tabindex="2"></input>
<button name="submit" type="submit" id="signup-submit" onClick="_submit_form();">Keep me updated</button> <button name="submit" type="submit" id="signup-submit" onClick="_submit_form();">Keep me updated</button>
</form> </form>
<div id="signupconf">Thanks! We'll keep you updated.</div> <div id="signupconf">Thanks! We'll keep you updated.</div>
...@@ -31,7 +31,9 @@ ...@@ -31,7 +31,9 @@
//--> //-->
</script> </script>
</div> <!-- signup --> </div> <!-- signup -->
<ul> <label for="menu-toggle"><img src="img/menu.png"></label>
<input type="checkbox" id="menu-toggle"/>
<ul id="menu">
<li><a href="index.html" id="indexnav">Home</a></li> <li><a href="index.html" id="indexnav">Home</a></li>
<li><a href="download.html" id="downloadnav">Download</a></li> <li><a href="download.html" id="downloadnav">Download</a></li>
<li><a href="how-it-works.html" id="hownav">How&nbsp;it&nbsp;Works</a></li> <li><a href="how-it-works.html" id="hownav">How&nbsp;it&nbsp;Works</a></li>
...@@ -46,9 +48,11 @@ ...@@ -46,9 +48,11 @@
<div id="content"> <div id="content">
<div class="intro"> <div class="intro">
<h2>Secure messaging, anywhere</h2> <h2>Secure messaging, anywhere</h2>
<div id="phone2"> <div id="phone2">
<img src="img/phone.gif" class="phone" alt="Screenshots"/> <img src="img/phone.gif" class="phone" alt="Screenshots"/>
</div> </div>
<ul id="introlist"> <ul id="introlist">
<li>Peer-to-peer encrypted messaging and forums</li> <li>Peer-to-peer encrypted messaging and forums</li>
<li>Messages are stored securely on your device, not in the cloud</li> <li>Messages are stored securely on your device, not in the cloud</li>
...@@ -56,19 +60,25 @@ ...@@ -56,19 +60,25 @@
<li>Free and open source software</li> <li>Free and open source software</li>
</ul> </ul>
</div> <!-- intro --> </div> <!-- intro -->
<div id="phone"> <div id="phone">
<img src="img/phone.gif" class="phone" alt="Screenshots"/> <img src="img/phone.gif" class="phone" alt="Screenshots"/>
</div> </div>
<div class="clearboth"></div> <div class="clearboth"></div>
</div> <!-- content -->
</div> <!-- container -->
<div id='flattr'> <div id="flattr">
<center> <center>
<a href='https://flattr.com/thing/592836/Briar-A-Secure-News-and-Discussion-System' target='_blank'><img src='img/flattr-badge-large.png' alt='Flattr this' title='Flattr this' border='0' /></a> <br /> <a href="https://flattr.com/t/592836/" target="_blank"><img src="img/flattr-badge-large.png" alt="Flattr this" title="Flattr this" border="0"/></a>
Bitcoin: 1NZCKkUCtJV2U2Y9hDb9uq8S7ksFCFGR6K <br />
Bitcoin: 1NZCKkUCtJV2U2Y9hDb9uq8S7ksFCFGR6K
</center> </center>
</div> </div> <!-- flattr -->
</div> <!-- content -->
</div> <!-- container -->
</div> <!-- wrapper -->
<div class="clearboth"></div> <div class="clearboth"></div>
<div id="footer_container"> <div id="footer_container">
...@@ -92,9 +102,6 @@ Bitcoin: 1NZCKkUCtJV2U2Y9hDb9uq8S7ksFCFGR6K ...@@ -92,9 +102,6 @@ Bitcoin: 1NZCKkUCtJV2U2Y9hDb9uq8S7ksFCFGR6K
<ul> <ul>
<li><a href="copyright.html">Copyright</a></li> <li><a href="copyright.html">Copyright</a></li>
<li>Site design by Reflective Spaces</li> <li>Site design by Reflective Spaces</li>
<!--
<li><a href="http://www.reflectivespaces.co.uk" target="_blank">Site design by Reflective Spaces</a></li>
-->
</ul> </ul>
</div> <!-- footer --> </div> <!-- footer -->
</div> <!-- footer_container --> </div> <!-- footer_container -->
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment