i2p-styleguide/_layouts/home.html

<!DOCTYPE html>
<html lang="en" dir="ltr" data-theme="light">
{% 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">
                  <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>
              </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/i2p" target="_blank">Project Page</a>
                </div>
              </div>
            </div>
          </div>
        </div>

        {% include scrollspy.html %}

      </main>
    </div>
  </div>
  {% include scripts.html %}

</body>

</html>
first push 6 years ago			`<!DOCTYPE html>`
Added dark theme, draft variables and branding page 5 years ago			`<html lang="en" dir="ltr" data-theme="light">`
first push 6 years ago			`{% 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">`
Fix spacing 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>`
first push 6 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>`
Fixed Identihub links 6 years ago			`<a class="btn btn-lg btn-link p-0" href="https://demo.identihub.co/i2p" target="_blank">Project Page</a>`
first push 6 years ago			`</div>`
			`</div>`
			`</div>`
			`</div>`
			`</div>`

			`{% include scrollspy.html %}`

			`</main>`
			`</div>`
			`</div>`
			`{% include scripts.html %}`

			`</body>`

			`</html>`