index.html

<html lang="en-us">
  <head>
  <meta name="theme" content="Syna">
  <meta name="theme-version" content="v0.15">
  <meta name="theme-url" content="https://syna.okkur.org">
  <meta name="theme-description" content="Highly customizable open source theme for Hugo based static websites">
  <meta name="theme-author" content="Okkur Labs">
  <meta name="theme-author-url" content="https://about.okkur.org">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta http-equiv="Content-Language" content="en-us">
  <meta name="google" value="notranslate">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="description" content="A Cloud native multi-package registry">
  <meta property="og:title" content="Enseada">
  <meta property="og:url" content="/">
  <meta property="og:description" content="A Cloud native multi-package registry">
  <meta property="og:site_name" content="Enseada">
  <meta property="og:type" content="website">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="Enseada" />
  <meta name="twitter:description" content="A Cloud native multi-package registry">
  <meta name="twitter:url" content="/" />
    <meta property="og:image" content="">
    <meta name="twitter:image" content="">
  <meta name="author" content="Enseada">

  <meta name="generator" content="Hugo 0.65.3" />

  <title>Enseada</title>

  <!-- Theme Styles -->
  <style>
.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important; }

 
@-ms-viewport {
  width: device-width; }

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar; }

*,
*::before,
*::after {
  box-sizing: inherit; }

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  max-width: 540px;
  max-width: 720px;
  max-width: 960px;
  max-width: 1140px; }

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%; }

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none; }

