Website

{{ with $section := .data }}
    <section class="reel">
        <div class="container">
            <div class="left" aria-hidden='true'>
                <div class="wheel" aria-hidden='true'>
                    {{ partial "svg" "wheel" }}
                    {{ range seq 8 }}
                        <div style='--i: {{ . }}' class="slot"><span class='h1'>{{ . }}</span></div>
                    {{ end }}
                </div>
            </div>


            <div class="mid">
            {{ with .title }} <p class="kicker">{{ . }}</p> {{ end }}
                <ul>
                    {{ $products := slice }}
                    {{ range .selected_products }}{{ with partial "getPage" . }}
                        {{ if not .Params.concept }}{{ $products = $products | append . }}{{ end }}
                    {{ end }}{{ end }}

                    {{ range $products }}
                        <li>
                            <h2>{{ .Title }}</h2>
                            {{ partial "description" .Params.details }}
                            {{ partial "btn" (dict
                                "button_text" (printf "%s %s" (T "Explore") .Title)
                                "button_url" .RelPermalink
                                "button_style" "Lime"
                                "button_icon" "Arrow Right Circle"
                            ) }}
                        </li>
                    {{ end }}
                </ul>
            </div>


            <div class="right">
                <figure>
                    {{ range $products }}
                        {{ partial "image" (dict
                            "path" .Params.details.image
                            "size" "1000x1000"
                            "eager" $.firstSection
                            "alt" .Title
                        ) }}
                    {{ end }}
                </figure>
            </div>
        </div> 
    </section>
{{ end }}

{{ with $section := .data }}
    {{ $p := $.page }}
    {{ $alle := where (partial "blog-articles" site.Home) "Permalink" "!=" $p.Permalink }}
    {{ $zelfde := slice }}
    {{ with $p.Params.blog_categories }}{{ $zelfde = where $alle "Params.blog_categories" "intersect" . }}{{ end }}
    {{ $keuze := first 3 ($zelfde | union $alle) }}
    {{ with $keuze }}
        <section class="overview keep-reading">
            <div class="container">
                <div class="top-row">
                    {{ partial "h1" $ }}
                    {{ partial "btn" $section }}
                </div>
                <ul class="cards">{{ range . }}{{ partial "blog-card" . }}{{ end }}</ul>
            </div>
        </section>
    {{ end }}
{{ end }}


{{ with $section := .data }}
    {{ $d := $.page.Params.details }}
    <section class="vacancy-hero detail-hero">
        <div class="container">
            {{ partial "h1-huge" (dict "data" (dict "title" $.page.Title) "firstSection" $.firstSection) }}
            {{ with (slice $d.location $d.hours $d.type $d.salary) | complement (slice "" nil) }}<p class="meta dot-list">{{ range . }}<span>{{ . }}</span>{{ end }}</p>{{ end }}
            <nav class="buttons">
                {{ partial "btn" (dict "button_text" (T "Solliciteer nu") "button_url" "#solliciteren" "button_style" "Lime" "button_icon" "Edit") }}
                <button class="btn light-grey" type="button" data-share hidden><div>{{ partial "svg" "arrow-right-circle" }}</div><span class="text">{{ T "Deel vacature" }}</span></button>
            </nav>
        </div>
    </section>
{{ end }}


{{ with $section := .data }}
    <section class="results-hero {{ if .title }} has-faded-title {{ end }}">
        <div class="container">
            {{ partial "kicker" . }}
            {{ if .title }}
                <div class="title-box calc-perc">
                    {{ partial "h1-huge" $ }}
                </div>
            {{ end  }}
            {{ partial "inline/results-badges.html" .badges }}
            <div class="browser" data-cursor='You'>
                <span></span>
                {{ with .tag }}<p class="has-tags"><span>{{ . }}</span></p>{{ end }}
                <div class='inner no-scrollbar {{ .results_style | default "Left" | anchorize }}'>
                    <div class="card" aria-live="polite">
                        {{ range $i, $case := .cases }}
                            <article data-case="{{ $i }}" {{ if $i }}hidden{{ end }}>
                                {{ with .tag_links }}<ul class="has-tags">{{ range . }}<li>{{ if .url }}<a href="{{ partial "lang-url" .url }}">{{ .title }}</a>{{ else }}{{ .title }}{{ end }}</li>{{ end }}</ul>{{ end }}
                                {{ with .medias }}
                                    <div class="frame">
                                        {{ range first 2 . }}{{ partial "media" (dict "media" . "size" "900x900" "fit" true "eager" $.firstSection "lazy" false) }}{{ end }}
                                        {{ with $case.result_sticker_image }}{{ partial "image" (dict "path" . "alt" "" "class" "result-sticker" "eager" $.firstSection) }}{{ end }}
                                    </div>
                                {{ end }}
                                {{ partial "sub-h6" (dict "title" .title) }}
                                <div class="prose">{{ partial "description" . }}</div>
                                {{ partial "btn" .button }}
                            </article>
                        {{ end }}
                    </div>
                    {{ range $s := seq 1 3 }}
                        <div class="slot">{{ with index $section.cases $s }}{{ partial "inline/results-tile.html" (dict "case" . "i" $s) }}{{ end }}</div>
                    {{ end }}
                    <div class="parking" hidden>{{ with index .cases 0 }}{{ partial "inline/results-tile.html" (dict "case" . "i" 0) }}{{ end }}</div>
                    {{ $plekken := dict "left" (slice (dict "direction" "Left" "positioning" (dict "x" 54 "y" 61))) "right" (slice (dict "direction" "Right" "positioning" (dict "x" 46 "y" 61))) "center" (slice (dict "direction" "Right" "positioning" (dict "x" 19 "y" 77)) (dict "direction" "Left" "positioning" (dict "x" 88.5 "y" 44))) }}
                    {{ $stijl := index $plekken (.results_style | default "Left" | anchorize) | default $plekken.left }}
                    {{ $cursors := slice }}
                    {{ range $i, $naam := .cursors }}{{ if lt $i (len $stijl) }}{{ $cursors = $cursors | append (merge (index $stijl $i) (dict "selected_team" $naam "data_color" "Lime")) }}{{ end }}{{ end }}
                    {{ partial "cursors" $cursors }}
                </div>
            </div>
        </div>
    </section>
{{ end }}

