Skip to content
Snippets Groups Projects
index.html 5.34 KiB
Newer Older
akwizgran's avatar
akwizgran committed
<!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">
  <meta name="flattr:id" content="4pq200">
akwizgran's avatar
akwizgran committed
</head>
<body id="index">

  <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">
              <a href="https://twitter.com/BriarApp" rel="noopener noreferrer" target="_blank"><img class="twitterbutton" src="img/twitter.png"/></a>
            <form id="signupform" action="https://sourceforge.net/projects/briar/lists/briar-announce" rel="noopener noreferrer" target="_blank" method="get" onSubmit="submitForm()">
              <input placeholder="Email address" type="email" name="email" tabindex="2"></input>
              <button name="submit" type="submit" id="signup-submit">Keep me updated</button>
            </form>
            <div id="signupconf">Thanks! We'll keep you updated.</div>
            <script language="JavaScript">
            <!--
                document.getElementById('signupform').style.display = 'none';
                document.getElementById('signupconf').style.display = 'block';
            }
            //-->
            </script>
          </div> <!-- signup -->
akwizgran's avatar
akwizgran committed
          <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
          <p>
            <strong>Latest News:</strong>
            <a href="news/2018-1.0-released-new-funding.html">
              Briar 1.0 released, new support from OTF
Torsten Grote's avatar
Torsten Grote committed
            </a>
          </p>

          <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>
          <a href="https://play.google.com/store/apps/details?id=org.briarproject.briar.android" rel="noopener noreferrer" target="_blank"><img id="playbutton" src="img/google_play_badge_web_generic.png" alt="Get it on Google Play" border="0"/></a>
          <a href="fdroid.html"><img id="fdroidbutton" src="img/fdroid_badge.png" alt="Get it on F-Droid" border="0"/></a>
        </div> <!-- intro -->

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

        <div id="flattr">
          <center>
            <a href="https://liberapay.com/Briar/donate" rel="noopener noreferrer"><img alt="Donate using Liberapay" src="img/liberapay.svg"></a>
            <a href="https://flattr.com/t/592836/" rel="noopener noreferrer" 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
  <div class="clearboth"></div>

  <div id="footer_container">
    <div id="footer">
      <div id="signup2">
          <a href="https://twitter.com/BriarApp" rel="noopener noreferrer" target="_blank"><img class="twitterbutton" src="img/twitter.png"/></a>
        <form id="signupform2" action="https://sourceforge.net/projects/briar/lists/briar-announce" rel="noopener noreferrer" target="_blank" method="get" onSubmit="submitForm2()">
akwizgran's avatar
akwizgran committed
          <input placeholder="Email address" type="email" name="email" tabindex="2"></input>
          <button name="submit" type="submit" id="signup-submit2">Keep me updated</button>
akwizgran's avatar
akwizgran committed
        </form>
        <div id="signupconf2">Thanks! We'll keep you updated.</div>
        <script language="JavaScript">
        <!--
akwizgran's avatar
akwizgran committed
            document.getElementById('signupform2').style.display = 'none';
            document.getElementById('signupconf2').style.display = 'block';
akwizgran's avatar
akwizgran committed
        }
        //-->
        </script>
      </div> <!-- signup2 -->
      <ul>
        <li><a href="copyright.html">Copyright</a></li>
        <li><a href="privacy.html">Privacy</a></li>
        <li>Site design by Reflective Spaces</li>
akwizgran's avatar
akwizgran committed
      </ul>
    </div> <!-- footer -->
  </div> <!-- footer_container -->
</body>
</html>