<!DOCTYPE html>
<html ng-app="quay">
  <head>
    {% block title %}

    {% endblock %}

    {% block added_meta %}

    {% endblock %}

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    {% for style_url in external_styles %}
      <link rel="stylesheet" href="{{ style_url }}" type="text/css">
    {% endfor %}

    <!-- Icons -->
    <link rel="shortcut icon" href="/static/img/favicon.ico" type="image/x-icon" />
    <link rel="apple-touch-icon" href="/static/img/apple-touch-icon.png" />
    <link rel="apple-touch-icon" sizes="57x57" href="/static/img/apple-touch-icon-57x57.png" />
    <link rel="apple-touch-icon" sizes="60x60" href="/static/img/apple-touch-icon-60x60.png" />
    <link rel="apple-touch-icon" sizes="72x72" href="/static/img/apple-touch-icon-72x72.png" />
    <link rel="apple-touch-icon" sizes="76x76" href="/static/img/apple-touch-icon-76x76.png" />
    <link rel="apple-touch-icon" sizes="114x114" href="/static/img/apple-touch-icon-114x114.png" />
    <link rel="apple-touch-icon" sizes="120x120" href="/static/img/apple-touch-icon-120x120.png" />
    <link rel="apple-touch-icon" sizes="144x144" href="/static/img/apple-touch-icon-144x144.png" />
    <link rel="apple-touch-icon" sizes="152x152" href="/static/img/apple-touch-icon-152x152.png" />
    <!-- /Icons -->

    {% for style_path in main_styles %}
      <link rel="stylesheet" href="/static/{{ style_path }}?v={{ cache_buster }}" type="text/css">
    {% endfor %}

    {% for style_path in library_styles %}
      <link rel="stylesheet" href="/static/{{ style_path }}?v={{ cache_buster }}" type="text/css">
    {% endfor %}

    {% block added_stylesheets %}

    {% endblock %}

    <script type="text/javascript">
      window.__endpoints = {{ route_data|safe }}.apis;
      window.__features = {{ feature_set|safe }};
      window.__config = {{ config_set|safe }};
      window.__oauth = {{ oauth_set|safe }};
      window.__auth_scopes = {{ scope_set|safe }};
      window.__token = '{{ csrf_token() }}';
    </script>

    {% for script_url in external_scripts %}
      <script src="{{ script_url }}"></script>
    {% endfor %}

    {% for script_path in library_scripts %}
      <script src="/static/{{ script_path }}?v={{ cache_buster }}"></script>
    {% endfor %}

    {% block added_dependencies %}

    {% endblock %}

    {% for script_path in main_scripts %}
      <script src="/static/{{ script_path }}?v={{ cache_buster }}"></script>
    {% endfor %}

    {% if sentry_public_dsn %}
      <script type="text/javascript">
        Raven.config('{{ sentry_public_dsn }}').install();
      </script>
    {% endif %}

{% if mixpanel_key %}
<!-- start Mixpanel --><script type="text/javascript">
(function(e,b){if(!b.__SV){var a,f,i,g;window.mixpanel=b;a=e.createElement("script");a.type="text/javascript";a.async=!0;a.src=("https:"===e.location.protocol?"https:":"http:")+'//cdn.mxpnl.com/libs/mixpanel-2.2.min.js';f=e.getElementsByTagName("script")[0];f.parentNode.insertBefore(a,f);b._i=[];b.init=function(a,e,d){function f(b,h){var a=h.split(".");2==a.length&&(b=b[a[0]],h=a[1]);b[h]=function(){b.push([h].concat(Array.prototype.slice.call(arguments,0)))}}var c=b;"undefined"!==
typeof d?c=b[d]=[]:d="mixpanel";c.people=c.people||[];c.toString=function(b){var a="mixpanel";"mixpanel"!==d&&(a+="."+d);b||(a+=" (stub)");return a};c.people.toString=function(){return c.toString(1)+".people (stub)"};i="disable track track_pageview track_links track_forms register register_once alias unregister identify name_tag set_config people.set people.set_once people.increment people.append people.track_charge people.clear_charges people.delete_user".split(" ");for(g=0;g<i.length;g++)f(c,i[g]);
b._i.push([a,e,d])};b.__SV=1.2}})(document,window.mixpanel||[]);
mixpanel.init("{{ mixpanel_key }}", { track_pageview : false, debug: {{ is_debug }} });</script><!-- end Mixpanel -->
{% endif %}

