Commit 800216a7 authored by akwizgran's avatar akwizgran

Merged Vicki's new layout for small screens.

parent 96025287
...@@ -8,60 +8,64 @@ ...@@ -8,60 +8,64 @@
<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="header_container">
<div id="header">
<div id="logo">
<a href="index.html"><img src="img/briar_logo_large.png" alt="Briar" class="logo"/></a>
</div> <!-- logo -->
<div id="nav">
<iframe id="signupframe" style="display: none" name="signupframe" src="about:blank"></iframe>
<div id="signup">
<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>
<button name="submit" type="submit" id="signup-submit" onClick="_submit_form();">Keep me updated</button>
</form>
<div id="signupconf">Thanks! We'll keep you updated.</div>
<script language="JavaScript">
<!--
function _submit_form(){
document.getElementById('signupform').style.display = 'none';
document.getElementById('signupconf').style.display = 'block';
return true
}
//-->
</script>
</div> <!-- signup -->
<ul>
<li><a href="index.html" id="indexnav">Home</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="about.html" id="aboutnav">About&nbsp;Us</a></li>
<li><a href="get-involved.html" id="involvednav">Get&nbsp;Involved</a></li>
</ul>
</div> <!-- nav -->
</div> <!-- header -->
</div> <!-- header_container -->
<div id="container"> <div id="wrapper">
<div id="content"> <div id="header_container">
<div class="intro"> <div id="header">
<h2>About us</h2> <a href="index.html"><div id="logo"><img src="img/briar_logo_large.png" alt="Briar" class="logo"/></div></a>
<div id="nav">
<iframe id="signupframe" style="display: none" name="signupframe" src="about:blank"></iframe>
<div id="signup">
<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>
<button name="submit" type="submit" id="signup-submit" onClick="_submit_form();">Keep me updated</button>
</form>
<div id="signupconf">Thanks! We'll keep you updated.</div>
<script language="JavaScript">
<!--
function _submit_form(){
document.getElementById('signupform').style.display = 'none';
document.getElementById('signupconf').style.display = 'block';
return true
}
//-->
</script>
</div> <!-- signup -->
<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="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="about.html" id="aboutnav">About&nbsp;Us</a></li>
<li><a href="get-involved.html" id="involvednav">Get&nbsp;Involved</a></li>
</ul>
</div> <!-- nav -->
</div> <!-- header -->
</div> <!-- header_container -->
<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> <div id="container">
<div id="content">
<div class="full">
<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>Eleanor Saitta</strong> is a hacker, designer, artist, writer, and barbarian. She has ten years' experience as a security consultant, and makes a living and a vocation of understanding how complex systems operate and redesigning them to work, or at least fail, better.</p> <p><strong>Eleanor Saitta</strong> is a hacker, designer, artist, writer, and barbarian. She has ten years' experience as a security consultant, and makes a living and a vocation of understanding how complex systems operate and redesigning them to work, or at least fail, better.</p>
<p><strong>Bernard Tyers</strong> is an independent interaction designer and user researcher. He is interested in privacy and applying user-centred design to usable security. He is a long-time supporter of the Open Rights Group, Tor and free software projects.</p> <p><strong>Bernard Tyers</strong> is an independent interaction designer and user researcher. He is interested in privacy and applying user-centred design to usable security. He is a long-time supporter of the Open Rights Group, Tor and free software projects.</p>
<p><strong>Ximin Luo</strong> is a software engineer by trade, interested in decentralised systems, cryptography, and network security. He is a long-time supporter of anti-censorship and free software projects, and also contributes to Tor, Debian, and Freenet.</p> <p><strong>Ximin Luo</strong> is a software engineer by trade, interested in decentralised systems, cryptography, and network security. He is a long-time supporter of anti-censorship and free software projects, and also contributes to Tor, Debian, and Freenet.</p>
<p>Briar has received funding from <a href="http://smallmediafoundation.com/">Small Media</a>, the <a href="https://openitp.org/">Open Internet Tools Project</a>, and <a href="https://accessnow.org/">Access</a>.</p>
<p>Briar has received funding from <a href="http://smallmediafoundation.com/">Small Media</a>, the <a href="https://openitp.org/">Open Internet Tools Project</a>, and <a href="https://accessnow.org/">Access</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>
<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> <!-- full -->
</div> <!-- content -->
</div> <!-- container -->
</div> <!-- wrapper -->
</div> <!-- intro -->
</div> <!-- content -->
</div> <!-- container -->
<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,58 +8,61 @@ ...@@ -8,58 +8,61 @@
<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="header_container"> <div id="wrapper">
<div id="header"> <div id="header_container">
<div id="logo"> <div id="header">
<a href="index.html"><img src="img/briar_logo_large.png" alt="Briar" class="logo"/></a> <a href="index.html"><div id="logo"><img src="img/briar_logo_large.png" alt="Briar" class="logo"/></div></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> <script language="JavaScript">
<script language="JavaScript"> <!--
<!-- function _submit_form(){
function _submit_form(){ document.getElementById('signupform').style.display = 'none';
document.getElementById('signupform').style.display = 'none'; document.getElementById('signupconf').style.display = 'block';
document.getElementById('signupconf').style.display = 'block'; return true
return true }
} //-->
//--> </script>
</script> </div> <!-- signup -->
</div> <!-- signup --> <label for="menu-toggle"><img src="img/menu.png"></label>
<ul> <input type="checkbox" id="menu-toggle"/>
<li><a href="index.html" id="indexnav">Home</a></li> <ul id="menu">
<li><a href="download.html" id="downloadnav">Download</a></li> <li><a href="index.html" id="indexnav">Home</a></li>
<li><a href="how-it-works.html" id="hownav">How&nbsp;it&nbsp;Works</a></li> <li><a href="download.html" id="downloadnav">Download</a></li>
<li><a href="about.html" id="aboutnav">About&nbsp;Us</a></li> <li><a href="how-it-works.html" id="hownav">How&nbsp;it&nbsp;Works</a></li>
<li><a href="get-involved.html" id="involvednav">Get&nbsp;Involved</a></li> <li><a href="about.html" id="aboutnav">About&nbsp;Us</a></li>
</ul> <li><a href="get-involved.html" id="involvednav">Get&nbsp;Involved</a></li>
</div> <!-- nav --> </ul>
</div> <!-- header --> </div> <!-- nav -->
</div> <!-- header_container --> </div> <!-- header -->
</div> <!-- header_container -->
<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>
<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 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>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> <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>
<p>The server icon was created by <a href="http://www.visualpharm.com/">VisualPharm</a>.</p> <p>The server icon was created by <a href="http://www.visualpharm.com/">VisualPharm</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> <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> <!-- full -->
</div> <!-- content -->
</div> <!-- container -->
</div> <!-- wrapper -->
</div> <!-- intro -->
</div> <!-- content -->
</div> <!-- container -->
<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,50 +8,54 @@ ...@@ -8,50 +8,54 @@
<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="header_container">
<div id="header">
<div id="logo">
<a href="index.html"><img src="img/briar_logo_large.png" alt="Briar" class="logo"/></a>
</div> <!-- logo -->
<div id="nav">
<iframe id="signupframe" style="display: none" name="signupframe" src="about:blank"></iframe>
<div id="signup">
<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>
<button name="submit" type="submit" id="signup-submit" onClick="_submit_form();">Keep me updated</button>
</form>
<div id="signupconf">Thanks! We'll keep you updated.</div>
<script language="JavaScript">
<!--
function _submit_form(){
document.getElementById('signupform').style.display = 'none';
document.getElementById('signupconf').style.display = 'block';
return true
}
//-->
</script>
</div> <!-- signup -->
<ul>
<li><a href="index.html" id="indexnav">Home</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="about.html" id="aboutnav">About&nbsp;Us</a></li>
<li><a href="get-involved.html" id="involvednav">Get&nbsp;Involved</a></li>
</ul>
</div> <!-- nav -->
</div> <!-- header -->
</div> <!-- header_container -->
<div id="container"> <div id="wrapper">
<div id="content"> <div id="header_container">
<div class="intro"> <div id="header">
<h2>Coming Soon</h2> <a href="index.html"><div id="logo"><img src="img/briar_logo_large.png" alt="Briar" class="logo"/></div></a>
<div id="nav">
<iframe id="signupframe" style="display: none" name="signupframe" src="about:blank"></iframe>
<div id="signup">
<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>
<button name="submit" type="submit" id="signup-submit" onClick="_submit_form();">Keep me updated</button>
</form>
<div id="signupconf">Thanks! We'll keep you updated.</div>
<script language="JavaScript">
<!--
function _submit_form(){
document.getElementById('signupform').style.display = 'none';
document.getElementById('signupconf').style.display = 'block';
return true
}
//-->
</script>
</div> <!-- signup -->
<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="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="about.html" id="aboutnav">About&nbsp;Us</a></li>
<li><a href="get-involved.html" id="involvednav">Get&nbsp;Involved</a></li>
</ul>
</div> <!-- nav -->
</div> <!-- header -->
</div> <!-- header_container -->
<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 id="container">
<div id="content">
<div class="full">
<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>
</div> <!-- full -->
</div> <!-- content -->
</div> <!-- container -->
</div> <!-- wrapper -->
</div> <!-- intro -->
</div> <!-- content -->
</div> <!-- container -->
<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,60 +8,64 @@ ...@@ -8,60 +8,64 @@
<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="header_container">
<div id="header">
<div id="logo">
<a href="index.html"><img src="img/briar_logo_large.png" alt="Briar" class="logo"/></a>
</div> <!-- logo -->
<div id="nav">
<iframe id="signupframe" style="display: none" name="signupframe" src="about:blank"></iframe>
<div id="signup">
<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>
<button name="submit" type="submit" id="signup-submit" onClick="_submit_form();">Keep me updated</button>
</form>
<div id="signupconf">Thanks! We'll keep you updated.</div>
<script language="JavaScript">
<!--
function _submit_form(){
document.getElementById('signupform').style.display = 'none';
document.getElementById('signupconf').style.display = 'block';
return true
}
//-->
</script>
</div> <!-- signup -->
<ul>
<li><a href="index.html" id="indexnav">Home</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="about.html" id="aboutnav">About&nbsp;Us</a></li>
<li><a href="get-involved.html" id="involvednav">Get&nbsp;Involved</a></li>
</ul>
</div> <!-- nav -->
</div> <!-- header -->
</div> <!-- header_container -->
<div id="container"> <div id="wrapper">
<div id="content"> <div id="header_container">
<div class="intro"> <div id="header">
<h2>Get Involved</h2> <a href="index.html"><div id="logo"><img src="img/briar_logo_large.png" alt="Briar" class="logo"/></div></a>
<div id="nav">
<iframe id="signupframe" style="display: none" name="signupframe" src="about:blank"></iframe>
<div id="signup">
<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>
<button name="submit" type="submit" id="signup-submit" onClick="_submit_form();">Keep me updated</button>
</form>
<div id="signupconf">Thanks! We'll keep you updated.</div>
<script language="JavaScript">
<!--
function _submit_form(){
document.getElementById('signupform').style.display = 'none';
document.getElementById('signupconf').style.display = 'block';
return true
}
//-->
</script>
</div> <!-- signup -->
<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="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="about.html" id="aboutnav">About&nbsp;Us</a></li>
<li><a href="get-involved.html" id="involvednav">Get&nbsp;Involved</a></li>
</ul>
</div> <!-- nav -->
</div> <!-- header -->
</div> <!-- header_container -->
<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> <div id="container">
<div id="content">
<div class="full">
<h2>Get Involved</h2>
<p>If you're a UX designer or a Java developer, we'd love to hear from you - we're happy to provide guidance or mentoring for less experienced developers. Knowledge of Android or Swing would be especially useful.</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>
<p>We're also looking for people who can help with technical documentation, user documentation, translations and testing.</p> <p>If you're a UX designer or a Java developer, we'd love to hear from you - we're happy to provide guidance or mentoring for less experienced developers. Knowledge of Android or Swing would be especially useful.</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>We're also looking for people who can help with technical documentation, user documentation, translations and testing.</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>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 align="center"><strong> git clone http://code.briarproject.org/akwizgran/briar.git</strong></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 https://code.briarproject.org/akwizgran/briar.git</strong></p>
</div> <!-- full -->
</div> <!-- content -->
</div> <!-- container -->
</div> <!-- wrapper -->
</div> <!-- intro -->
</div> <!-- content -->
</div> <!-- container -->
<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 -->
......
This diff is collapsed.
img/menu.png

