index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-03T908L202"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-03T908L202');
    </script>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Try Enarx: Confidential Computing + WebAssembly">
    <title>Try Enarx</title>
    <link rel="icon" type="image/x-icon" href="img/favicon.ico">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/bulma-docs.min.css">
    <link rel="canonical" href="https://try.enarx.dev/">
    <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" async=""></script>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito:400,700" media="all">
  </head>
  <body class="layout-default">
    <nav id="navbar" class="bd-navbar navbar">
      <div class="navbar-brand">
        <a class="navbar-item" href="https://enarx.dev">
        <img src="img/enarx.png" alt="Enarx">
        </a>  
        <span class="navbar-item" style="font-size:0.7rem;">secured by</span>
        <a class="navbar-item" href="https://profian.com">
          <img src="https://try.enarx.dev/img/profian.svg" alt="Profian">
        </a>    
        <a class="navbar-item bd-navbar-mobile-icon" href="https://github.com/enarx/enarx" target="_blank">
        <span class="icon" style="color: var(--github);">
        <i class="fab fa-lg fa-github"></i>
        </span>
        </a>
        <a class="navbar-item bd-navbar-mobile-icon" href="https://chat.enarx.dev" target="_blank">
        <span class="icon" style="color: var(--github);">
        <i class="fas fa-lg fa-commenting-o"></i>
        </span>
        </a>
      </div>
      <div id="navMenuIndex" class="navbar-menu">
        <div id="navbarStartOriginal" class="navbar-start bd-navbar-start bd-is-original">
        </div>
        <div class="navbar-end">
          <a class="bd-navbar-icon navbar-item" href="https://github.com/enarx/enarx" target="_blank">
          <span class="icon" style="color: var(--github);">
          <i class="fab fa-lg fa-github"></i>
          </span>
          <span>GitHub</span>
          </a>
          <a class="navbar-item bd-navbar-item bd-navbar-item-blog bd-navbar-item-more bd-is-visible" href="https://chat.enarx.dev">
          <span class="icon has-text-rss">
          <i class="fas fa-commenting-o"></i>
          </span>
          <span>Chat</span>
          </a>
          <a class="navbar-item bd-navbar-item bd-navbar-item-blog bd-navbar-item-more bd-is-visible" href="https://blog.enarx.dev">
          <span class="icon has-text-rss">
          <i class="fas fa-rss"></i>
          </span>
          <span>Blog</span>
          </a>
          <a class="bd-navbar-icon navbar-item" href="https://twitter.com/enarxproject" target="_blank">
          <span class="icon" style="color: var(--twitter);">
          <i class="fab fa-lg fa-twitter"></i>
          </span>
          <span>Twitter</span>
          </a>
        </div>
      </div>
    </nav>
    <section class="bd-hello">
      <div class="bd-hello-body">
        <div class="bd-hello-content bd-index-content">
          <h1 class="title has-text-black">
            <strong>Try Enarx</strong>
          </h1>
          <div class="content">
            <p>
              Run a <strong>Wasm</strong> workload using <strong>Confidential Computing</strong>. Watch the video and start now or choose a <strong>platform</strong>.
            </p>
          </div>
          <nav class="bd-hello-buttons buttons">
            <a class="button bd-fat-button is-primary" onclick="var platform = ['https://sgx.equinix.try.enarx.dev/','https://snp.equinix.try.enarx.dev/']; window.open(platform[Math.floor(Math.random()*platform.length)]);">
              <span>
              Start now
              </span>
            </a>
          </nav>
        </div>
        <div class="bd-hello-media">
          <div class="container">
            <video controls style="width:100%; height:100%; min-height:400px;">
              <source src="tryenarx.mp4" type="video/mp4">
            Your browser does not support the video tag.
            </video>
          </div>
        </div>
      </div>
    </section>
    <section class="bd-index-section" style="--bd-section-h: 229deg;">
      <div class="bd-heading">
        <span class="icon has-text-link is-size-2-widescreen">
        <i class="fas fa-microchip"></i>
        </span>
        <h2 class="title has-text-black mb-0 is-size-2-widescreen">
          Select a <strong>platform</strong>
        </h2>
      </div>
      <div class="container">
        <div class="columns">
          <div class="column">
            <article class="bd-tw bd-best-item bd-is-huge ">
              <div class="bd-tw-content">
                <a href="https://sgx.azure.try.enarx.dev/" target="_blank"><img src="img/azure_intel.png" alt="Intel on Azure"></a>
              </div>
            </article>
          </div>
          <div class="column">
            <article class="bd-tw bd-best-item bd-is-huge ">
              <div class="bd-tw-content">
                <a href="https://sgx.equinix.try.enarx.dev/" target="_blank"><img src="img/equinix_intel.png" alt="Intel on Equinix"></a>
              </div>
            </article>
          </div>
          <div class="column">
            <article class="bd-tw bd-best-item bd-is-huge ">
              <div class="bd-tw-content">
                <a href="https://snp.equinix.try.enarx.dev/" target="_blank"><img src="img/equinix_amd.png" alt="AMD on Equinix"></a>
              </div>
            </article>
          </div>
          <div class="column">
            <article class="bd-tw bd-best-item bd-is-huge ">
              <header class="bd-tw-header">
                <strong>Other platforms coming soon</strong>
              </header>
            </article>
          </div>
        </div>
    </div>
    </section>
    <footer class="footer">
      <div class="container">
        <div class="bd-footer-links">
          <div class="columns">
            <div class="column">
              <p class="bd-footer-link-title">
                <a href="https://enarx.dev">Documentation</a>
              </p>
              <p class="bd-footer-link">
                <a href="https://enarx.dev/docs/Start/Introduction">
                Getting Started
                </a>
              </p>
              <p class="bd-footer-link">
                <a href="https://enarx.dev/docs/QuickStart">
                Installation Guide
                </a>
              </p>
              <p class="bd-footer-link">
                <a href="https://enarx.dev/docs/Running/Publish">
                Running Enarx Guide
                </a>
              </p>
              <p class="bd-footer-link">
                <a href="https://enarx.dev/docs/WebAssembly/Introduction">
                WebAssembly Guide
                </a>
              </p>
              <p class="bd-footer-link">
                <a href="https://enarx.dev/docs/Contributing/Introduction">
                Contributing Guide
                </a>
              </p>
              <p class="bd-footer-link">
                <a href="https://enarx.dev/docs/Repo/Introduction/">
                Enarx Repo Guide
                </a>
              </p>
              <p class="bd-footer-link">
                <a href="https://enarx.dev/docs/Technical/Introduction">
                Technical Overview
                </a>
              </p>
            </div>
            <div class="column">
              <p class="bd-footer-link-title">
                <a href="https://enarx.dev/resources">Resources</a>
              </p>
              <p class="bd-footer-link">
                <a href="https://enarx.dev/resources">
                All Resources
                </a>
              </p>
              <p class="bd-footer-link">
                <a href="https://enarx.dev/resources/tags">
                All Tags
                </a>
              </p>
              <p class="bd-footer-link">
                <a href="https://enarx.dev/resources/tags/release">
                Releases
                </a>
              </p>
              <p class="bd-footer-link">
                <a href="https://enarx.dev/resources/tags/white-paper">
                White Papers
                </a>
              </p>
              <p class="bd-footer-link">
                <a href="https://enarx.dev/resources/tags/enarxs-blog">
                Blog Posts
                </a>
              </p>
              <p class="bd-footer-link">
                <a href="https://enarx.dev/resources/tags/article">
                Articles
                </a>
              </p>
              <p class="bd-footer-link">
                <a href="https://enarx.dev/resources/tags/event">
                Events
                </a>
              </p>
            </div>
            <div class="column">
              <p class="bd-footer-link-title">
                <a href="https://enarx.dev">Community</a>
              </p>
              <p class="bd-footer-link">
                <a href="https://github.com/enarx/enarx">
                GitHub
                </a>
              </p>
              <p class="bd-footer-link">
                <a href="https://chat.enarx.dev/">
                Chat
                </a>
              </p>
              <p class="bd-footer-link">
                <a href="https://blog.enarx.dev/">
                Blog
                </a>
              </p>
              <p class="bd-footer-link">
                <a href="https://twitter.com/enarxproject">
                Twitter
                </a>
              </p>
              <p class="bd-footer-link">
                <a href="https://enarx.dev/events">
                Events
                </a>
              </p>
              <p class="bd-footer-link">
                <a href="https://enarx.dev/webinars">
                Webinars
                </a>
              </p>
              <p class="bd-footer-link">
                <a href="https://enarx.dev/meetings">
                Meetings
                </a>
              </p>
          </div>
          <div class="column">
              <p class="bd-footer-link-title">
              <a href="https://enarx.dev">Initiatives</a>
              </p>
              <p class="bd-footer-link">
              <a href="https://try.enarx.dev">
              Try Enarx
              </a>
              </p>
              <p class="bd-footer-link">
              <a href="https://enarx.dev/docs/Fellowship/Introduction">
              Fellowship Program
              </a>
              </p>
              <p class="bd-footer-link">
              <a href="https://enarx.dev/cryptle">
              Cryptle Hack Challenge
              </a>
              </p>
              <p class="bd-footer-link">
              <a href="https://wasm.builders">
              Wasm Builders
              </a>
              </p>
              <p class="bd-footer-link">
              <a href="https://github.com/enarx/codex/">
              Wasm Codex
              </a>
              </p>
          </div>
          </div>
        </div>
      </div>
    </footer>
  </body>
</html>