{% extends "base.html" %}

{% block title %}
  <title ng-bind="title + ' ยท Quay.io'">Quay - Private Docker Repository</title>
{% endblock %}

{% block added_meta %}
  <base href="/">

  <meta name="description" content="{% raw %}{{ description }}{% endraw %}"></meta>
  <meta name="google-site-verification" content="GalDznToijTsHYmLjJvE4QaB9uk_IP16aaGDz5D75T4" />
  <meta name="fragment" content="!" />
{% endblock %}

{% block added_stylesheets %}
  <link rel="stylesheet" href="/static/lib/browser-chrome.css">
  <link rel="stylesheet" href="/static/lib/nv.d3.css">
{% endblock %}

{% block added_dependencies %}
  <script src="https://checkout.stripe.com/checkout.js"></script>

  <script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.2.1/moment.min.js"></script>

  <script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.3.10/d3.min.js"></script>
  <script src="static/lib/nv.d3.min.js"></script>

  <script src="static/lib/ZeroClipboard.min.js"></script>

  <script src="static/lib/d3-tip.js" charset="utf-8"></script>
  <script src="static/lib/browser-chrome.js"></script>

  <script src="static/lib/Blob.js"></script>
  <script src="static/lib/FileSaver.js"></script>
  <script src="static/lib/jquery.base64.min.js"></script>
{% endblock %}

{% block body_content %}
  <!-- Note: Must be in the <body> tag -->
  <script src="static/lib/jquery.overscroll.min.js"></script>

  <div ng-view></div>

  <!-- Modal message dialog -->
  <div class="modal fade" id="sessionexpiredModal" data-backdrop="static">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title">Session Expired</h4>
        </div>
        <div class="modal-body">
          Your user session has expired. Please reload to continue.
        </div>
        <div class="modal-footer">
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->

{% endblock %}