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

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

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

72 73 74
        </div> <!-- intro -->

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

78 79 80 81
        <div class="clearboth"></div>

        <div id="flattr">
          <center>
Torsten Grote's avatar
Torsten Grote committed
82
            <a href="https://liberapay.com/Briar/donate" rel="noopener noreferrer"><img alt="Donate using Liberapay" src="img/liberapay.svg"></a>
83
            <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>
84 85 86 87 88 89 90 91 92
            <br />
            Bitcoin: 1NZCKkUCtJV2U2Y9hDb9uq8S7ksFCFGR6K
          </center>
        </div> <!-- flattr -->
      </div> <!-- content -->
    </div> <!-- container -->

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

akwizgran's avatar
akwizgran committed
93 94 95 96 97
  <div class="clearboth"></div>

  <div id="footer_container">
    <div id="footer">
      <div id="signup2">
98
        <div id="twitter2">
99
          <a href="https://twitter.com/BriarApp" rel="noopener noreferrer" target="_blank"><img class="twitterbutton" src="img/twitter.png"/></a>
100
        </div> <!-- twitter2 -->
101
        <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
102
          <input placeholder="Email address" type="email" name="email" tabindex="2"></input>
103
          <button name="submit" type="submit" id="signup-submit2">Keep me updated</button>
akwizgran's avatar
akwizgran committed
104 105 106 107
        </form>
        <div id="signupconf2">Thanks! We'll keep you updated.</div>
        <script language="JavaScript">
        <!--
108
        function submitForm2(){
akwizgran's avatar
akwizgran committed
109 110
            document.getElementById('signupform2').style.display = 'none';
            document.getElementById('signupconf2').style.display = 'block';
111
            return true;
akwizgran's avatar
akwizgran committed
112 113 114 115 116 117
        }
        //-->
        </script>
      </div> <!-- signup2 -->
      <ul>
        <li><a href="copyright.html">Copyright</a></li>
118
        <li><a href="privacy.html">Privacy</a></li>
119
        <li>Site design by Reflective Spaces</li>
akwizgran's avatar
akwizgran committed
120 121 122 123 124
      </ul>
    </div> <!-- footer -->
  </div> <!-- footer_container -->
</body>
</html>