index.html 4.79 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
  <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">
          <div id="signup">
19
            <form id="signupform" action="https://sourceforge.net/projects/briar/lists/briar-announce" target="_blank" method="get" onSubmit="submitForm()">
20
              <input placeholder="Email address" type="email" name="email" tabindex="2"></input>
21
              <button name="submit" type="submit" id="signup-submit">Keep me updated</button>
22
              <a href="https://twitter.com/BriarApp"><img id="twitterbutton" src="img/twitter.png"/></a>
23 24 25 26
            </form>
            <div id="signupconf">Thanks! We'll keep you updated.</div>
            <script language="JavaScript">
            <!--
27
            function submitForm(){
28 29
                document.getElementById('signupform').style.display = 'none';
                document.getElementById('signupconf').style.display = 'block';
30
                return true;
31 32 33 34
            }
            //-->
            </script>
          </div> <!-- signup -->
akwizgran's avatar
akwizgran committed
35
          <label for="menu-toggle"><img src="img/menu.png"></label>
36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52
          <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

          <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>
68
          <a href="fdroid.html"><img id="fdroidbutton" src="img/fdroid_badge.png" alt="Get it on F-Droid" border="0"/></a>
69

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

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

76 77 78 79 80 81 82 83 84 85 86 87 88 89
        <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
90 91 92 93 94
  <div class="clearboth"></div>

  <div id="footer_container">
    <div id="footer">
      <div id="signup2">
95
        <form id="signupform2" action="https://sourceforge.net/projects/briar/lists/briar-announce" target="_blank" method="get" onSubmit="submitForm2()">
akwizgran's avatar
akwizgran committed
96
          <input placeholder="Email address" type="email" name="email" tabindex="2"></input>
97
          <button name="submit" type="submit" id="signup-submit2">Keep me updated</button>
akwizgran's avatar
akwizgran committed
98 99 100 101
        </form>
        <div id="signupconf2">Thanks! We'll keep you updated.</div>
        <script language="JavaScript">
        <!--
102
        function submitForm2(){
akwizgran's avatar
akwizgran committed
103 104
            document.getElementById('signupform2').style.display = 'none';
            document.getElementById('signupconf2').style.display = 'block';
105
            return true;
akwizgran's avatar
akwizgran committed
106 107 108 109 110 111
        }
        //-->
        </script>
      </div> <!-- signup2 -->
      <ul>
        <li><a href="copyright.html">Copyright</a></li>
112
        <li><a href="privacy.html">Privacy</a></li>
113
        <li>Site design by Reflective Spaces</li>
akwizgran's avatar
akwizgran committed
114 115 116 117 118
      </ul>
    </div> <!-- footer -->
  </div> <!-- footer_container -->
</body>
</html>