{{! To ensure HTML comments that follow are within the head, not before it }}
{{! FAQ: Any <link>s, and comments AFTER the first, are migrated to <head> }}
<link rel='author' href='https://github.com/TACC/Core-Styles' />



<!-- Styles: Layers -->
{{!-- https://tacc-main.atlassian.net/wiki/x/hRlv --}}
<style>
@layer foundation, base, project;
</style>

{{#if _target.context.shouldLoadBootstrap5 }}
{{#unless _target.context.shouldSkipBootstrap5 }}
<!-- Styles: Global (for current pattern): Bootstrap -->
<style>
  @import url('https://cdn.jsdelivr.net/npm/bootstrap@5/dist/css/bootstrap.min.css') layer(foundation);
</style>
{{> @import-client-styles styles=bootstrap5Styles }}
{{/unless}}
{{/if}}
{{#if _target.context.shouldLoadBootstrap }}
{{#unless _target.context.shouldSkipBootstrap }}
<!-- Styles: Global (for current pattern): Bootstrap -->
<style>
  @import url('https://cdn.jsdelivr.net/npm/bootstrap@4/dist/css/bootstrap.min.css') layer(foundation);
</style>
{{> @import-client-styles styles=bootstrap4Styles }}
{{/unless}}
{{/if}}
{{#if _target.context.shouldLoadBootstrap3 }}
{{#unless _target.context.shouldSkipBootstrap3 }}
<!-- Styles: Global (for current pattern): Bootstrap -->
<style>
  @import url('https://cdn.jsdelivr.net/npm/bootstrap@3/dist/css/bootstrap.min.css') layer(foundation);
</style>
{{/unless}}
{{/if}}

<!-- Styles: Global (for every pattern) -->
{{> @import-client-styles styles=globalStyles }}

{{#if _target.context.shouldLoadCMS }}
{{#unless _target.context.shouldSkipCMS }}
<!-- Styles: Global (for current pattern): CMS -->
{{> @import-client-styles styles=cmsStyles }}
{{/unless}}
{{/if}}

{{#if _target.context.shouldLoadDocs }}
{{#unless _target.context.shouldSkipDocs }}
<!-- Styles: Global (for current pattern): Docs -->
{{> @import-client-styles styles=docsStyles }}
</style>
{{/unless}}
{{/if}}

{{#if _target.context.shouldLoadPortal }}
{{#unless _target.context.shouldSkipPortal }}
<!-- Styles: Global (for current pattern): Portal -->
{{> @import-client-styles styles=portalStyles }}
{{/unless}}
{{/if}}



{{#if _target.context.supportStyles}}
<!-- Styles: Local (for current pattern): Supporting Patterns -->
<style>
  {{#each _target.context.supportStyles}}
  @import url('{{path this}}');
  {{/each}}
</style>
{{/if}}

{{#unless _target.context.shouldSkipPattern}}
<!-- Styles: Local (for current pattern): Current Pattern -->
<style>
  @import url('{{path "/assets/{{ _target.context.subdir }}/{{ _target.baseHandle }}.css"}}');
</style>
{{/unless}}



<!-- Styles: Demo (for current pattern) -->
{{#each _target.resources.assets}}
{{#if this.isCSS}}
<style>
  @import url('{{path "/components/raw/{{ _target.baseHandle }}/{{ this.base }}"}}');
</style>
{{/if}}
{{/each}}



{{#if _target.context.shouldLoadBootstrap5}}
{{#unless _target.context.shouldSkipBootstrap5 }}
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
{{/unless}}
{{/if}}
{{#if _target.context.shouldLoadBootstrap}}
{{#unless _target.context.shouldSkipBootstrap }}
<!-- Scripts: Global (for current pattern): Bootstrap -->
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>
{{/unless}}
{{/if}}
{{#if _target.context.shouldLoadBootstrap3}}
{{#unless _target.context.shouldSkipBootstrap }}
<!-- Scripts: Global (for current pattern): Bootstrap -->
<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
{{/unless}}
{{/if}}

<!-- Scripts: Local (for current pattern) -->
{{#each _target.resources.assets}}
{{#if this.isJS}}
<script
  type="module"
  src='{{path "/components/raw/{{ _target.baseHandle }}/{{ this.base }}"}}'
></script>
{{/if}}
{{/each}}



{{!-- Markup (for current pattern) --}}
{{#unless _target.context.shouldOmitMainTag}}
<main id="demo">
{{/unless}}
{{{yield}}}
{{#unless _target.context.shouldOmitMainTag}}
</main>
{{/unless}}
