I2P brand styleguides for the web
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

63 lines
2.5 KiB

7 years ago
<!DOCTYPE html>
<html lang="en" dir="ltr">
{% include head.html %}
<body>
{% include navbar.html %}
<div class="row">
<div class="col-md-3 col-sm-4 col-xs-4 p-0">
<div class="row" style="height: 100%">
<div class="col-md-6 col-sm-6 col-xs-6 p-0 display-md sidebar-fill">
{% include navbar_side.html sidebarClassName="rb-sidebar__1" %}
</div>
</div>
</div>
<div class="col-md-7 col-xs-12 col-sm-12 p-0">
<main role="main" class="content-scroll p-5" data-spy="scroll" data-target="#components-nav" data-offset="0">
<div class="row">
<div class="col-12 p-0">
<div class="page-header mb-4">
<h3>About</h3>
<p class="text-muted">I2P is an anonymous network, exposing a simple layer that applications can use to anonymously and securely send messages to each other. The network itself is strictly message based (a la IP), but there is a library available to allow reliable streaming communication on top of it (a la TCP).</p>
</div>
<p>This guide aims to provide standards, principles and components to design consistent views related to the I2P. These pages are a living document and we welcome contributions, feedback and suggestions.</p>
</p>
<br>
<h5>Contact</h5>
<div class="row mt-5">
<div class="col-md-6 p-0">
<div class="bg-box p-5 mb-3">
6 years ago
<h6>Forum</h6>
<a class="btn btn-lg btn-link p-0" title="I2P Forum" href="https://i2pforum.net/" target="_blank" rel="noopener">I2P Forum</a></div>
7 years ago
</div>
</div>
</div>
<div class="col-12 p-0">
<div class="page-header mb-4 mt-5">
<h5>Identihub</h5>
<p class="text-muted">The I2P brand assets are included in this Identihub project page.</p>
</div>
<div class="row mt-5">
<div class="col-md-6 p-0">
<div class="bg-box p-5 mb-3 text-left">
<h6>Styleguide Mirror on Identihub</h6>
<p class="m-0"></p>
<a class="btn btn-lg btn-link p-0" href="https://demo.identihub.co/project/securedrop" target="_blank">Project Page</a>
</div>
</div>
</div>
</div>
</div>
{% include scrollspy.html %}
</main>
</div>
</div>
{% include scripts.html %}
</body>
</html>