index.html 4.69 KB
Newer Older
akwizgran's avatar
akwizgran committed
1 2 3 4 5 6 7 8
<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" type="text/css" href="css/styles.css" />
  <title>Briar</title>
  <meta name="description" content="Secure messaging, anywhere"/>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
9
  <meta name="flattr:id" content="4pq200">
akwizgran's avatar
akwizgran committed
10 11 12
</head>
<body id="index">

13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52
  <div id="wrapper">
    <div id="header_container">
      <div id="header">
        <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 -->

    <div id="container">
      <div id="content">
        <div class="intro">
          <h2>Secure messaging, anywhere</h2>
  
Torsten Grote's avatar
Torsten Grote committed
53 54 55 56 57 58 59
          <p>
            <strong>Latest News:</strong>
            <a href="news/2017-beta-released-security-audit.html">
              Public Beta Released and Security Audit Passed
            </a>
          </p>

60 61 62 63 64 65
          <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>
66 67 68

          <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>

69 70 71
        </div> <!-- intro -->

        <div id="phone">
akwizgran's avatar
akwizgran committed
72 73
          <img src="img/phone.gif" class="phone" alt="Screenshots"/>
        </div>
74

75 76 77 78 79 80 81 82 83 84 85 86 87 88
        <div class="clearboth"></div>

        <div id="flattr">
          <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>
            <br />
            Bitcoin: 1NZCKkUCtJV2U2Y9hDb9uq8S7ksFCFGR6K
          </center>
        </div> <!-- flattr -->
      </div> <!-- content -->
    </div> <!-- container -->

  </div> <!-- wrapper -->

akwizgran's avatar
akwizgran committed
89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110
  <div class="clearboth"></div>

  <div id="footer_container">
    <div id="footer">
      <div id="signup2">
        <form id="signupform2" 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-submit2" onClick="_submit_form2();">Keep me updated</button>
        </form>
        <div id="signupconf2">Thanks! We'll keep you updated.</div>
        <script language="JavaScript">
        <!--
        function _submit_form2(){
            document.getElementById('signupform2').style.display = 'none';
            document.getElementById('signupconf2').style.display = 'block';
            return true
        }
        //-->
        </script>
      </div> <!-- signup2 -->
      <ul>
        <li><a href="copyright.html">Copyright</a></li>
111
        <li><a href="privacy.html">Privacy</a></li>
112
        <li>Site design by Reflective Spaces</li>
akwizgran's avatar
akwizgran committed
113 114 115 116 117
      </ul>
    </div> <!-- footer -->
  </div> <!-- footer_container -->
</body>
</html>