292 Bytes

...@@ -8,67 +8,77 @@ ...@@ -8,67 +8,77 @@
<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="header_container">
<div id="header">
<div id="logo">
<a href="index.html"><img src="img/briar_logo_large.png" alt="Briar" class="logo"/></a>
</div> <!-- logo -->
<div id="nav">
<iframe id="signupframe" style="display: none" name="signupframe" src="about:blank"></iframe>
<div id="signup">
<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>
<button name="submit" type="submit" id="signup-submit" onClick="_submit_form();">Keep me updated</button>
</form>
<div id="signupconf">Thanks! We'll keep you updated.</div>
<script language="JavaScript">
<!--
function _submit_form(){
document.getElementById('signupform').style.display = 'none';
document.getElementById('signupconf').style.display = 'block';
return true
}
//-->
</script>
</div> <!-- signup -->
<ul>
<li><a href="index.html" id="indexnav">Home</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="about.html" id="aboutnav">About&nbsp;Us</a></li>
<li><a href="get-involved.html" id="involvednav">Get&nbsp;Involved</a></li>
</ul>
</div> <!-- nav -->
</div> <!-- header -->
</div> <!-- header_container -->
<div id="container"> <div id="wrapper">
<div id="content"> <div id="header_container">
<div class="intro"> <div id="header">
<h2>Secure messaging, anywhere</h2> <a href="index.html"><div id="logo"><img src="img/briar_logo_large.png" alt="Briar" class="logo"/></div></a>
<div id="phone2"> <div id="nav">
<iframe id="signupframe" style="display: none" name="signupframe" src="about:blank"></iframe>
<div id="signup">
<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>
<button name="submit" type="submit" id="signup-submit" onClick="_submit_form();">Keep me updated</button>
</form>
<div id="signupconf">Thanks! We'll keep you updated.</div>
<script language="JavaScript">
<!--
function _submit_form(){
document.getElementById('signupform').style.display = 'none';
document.getElementById('signupconf').style.display = 'block';
return true
}
//-->
</script>
</div> <!-- signup -->
<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="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="about.html" id="aboutnav">About&nbsp;Us</a></li>
<li><a href="get-involved.html" id="involvednav">Get&nbsp;Involved</a></li>
</ul>
</div> <!-- nav -->
</div> <!-- header -->
</div> <!-- header_container -->
<div id="container">
<div id="content">
<div class="intro">
<h2>Secure messaging, anywhere</h2>
<div id="phone2">
<img src="img/phone.gif" class="phone" alt="Screenshots"/>
</div>
<ul id="introlist">
<li>Peer-to-peer encrypted messaging and forums</li>
<li>Messages are stored securely on your device, not in the cloud</li>
<li>Connect directly with nearby contacts - no Internet access required</li>
<li>Free and open source software</li>
</ul>
</div> <!-- intro -->
<div id="phone">
<img src="img/phone.gif" class="phone" alt="Screenshots"/> <img src="img/phone.gif" class="phone" alt="Screenshots"/>
</div> </div>
<ul id="introlist">
<li>Peer-to-peer encrypted messaging and forums</li>
<li>Messages are stored securely on your device, not in the cloud</li>
<li>Connect directly with nearby contacts - no Internet access required</li>
<li>Free and open source software</li>
</ul>
</div> <!-- intro -->
<div id="phone">
<img src="img/phone.gif" class="phone" alt="Screenshots"/>
</div>
<div class="clearboth"></div>
</div> <!-- content -->
</div> <!-- container -->
<div id='flattr'> <div class="clearboth"></div>
<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 /> <div id="flattr">
Bitcoin: 1NZCKkUCtJV2U2Y9hDb9uq8S7ksFCFGR6K <center>
</center> <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>
</div> <br />
Bitcoin: 1NZCKkUCtJV2U2Y9hDb9uq8S7ksFCFGR6K
</center>
</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