swimlane/ngx-ui

View on GitHub
src/index.html

Summary

Maintainability
Test Coverage
<!DOCTYPE html>
<html lang="en">
  <head>
    <base href="/" />
    <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png" />
    <meta charset="utf-8" />
    <title>ngx-ui - Angular component and style library</title>
    <meta name="application-name" content="ngx-ui" />

    <!-- Disable translation prompt: Chrome -->
    <meta name="google" value="notranslate" />

    <!-- Scaling -->
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />

    <!-- IE -->
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <meta http-equiv="cleartype" content="on" />

    <!-- Add to Home Screen: iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="apple-mobile-web-app-title" content="Swimlane" />

    <!-- Add to Home Screen: Android -->
    <meta name="mobile-web-app-capable" content="yes" />

    <style>
      /** Preloading Spinner */
      .page-loader {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
      }
    </style>

    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
  </head>

  <body class="style-guide night-theme ngx-scroll">
    <app>
      <div class="page-loader">
        <div class="ngx-preloader">
          <div class="arc arc-0"></div>
          <div class="arc arc-1"></div>
          <div class="arc arc-2"></div>
          <div class="arc arc-3"></div>
          <div class="arc arc-4"></div>
          <div class="arc arc-5"></div>
          <div class="arc arc-6"></div>
          <div class="arc arc-7"></div>
          <div class="arc arc-8"></div>
          <div class="arc arc-9"></div>
          <div class="arc arc-10"></div>
          <div class="arc arc-11"></div>
          <div class="arc arc-12"></div>
          <div class="arc arc-13"></div>
          <div class="arc arc-14"></div>
          <div class="arc arc-15"></div>
          <div class="arc arc-16"></div>
          <div class="arc arc-17"></div>
          <div class="arc arc-18"></div>
          <div class="arc arc-19"></div>
          <div class="arc arc-20"></div>
          <div class="arc arc-21"></div>
          <div class="arc arc-22"></div>
          <div class="arc arc-23"></div>
          <div class="arc arc-24"></div>
        </div>
        <div class="center">LAUNCHING NGX-UI</div>
      </div>
    </app>
  </body>
</html>