
<!DOCTYPE html>
<html lang="{{ .Site.LanguageCode | default "en-us" }}">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>{{ .Title }}</title>
		{{ if and (.Site.Params.gtm_id) (templates.Exists "partials/gtm.html") }}{{- partial "gtm.html" . }}{{ end }}

	{{ with .Site.Params.description }}<meta name="description" content="{{ . }}">{{ end }}
	{{ with .Site.Params.author }}<meta name="author" content="{{ . }}">{{ end }}
	
	{{- $cache :=  now.Unix -}}
	{{- $opt := (dict "outputStyle" "compressed" "enableSourceMap" "true") -}}
	{{- $style := resources.Get "sass/main.scss" | toCSS $opt | minify -}}
	<link rel="stylesheet" type="text/css" href="{{ $style.Permalink }}?{{ $cache }}"/>

	{{ with .OutputFormats.Get "RSS" -}}
		{{ printf `<link rel="%s" type="%s" href="%s" title="%s">` .Rel .MediaType.Type .RelPermalink $.Site.Title | safeHTML }}
	{{- end }}

	<!-- github buttons -->
	<script async defer src="https://buttons.github.io/buttons.js"></script>
	<script type="text/javascript" src="//cdn.bizible.com/scripts/bizible.js" async=""></script>
</head>
<body>
	{{ if .Site.Params.gtm_id}}
		<noscript>
			<iframe src="//www.googletagmanager.com/ns.html?id={{ .Site.Params.gtm_id }}" height="0" width="0" style="display:none;visibility:hidden">
			</iframe>
		</noscript>
	{{ end }}
    <header>
        <div class="rancher-header">
          <a href="https://rancher.com/" target="blank">
            <img src="images/rancher-logo-horiz-white.svg" height="20" width="136">
          </a>
          <div>
            <a href="https://rancher.com/" target="blank">See what else Rancher is up to.</a>
      
            <!-- github stars -->
            <a class="github-button" href="https://github.com/rancher/elemental-toolkit" data-icon="octicon-star" data-show-count="true" aria-label="Star on GitHub">Star</a>
            
            <!-- github button -->
            <a class="github-button" href="https://github.com/rancher/elemental-toolkit/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork on GitHub">Fork</a>
          </div>
        </div>
          <div class="sub-header">
          <a href="{{ .Site.BaseURL }}">
            <img src="images/logo-{{ .Site.Title }}.svg" alt="{{ .Site.Title }}">
          </a>
          
          <!-- nav -->
          {{ with .Site.Menus.main }}
          <nav>
            <ul class="menu">
              {{ range . }}
              <li><a href="{{ .URL | relURL }}" class="btn no-bg">{{ .Name }}</a></li>
              {{ end }}
              <!-- github  -->
              <li><a href="{{ $.Site.Params.github }}" class="btn"><img src="images/icon-github.svg"><span>Github</span></a></li>
            </ul>  
          </nav>
          {{ end }}
        </div>
      </header>
	
      <main>
		<div>
			{{ .Content }}
		</div>
	</main>
	
    <footer>
        <p>&copy; {{ now.Year }} <a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a></p>
        <div class="project-icons">
            <!-- <a href="https://rancher.com/" target="blank">
                <img src="../images/icon-rke.svg" height="20">
            </a>
            <a href="https://rancher.com/" target="blank">
                <img src="../images/icon-longhorn.svg" height="20">
            </a> -->
            <a href="https://k3s.io" target="blank">
                <img src="images/icon-k3s.svg" height="20">
            </a>
            <a href="https://k3os.io" target="blank">
                <img src="images/icon-k3os.svg" height="20">
            </a>
            <a href="https://rio.io" target="blank">
                <img src="images/icon-rio.svg" height="20">
            </a>
            <a href="https://submariner.io/" target="blank">
                <img src="images/icon-submariner.svg" height="20">
            </a>
        </div>
    </footer>

</body>
</html>


  
<!-- {{ partial "sidebar.html" . }} -->