.col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.col-3 {
  flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.col-6 {
  flex: 0 0 50%;
  max-width: 50%; }

.col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.col-9 {
  flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.col-12 {
  flex: 0 0 100%;
  max-width: 100%; }

.order-first {
  order: -1; }

.order-last {
  order: 13; }

.order-0 {
  order: 0; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-4 {
  order: 4; }

.order-5 {
  order: 5; }

.order-6 {
  order: 6; }

.order-7 {
  order: 7; }

.order-8 {
  order: 8; }

.order-9 {
  order: 9; }

.order-10 {
  order: 10; }

.order-11 {
  order: 11; }

.order-12 {
  order: 12; }

.offset-1 {
  margin-left: 8.33333%; }

.offset-2 {
  margin-left: 16.66667%; }

.offset-3 {
  margin-left: 25%; }

.offset-4 {
  margin-left: 33.33333%; }

.offset-5 {
  margin-left: 41.66667%; }

.offset-6 {
  margin-left: 50%; }

.offset-7 {
  margin-left: 58.33333%; }

.offset-8 {
  margin-left: 66.66667%; }

.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.33333%; }

.offset-11 {
  margin-left: 91.66667%; }

.d-none {
  display: none !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-table {
  display: table !important; }

.d-table-row {
  display: table-row !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex {
  display: flex !important; }

.d-inline-flex {
  display: inline-flex !important; }

@media print {
  .d-print-none {
    display: none !important; }
  .d-print-inline {
    display: inline !important; }
  .d-print-inline-block {
    display: inline-block !important; }
  .d-print-block {
    display: block !important; }
  .d-print-table {
    display: table !important; }
  .d-print-table-row {
    display: table-row !important; }
  .d-print-table-cell {
    display: table-cell !important; }
  .d-print-flex {
    display: flex !important; }
  .d-print-inline-flex {
    display: inline-flex !important; } }

.flex-row {
  flex-direction: row !important; }

.flex-column {
  flex-direction: column !important; }

.flex-row-reverse {
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  flex-direction: column-reverse !important; }

.flex-wrap {
  flex-wrap: wrap !important; }

.flex-nowrap {
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important; }

.flex-fill {
  flex: 1 1 auto !important; }

.flex-grow-0 {
  flex-grow: 0 !important; }

.flex-grow-1 {
  flex-grow: 1 !important; }

.flex-shrink-0 {
  flex-shrink: 0 !important; }

.flex-shrink-1 {
  flex-shrink: 1 !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.justify-content-end {
  justify-content: flex-end !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-between {
  justify-content: space-between !important; }

.justify-content-around {
  justify-content: space-around !important; }

.align-items-start {
  align-items: flex-start !important; }

.align-items-end {
  align-items: flex-end !important; }

.align-items-center {
  align-items: center !important; }

.align-items-baseline {
  align-items: baseline !important; }

.align-items-stretch {
  align-items: stretch !important; }

.align-content-start {
  align-content: flex-start !important; }

.align-content-end {
  align-content: flex-end !important; }

.align-content-center {
  align-content: center !important; }

.align-content-between {
  align-content: space-between !important; }

.align-content-around {
  align-content: space-around !important; }

.align-content-stretch {
  align-content: stretch !important; }

.align-self-auto {
  align-self: auto !important; }

.align-self-start {
  align-self: flex-start !important; }

.align-self-end {
  align-self: flex-end !important; }

.align-self-center {
  align-self: center !important; }

.align-self-baseline {
  align-self: baseline !important; }

.align-self-stretch {
  align-self: stretch !important; }
</style>

  <link href="/style.min.ccd0052a7c50e26cdf9a5578b444b59d28dd6db2b0038eb0ffbc1992424bf0e6.css" rel="stylesheet">
      <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
      <link rel="icon" sizes="16x16 32x32" type="image/x-icon" href="/favicon.ico">
      <link rel="icon" href="/favicon.png">
      <link rel="apple-touch-icon-precomposed" href="/favicon.png">
      <link rel="icon" type="image/svg+xml" href="/favicon.svg">

  <script>
    window.syna = {
      
    };
  </script>
  <script src="/scripts/syna-head.min.0757f18970a0a32d5acac5a2accc5fe82f787821866c545d9ed17ca765f291a3.js"></script></head>
<body class="bg-secondary">
    <!-- Navigation --><nav class="overlay fragment navbar navbar-expand-lg py-2 scroll-spy bg-light navbar-light" id="nav" role="navigation">
  <div class="container">
      <a class="navbar-brand py-0" href="/#">
        <img src="/images/enseada-logo.svg" height="35" class="d-inline-block align-top" alt="Enseada">
      </a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="navbar-collapse justify-content-end collapse show" id="navbarCollapse">
      <ul class="navbar-nav"><li class="nav-item">
              <a href="/"
                  class="nav-link active default-active">
                Home
              </a>
            </li><li class="nav-item">
              <a href="/about"
                  class="nav-link">
                About
              </a>
            </li><li class="nav-item">
              <a href="https://docs.enseada.io"
                  class="nav-link">
                Docs
              </a>
            </li>
      </ul>
    </div>
  </div>
    <div class="d-none d-lg-block pl-auto">
      <a class="btn btn-light ignore-color-change" href="https://github.com/enseadaio/enseada" role="button" title="Github">
        <i class="fab fa-github mr-2"></i>
        Star
      </a>
    </div>
</nav>

<div class="scroll-to-top bg-primary has-font-icon"
  title="Back to top"
  ><i class="fas fa-angle-up"></i><span class="sr-only">Back to top</span>
</div>

<!-- Hero -->
<header id="hero" class="fragment hero">
    <div
      style="background-image:url(/images/header.jpg)"
      class="jumbotron text-center header-image mb-0 bg-light">
    <div id="hero-particles-js" class="particles-js"></div>
      <div class="row justify-content-center align-items-start">
        <img
          class="overlay img-fluid"
          src="/images/enseada-logo.png"
          alt="Enseada"width="700px"></img>
      </div>
      <div class="row justify-content-center align-items-start">
        <h1 class="overlay jumbotron-heading my-4 text-body">A Cloud native multi-package registry</h1>
      </div><div>
      <a class="overlay btn btn-lg m-2 btn-info " href="https://github.com/enseadaio/enseada">
        <div class="column justify-content-center align-content-center">Quickstart</div>
      </a>
      <a class="overlay btn btn-lg m-2 btn-primary " href="https://github.com/enseadaio/enseada/releases">
        <div class="column justify-content-center align-content-center">Download</div>
      </a>
      <a class="overlay btn btn-lg m-2 btn-success " href="https://docs.enseada.io">
        <div class="column justify-content-center align-content-center">Documentation</div>
      </a>
  </div>
  </div>
</header>
<script>
  var fragmentName = "hero";window.syna.api.register("hero", "hero-" + fragmentName, {
    selector: "hero-particles-js",
    config: null,
  });
</script>

<section id="coming-soon">
  <div class="overlay container-fluid bg-light">
  <div class="container py-5">
    <div class="row">
      <div class="col text-center text-dark">
        <h4>Coming Soon</h4>
      </div>
    </div>
    <div class="row">
      <div class="col text-center">
        <h5>Enseada is currently under heavy development</h5>
        <p>Stay tuned for upcoming updates and new features!</p>
      </div>
    </div>
  </div>
</section>

<section id="registries">
  <div class="overlay container-fluid bg-light">
  <div class="container py-5">
    <div class="row">
      <div class="col text-center text-dark">
        <h4>Multiple registries</h4>
      </div>
    </div>
    <div class="row">
      <div class="col text-center">
        <h5>Enseada is built to host multiple package formats</h5>
        <div style="font-size: 1.3rem;">
          <a target="_blank" href="/about#supported-package-repositories" class="badge badge-pill badge-success">Maven</a>
          <a target="_blank" href="/about#supported-package-repositories" class="badge badge-pill badge-warning">NPM</a>
          <a target="_blank" href="/about#supported-package-repositories" class="badge badge-pill badge-info">Docker</a>
          <a target="_blank" href="/about#supported-package-repositories" class="badge badge-pill badge-danger">RubyGems</a>
          <a target="_blank" href="/about#supported-package-repositories" class="badge badge-pill badge-primary">and more</a>
        </div>
      </div>
    </div>
  </div>
</section>

<section id="distributed">
  <div class="overlay container-fluid bg-light">
  <div class="container py-5">
    <div class="row">
      <div class="col text-center text-dark">
        <h4>Built for the Cloud</h4>
      </div>
    </div>
    <div class="row">
      <div class="col text-center">
        <h5>Enseada is built on distributed technologies to achieve high availability and easy horizontal scaling</h5>
        <p>
          Written in <a target="_blank" href="https://rust-lang.org">Rust</a>
          and backed by a <a target="_blank" href="https://couchdb.apache.org">CouchDB</a> database, Enseada is natively distributed and fault-tolerant, reaching high 
          degrees of reliability and security. The storage engine is compatible with many object storage providers to efficiently store your 
          packages in the Cloud.
        </p>
      </div>
    </div>
    <div class="col text-center">
        <h5>Container native</h5>
        <p>
          Enseada is designed to be run in containers, and plays nicely with orchestration tools such as Kubernetes and Swarm.<br />
          Check out the <a target="_blank" href="https://hub.docker.com/r/enseada/enseada">official Docker image</a>.
        </p>
      </div>
    </div>
  </div>
</section>
<!-- Footer -->
<section id="footer" class="fragment">
    <div class="container-fluid bg-light">
    <div class="container py-5">

  <div class="row">
    <div class="col-md m-2 text-body">
        <h4></h4>
        <a href="#">
          <img src="/images/enseada-logo.png" class="img-fluid w-50" alt="Logo Subtext">
        </a>
        <div class="row justify-content-left ml-0">
            <span class="fa-stack fa-2x mt-3 mr-1" title="github">
              <a href="https://github.com/enseadaio" class="ignore-color-change">
                <i class="fas fa-circle fa-stack-2x"></i>
                <i class="fab fa-github fa-stack-1x fa-fw text-light"></i>
                <span class="sr-only">github</span>
              </a>
            </span>
            <span class="fa-stack fa-2x mt-3 mr-1" title="twitter">
              <a href="https://twitter.com/enseadaio" class="ignore-color-change">
                <i class="fas fa-circle fa-stack-2x"></i>
                <i class="fab fa-twitter fa-stack-1x fa-fw text-light"></i>
                <span class="sr-only">twitter</span>
              </a>
            </span>
            <span class="fa-stack fa-2x mt-3 mr-1" title="discord">
              <a href="https://discord.gg/A34Qt8A" class="ignore-color-change">
                <i class="fas fa-circle fa-stack-2x"></i>
                <i class="fab fa-discord fa-stack-1x fa-fw text-light"></i>
                <span class="sr-only">discord</span>
              </a>
            </span>
        </div>
    </div>
    <div class="col-md m-2 text-body">
        <h4>Resources</h4>
        <ul class="nav flex-column">
              <li class="nav-item">
                <a class="nav-link p-0 display-5" href="https://docs.enseada.io">Docs</a>
              </li>
              <li class="nav-item">
                <a class="nav-link p-0 display-5" href="https://github.com/enseadaio/enseada">Source Code</a>
              </li>
        </ul>
    </div>
    <div class="col-md m-2 text-body">
        <div><h4 id="disclaimer">Disclaimer</h4>
<p>This project is in its very infancy.
Features are missings and bugs are frequent. Feedback and contributions are much
appreciated.</div>
    </div>
  </div>
    </div>
    </div>
</section>


<!-- Copyright -->
<footer class="overlay fragment container-fluid bg-light" id="copyright">
  <div class="container">
    <div class="row py-3">
      <div class="col-md">
        <div class="row mx-0 my-2 justify-content-center text-center text-lg-none text-black-50">
          <div class="row mx-0 mr-lg-auto justify-content-center">
              <div class="col-auto">Copyright 2019 by <a href="https://matteojoliveau.com">Matteo Joliveau</a></div>
          </div>
        </div>
      </div>
        <div class="col-auto mx-auto">
          <div class="row mx-0 navbar-text text-center text-black-50">Website based on<a href="https://syna.okkur.org" class="ml-1">Syna</a>
          </div>
        </div>
        <div class="col-md">
          <div class="row mx-0 my-2 justify-content-center">
            <ul class="nav ml-lg-auto">
                <li class="nav-item">
                  <a class="nav-link py-0" href="https://opensource.org/licenses/MPL-2.0"
                  >MPL 2.0 licensed</a>
                </li>
            </ul>
          </div>
        </div>
    </div>
  </div>
</footer>
<div id="react"></div>
    <div class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header row mx-0">
              <div class="modal-title col px-0">
                <h5 class="title text-dark"></h5>
                <h6 class="subtitle text-secondary"></h6>
              </div>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <img src="" alt="" class="img-fluid">
            <div class="modal-body p-3">
              <div class="badge-container"></div>
              <div class="content"></div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- Theme Code -->
      <script async defer src="/scripts/syna-main.min.7d08697560d9c911a0194673093ed24e917be39c0c6ea6ffe9bfefd7869f9f34.js"></script>
      <script async defer src="/scripts/syna-hero.min.4c86bbf85a8655c22c5046df9f983a1f0a0f771915f9f447a6872a863a6714ef.js"></script>
  </body>
</html>