index.html 4.37 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 53 54 55 56 57 58 59 60 61 62 63 64 65
  <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>
  
          <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">
akwizgran's avatar
akwizgran committed
66 67
          <img src="img/phone.gif" class="phone" alt="Screenshots"/>
        </div>
68

69 70 71 72 73 74 75 76 77 78 79 80 81 82
        <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
83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104
  <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>
105
        <li><a href="privacy.html">Privacy</a></li>
106
        <li>Site design by Reflective Spaces</li>
akwizgran's avatar
akwizgran committed
107 108 109 110 111
      </ul>
    </div> <!-- footer -->
  </div> <!-- footer_container -->
</body>
</html>