<!DOCTYPE html>
<HTML>

<head>
  <meta charset="UTF-8">
  <title>QPod - Welcome!</title>
  <link rel="shortcut icon" type="image/x-icon" href="{{static_url('base/images/favicon.png')}}">

  <script type="text/javascript" src="{{static_url('components/jquery/jquery.min.js')}}"></script>
  <script type="text/javascript" src="{{static_url('components/bootstrap/dist/js/bootstrap.min.js')}}"></script>
  <link rel="stylesheet" href="{{static_url('components/bootstrap/dist/css/bootstrap.min.css')}}">

  <script type="text/javascript" src="{{static_url('components/carbon-components/scripts/carbon-components.min.js')}}"></script>
  <link rel="stylesheet" href="{{static_url('components/carbon-components/css/carbon-components.min.css')}}">

  <link rel="stylesheet" href="{{static_url('home/css/home.css')}}">
</head>

<body class="bx--body">
  <div class="container-fluid" id="page-header">
    <div class="bx--link" tabindex="0">
      <h1 class="title"><span>Welcome to</span> QPod</h1>
    </div>
    <p>Out-of-box <span>Data Science / AI</span> Platform</p>
    <small>Version Information: system last built at {{ last_update }}</small>
  </div>

  <main class="container">
    <div class="row cardlist">

      {% if exist_jupyterlab %}
      <div class="col-md-3 card">
        <card class="bx--card" tabindex="1" aria-labelledby="card-title-1">
          <div class="bx--card-overview__about">
            <figure class="bx--about__icon">
              <img src="{{static_url('base/images/logo-jupyter.svg')}}" alt="" class="bx--about__icon--img" />
            </figure>
            <header class="bx--about__title">
              <p class="bx--about__title--name bx--type-gamma" title="JupyterLab">JupyterLab</p>
              <p class="bx--about__title--additional-info bx--type-delta">JupyterLab based Data Science
                Lab, featured with Python/R support and pre-installed packages.</p>
            </header>
          </div>

          <div class="bx--card-footer">
            <div class="bx--card-footer__app-status">
              <span class="bx--tag bx--tag--community">Community</span>
            </div>
            <div class="bx--card-footer__app-actions">
              <a class="bx--btn bx--btn--primary bx--btn--sm" type="button" target="_blank" href="{{ base_url }}lab/">Launch
              </a>
            </div>
          </div>
        </card>
      </div>
      {% endif %}

      {% if exist_jupyter_notebook %}
      <div class="col-md-3 card">
        <card class="bx--card" tabindex="2" aria-labelledby="card-title-2">
          <div class="bx--card-overview__about">
            <figure class="bx--about__icon">
              <img src="{{static_url('base/images/logo-jupyter.svg')}}" alt="" class="bx--about__icon--img" />
            </figure>
            <header class="bx--about__title">
              <p class="bx--about__title--name bx--type-gamma" title="Jupyter Notebook">Jupyter Notebook</p>
              <p class="bx--about__title--additional-info bx--type-delta">Jupyter Notebook environment,
                featured with Python/R support and pre-installed packages.</p>
            </header>
          </div>

          <div class="bx--card-footer">
            <div class="bx--card-footer__app-status">
              <span class="bx--tag bx--tag--community">Community</span>
            </div>
            <div class="bx--card-footer__app-actions">
              <a class="bx--btn bx--btn--primary bx--btn--sm" type="button" target="_blank" href="{{ base_url }}tree/">Launch
              </a>
            </div>
          </div>
        </card>
      </div>
      {% endif %}

      {% if exist_code_server %}
      <div class="col-md-3 card">
        <card class="bx--card" tabindex="3" aria-labelledby="card-title-3">
          <div class="bx--card-overview__about">
            <figure class="bx--about__icon">
              <img src="{{static_url('base/images/logo-code-server.svg')}}" alt="" class="bx--about__icon--img" />
            </figure>
            <header class="bx--about__title">
              <p class="bx--about__title--name bx--type-gamma" title="Code Server">Code Server</p>
              <p class="bx--about__title--additional-info bx--type-delta">Browser-based VS Code environment,
                with same user experience of VS Code Desktop.</p>
            </header>
          </div>

          <div class="bx--card-footer">
            <div class="bx--card-footer__app-status">
              <span class="bx--tag bx--tag--community">Community</span>
            </div>
            <div class="bx--card-footer__app-actions">
              <a class="bx--btn bx--btn--primary bx--btn--sm" type="button" target="_blank" href="{{ base_url }}code-server/">Launch
              </a>
            </div>
          </div>
        </card>
      </div>
      {% endif %}


      {% if exist_tensorboard %}
      <div class="col-md-3 card">
        <card class="bx--card" tabindex="4" aria-labelledby="card-title-4">
          <div class="bx--card-overview__about">
            <figure class="bx--about__icon">
              <img src="{{static_url('base/images/logo-tensorflow.svg')}}" alt="" class="bx--about__icon--img" />
            </figure>
            <header class="bx--about__title">
              <p class="bx--about__title--name bx--type-gamma" title="Tensorboard">Tensorboard</p>
              <p class="bx--about__title--additional-info bx--type-delta">Tensorboard to visualize tensorflow learning.</p>

              <div class="bx--inline-notification__text-wrapper">
                <p class="bx--inline-notification__subtitle">tensorboard --logdir="/tmp/tensorboard"</p>
              </div>
            </header>
          </div>

          <div class="bx--card-footer">
            <div class="bx--card-footer__app-status">
              <span class="bx--tag bx--tag--community">Community</span>
            </div>
            <div class="bx--card-footer__app-actions">
              <a class="bx--btn bx--btn--primary bx--btn--sm" type="button" target="_blank" href="{{ base_url }}tensorboard/">Launch
              </a>
            </div>
          </div>
        </card>
      </div>
      {% endif %}


      {% if exist_rserver %}
      <div class="col-md-3 card">
        <card class="bx--card" tabindex="5" aria-labelledby="card-title-5">
          <div class="bx--card-overview__about">
            <figure class="bx--about__icon">
              <img src="{{static_url('base/images/logo-rstudio.svg')}}" alt="" class="bx--about__icon--img" />
            </figure>
            <header class="bx--about__title">
              <p class="bx--about__title--name bx--type-gamma" title="RStudio">RStudio</p>
              <p class="bx--about__title--additional-info bx--type-delta">Popular open source
                and professional software for the R statistical computing environment.</p>
            </header>
          </div>

          <div class="bx--card-footer">
            <div class="bx--card-footer__app-status">
              <span class="bx--tag bx--tag--community">Community</span>
            </div>
            <div class="bx--card-footer__app-actions">
              <a class="bx--btn bx--btn--primary bx--btn--sm" type="button" target="_blank" href="{{ base_url }}rstudio/">Launch
              </a>
            </div>
          </div>
        </card>
      </div>
      {% endif %}

      {% if exist_rshiny %}
      <div class="col-md-3 card">
        <card class="bx--card" tabindex="6" aria-labelledby="card-title-6">
          <div class="bx--card-overview__about">
            <figure class="bx--about__icon">
              <img src="{{static_url('base/images/logo-rshiny.svg')}}" alt="" class="bx--about__icon--img" />
            </figure>
            <header class="bx--about__title">
              <p class="bx--about__title--name bx--type-gamma" title="R Shiny Server">R Shiny Server</p>
              <p class="bx--about__title--additional-info bx--type-delta">Easy web applications in R.</p>
              
              <div class="bx--inline-notification__text-wrapper">
                <p class="bx--inline-notification__subtitle">Use “/root/rshiny” as shiny base directory.</p>
              </div>
            </header>
          </div>

          <div class="bx--card-footer">
            <div class="bx--card-footer__app-status">
              <span class="bx--tag bx--tag--community">Community</span>
            </div>
            <div class="bx--card-footer__app-actions">
              <a class="bx--btn bx--btn--primary bx--btn--sm" type="button" target="_blank" href="{{ base_url }}rshiny/">Launch</a>
            </div>
          </div>
        </card>
      </div>
      {% endif %}

    </div>

  </main>

  <div class="anchor">
    <span>Crafted with ❤ by QPod</span> <br />
    More information:
    <a class="bx--link" target="_blank" href="https://github.com/QPod/">github.com/QPod</a>
  </div>
</body>


</HTML>