ThinkDeepTech/thinkdeep

View on GitHub
packages/deep-economic-analyzer/index.html

Summary

Maintainability
Test Coverage
<!DOCTYPE html>
<html lang="en-CA">
  <head>
    <base href="/">
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
    <title>Predecos</title>

    <script type="module" src="./index.js"></script>

    <style>
      @font-face {
        font-family: PrimaryFont;
        src: url('font/charis/CharisSIL-Bold.ttf');
      }

      :root {

        --primary-color: #022140;
        --primary-color-light: #03386e;
        --primary-color-dark: #020717;

        --secondary-color: #d9d8d0;
        --secondary-color-light: #f4f3f1;
        --secondary-color-dark: #d2cec6;

        --success-color: #39DB80;

        --primary-font-family: PrimaryFont;
        font-family: var(--primary-font-family, "Arial");
        color: var(--secondary-color);
        font-size: 2vh;
        box-sizing: border-box;
    }

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

    * {
      margin: 0;
      padding: 0;
    }

    html, body {
      display: block;
      height: 100%;
      width: 100%;
      background-color: var(--primary-color);
      overflow: scroll;
      scrollbar-width: none;
      -ms-overflow-style: none;
    }

    ::-webkit-scrollbar {
      display: none; /* Safari and Chrome */
    }
    </style>

    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

  </head>
  <body>

    <deep-economic-analyzer></deep-economic-analyzer>

    <script type="module" src="../../node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
  </body>
</html>