{% if google_analytics_key %}
  <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', '{{ google_analytics_key }}', 'auto');
    ga('require', 'displayfeatures');
    ga('send', 'pageview');
  </script>
{% endif %}

  </head>
  <body ng-class="pageClass + ' ' + (user.anonymous ? 'anon' : 'signedin')" class="co-img-bg-network">
    <div id="co-l-footer-wrapper">
      <nav class="navbar navbar-default header-bar co-m-navbar co-fx-box-shadow" role="navigation"></nav>

      <div id="padding-container">
        <div id="co-l-view-container">
          <div class="main-panel co-fx-box-shadow-heavy">
            {% block body_content %}

            {% endblock %}
          </div>
        </div>
      </div>

      <div id="co-l-footer-push"></div>
    </div>

    <nav id="co-l-footer" class="page-footer hidden-xs">
      <div class="col-md-8">
        <ul>
          <li><span class="copyright">&copy;2014 CoreOS, Inc.</span></li>
          <li quay-require="['BILLING']"><a href="/tos" target="_self">Terms</a></li>
          <li quay-require="['BILLING']"><a href="/privacy" target="_self">Privacy</a></li>
          <li quay-require="['BILLING']"><a href="/security/" target="_self">Security</a></li>
          <li quay-require="['BILLING']"><a href="/about/" target="_self">About</a></li>
          <li><b><a href="{{ contact_href or '/contact/' }}" target="_self">Contact</a></b></li>
          <li quay-require="['BILLING']"><b><a href="http://status.quay.io" target="_self">Service Status</a></b></li>
        </ul>
      </div>
      <div class="col-md-4">
        <a href="https://coreos.com" target="_blank"><img src="/static/img/coreos.svg"></a>
      </div>
    </nav>

    <!-- Modal message dialog -->
    <div class="modal fade" id="couldnotloadModal" data-backdrop="static">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <h4 class="modal-title">Uh Oh...</h4>
          </div>
          <div class="modal-body">
            Something went wrong when trying to load Quay.io! Please report this to <a href="mailto:support@quay.io">support@quay.io</a>.
          </div>
          <div class="modal-footer">
          </div>
        </div><!-- /.modal-content -->
      </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

    {% if show_chat %}
    <!-- begin olark code -->
    <script data-cfasync="false" type='text/javascript'>/*<![CDATA[*/window.olark||(function(c){var f=window,d=document,l=f.location.protocol=="https:"?"https:":"http:",z=c.name,r="load";var nt=function(){
    f[z]=function(){
    (a.s=a.s||[]).push(arguments)};var a=f[z]._={
    },q=c.methods.length;while(q--){(function(n){f[z][n]=function(){
    f[z]("call",n,arguments)}})(c.methods[q])}a.l=c.loader;a.i=nt;a.p={
    0:+new Date};a.P=function(u){
    a.p[u]=new Date-a.p[0]};function s(){
    a.P(r);f[z](r)}f.addEventListener?f.addEventListener(r,s,false):f.attachEvent("on"+r,s);var ld=function(){function p(hd){
    hd="head";return["<",hd,"></",hd,"><",i,' onl' + 'oad="var d=',g,";d.getElementsByTagName('head')[0].",j,"(d.",h,"('script')).",k,"='",l,"//",a.l,"'",'"',"></",i,">"].join("")}var i="body",m=d[i];if(!m){
    return setTimeout(ld,100)}a.P(1);var j="appendChild",h="createElement",k="src",n=d[h]("div"),v=n[j](d[h](z)),b=d[h]("iframe"),g="document",e="domain",o;n.style.display="none";m.insertBefore(n,m.firstChild).id=z;b.frameBorder="0";b.id=z+"-loader";if(/MSIE[ ]+6/.test(navigator.userAgent)){
    b.src="javascript:false"}b.allowTransparency="true";v[j](b);try{
    b.contentWindow[g].open()}catch(w){
    c[e]=d[e];o="javascript:var d="+g+".open();d.domain='"+d.domain+"';";b[k]=o+"void(0);"}try{
    var t=b.contentWindow[g];t.write(p());t.close()}catch(x){
    b[k]=o+'d.write("'+p().replace(/"/g,String.fromCharCode(92)+'"')+'");d.close();'}a.P(2)};ld()};nt()})({
    loader: "static.olark.com/jsclient/loader0.js",name:"olark",methods:["configure","extend","declare","identify"]});
    /* custom configuration goes here (www.olark.com/documentation) */
    olark.identify('1189-336-10-9918');/*]]>*/</script><noscript><a href="https://www.olark.com/site/1189-336-10-9918/contact" title="Contact us" target="_blank">Questions? Feedback?</a> powered by <a href="http://www.olark.com?welcome" title="Olark live chat software">Olark live chat software</a></noscript>
    <!-- end olark code -->
    {% endif %}

    <div class="angular-tour-ui" inline="false" tour="angular_tour_current"></div>
  </body>
</html>