{{ define "_partials/inline/results-tile.html" }}
    {{ with .case }}
        <button type="button" class="tile" data-case="{{ $.i }}" aria-pressed="false" aria-label="{{ T "Case tonen" (dict "naam" .title) }}">
            {{ partial "image" (dict "path" .card_image "size" "600x780" "fit" true "alt" "" "class" "shot") }}
            <span class="chip" aria-hidden="true">{{ .title }}<i></i></span>
            {{ with .result_sticker_image }}{{ partial "image" (dict "path" . "alt" "" "class" "result-sticker") }}{{ end }}
        </button>
    {{ end }}
{{ end }}

{{ define "_partials/inline/results-badges.html" }}
    {{ with . }}
        <div class="badges activate-children" aria-hidden='true'>
            {{ range . }}
                <div class='badge {{ .background_color | anchorize | default "lime" }}'>
                    <div class="inner">
                        {{ partial "svg" (.icon | default "badge-heart" | urlize) }}
                    </div>
                </div>
            {{ end }}
        </div>
    {{ end }}
{{ end }}


{{ with $section := .data }}
    <section class="reviews browser-split has-faded-title" data-triggers='.4:flipped'>
        <div class="container">
            <div class="title-box calc-perc">
                {{ partial "h1" $ }}
            </div>
            {{ $langData := index hugo.Data (site.Language.Label | lower)}}
            {{ $reviews := slice }}
            {{ range .selected_reviews }}{{ with index (where $langData.reviews "title" .) 0 }}
                {{ $reviews = $reviews | append . }}
            {{ end }}{{ end }}

            <ul class='top activate-children'>
                {{ range $i, $j :=  $reviews }}
                    <li {{ if .client_bubble_needs_glow }} class='needs-glow' {{ end }} style='--i: {{ $i }}'>
                        {{ partial "image" (dict
                            "path" .client_bubble_logo_image
                            "size" "750x750"
                            "eager" $.firstSection
                            "alt" .title
                        ) }}
                    </li>
                {{ end }}
            </ul>
            

            <div class="browser">
                <span></span>

                <p class='has-tags'>
                    <span>{{ .tag }}</span>
                    <span class='rating' style='--last: {{ mul (mod (mul .rating 10) 10) 10 }}%'>
                        {{ .rating }}
                        {{ range seq (math.Ceil .rating) }}
                            {{ partial "svg" "star" }}
                        {{ end }}
                    </span>
                </p>

                <div class="texts">
                    {{ range $i, $j := $reviews }}
                        <article {{ if eq $i 0 }} class='visible' {{ end }}>
                            {{ partial "sub-h6" (dict "title" .title "firstSection" $.firstSection) }}
                            <blockquote class="prose">{{ partial "description" . }}</blockquote>
                            
                            <p class='author'><strong>{{ .author_name }}</strong></p>
                            <p class='function'>{{ .author_function }}</p>
                        </article>
                    {{ end }}
                </div>

                <ul class="orbs inner" aria-hidden='true' data-cursor='You'>
                    {{ range $i, $j := $reviews }}
                        <li class='slot  {{ if .client_bubble_needs_glow }}needs-glow {{ end }}'  data-cursor='{{ .cursor_text }}' data-cursor-color='Lime' style='--i: {{ $i }}'>
                            {{ partial "image" (dict
                                "path" .client_bubble_logo_image
                                "size" "750x750"
                                "eager" $.firstSection
                                "alt" .title
                            ) }}
                        </li>
                    {{ end }}
                </ul>
            </div>
        </div> 
    </section>
{{ end }}

{{ with $section := .data }}
    {{ with where (partial "vacancies-articles" $.page) "Permalink" "!=" $.page.Permalink }}
        <section class="other-vacancies">
            <div class="container">
                <div class="top">
                    {{ partial "h1" $ }}
                    {{ partial "btn" $section }}
                </div>
                <ul class="vacancy-list">
                    {{ range . }}{{ partial "vacancy-card" . }}{{ end }}
                </ul>
            </div>
        </section>
    {{ end }}
{{ end }}