{{ define "content" }}
    {{ if not .Params.notitle }}
	 <h1>{{ .Title }}</h1>
    {{ end }}
    {{ if eq .Lang "en" }}
    {{ template "docs-portal-user-journey" . }}
    {{ end }}
    {{ partial "docs/browse.html" .Parent }}
{{ end }}

{{ define "content-id" }}content{{ end }}

{{ define "docs-portal-user-journey" }}
{{ $data := .Site.Data }}
<div id="user-persona-data" class="hide">
  {{ $user_personas := index $data "user-personas" }}
  {{ $user_personas | jsonify }}
</div>

<div class="hide">
{{  $skip_uj_paths := "migrators" }}
{{ range $k, $v := $user_personas }}

{{ if strings.Contains $skip_uj_paths $k }}
{{ else }}
  {{ range $kk, $vv := $v }}
    <div class="persona-def-data" data-name="{{ $kk }}">
    {{ $persona_info := $vv }}
    {{ if $persona_info.short_desc }}
    {{ $persona_info.short_desc }}
    {{ else if $persona_info.glossary_id }}
    {{ with $persona_info.glossary_id | printf "%s.md" | ($.Site.GetPage "page" "docs/reference/glossary").Resources.GetMatch }}
    {{ .Params.short_description }}
    {{ end }}
    {{ end }}
    </div>
    {{ end }}
{{ end }}

{{ end }}
</div>

<div id='aboutWrapper'>
  <div class="aboutsection" markdown="1">
    <p>
      Kubernetes is an open source system for managing containerized applications across multiple hosts, providing basic mechanisms for deployment, maintenance, and scaling of applications.
      The open source project is hosted by the Cloud Native Computing Foundation (<a href="https://www.cncf.io/about">CNCF</a>).
    </p>
    <div class="aboutcolumn" markdown="1">
      <a href="{{ "docs/setup/release/notes/" | relURL }}">Download Current Release</a>
    </div>
    <div class="aboutcolumn" markdown="1">
      <a href="{{ "docs/home/supported-doc-versions/" | relURL }}">Supported Doc Versions</a>
    </div>
  </div>
</div>

<div class="paths">
    <div class="navButton users">{{ T "docs_label_users" }}</div>
    <div class="navButton contributors">{{ T "docs_label_contributors" }}</div>
    <a> <div class="navButton browse">{{ T "docs_label_browse" }}</div></a>
</div>

<div id="cardWrapper">
  <div class="display-bar">{{ T "docs_label_i_am" }}</div>
  <div class='cards' markdown="1">
  <div class='docsection1' id='persona-definition'>.</div>
  </div>
</div>

<div style='text-align: center;' class="applicationDeveloperContainer">
	<div class="display-bar" id="subTitle">LEVEL</div>
	<div class="levels">
		<div class="level" data-name="foundational">
			<i class="fa fa-sign-in" aria-hidden="true" style="font-size:50pt !important;padding-top:7% !important;padding-bottom:15% !important"></i>
			<br>
			<div class="tabbottom" style="padding-top:5%;padding-bottom:5%">
				Foundational
			</div>
		</div>
		<div class="level" data-name="intermediate">
			<i class="fa fa-university" aria-hidden="true" style="font-size:50pt !important;padding-top:7% !important;padding-bottom:15% !important"></i>
			<br>
			<div class="tabbottom" style="padding-top:5%;padding-bottom:5%">
				Intermediate
			</div>
		</div>
		<div class="level" data-name="advanced">
			<i class="fa fa-magic" aria-hidden="true" style="font-size:50pt !important;padding-top:7% !important;padding-bottom:15% !important"></i>
			<br>
			<div class="tabbottom" style="padding-top:5%;padding-bottom:5%">
				Advanced Topics
			</div>
		</div>
	</div>
</div>

<div class='infobarWrapper'>
    <div class="infobar">
        <span style="padding-bottom: 3% ">I want to...</span>
        <div id="infobarLinks"></div>
    </div>
</div>
{{ end }}
