single.html

{{ define "hero" }}
    <header class="header-hero header-hero-glow-bottom pt-12 pb-8">
        <div class="header-hero-items container mx-auto">
            <div class="header-hero-item text-center w-full py-4">
                <div class="uppercase text-base text-purple-100 mb-2">Pulumi Case Study</div>
                <h1 class="mt-0 mb-4">
                    {{ .Title }}
                </h1>
            </div>
        </div>
    </header>
{{ end }}

{{ define "main" }}
    <nav class="nav-section-sticky">
        <div class="container mx-auto">
            <ul>
                {{ range .Params.sections }}
                    <li><a href="#{{ .anchor }}">{{ .label }}</a></li>
                {{ end }}
            </ul>
        </div>
    </nav>

    <section id="executive-summary" class="mt-8 py-8 px-4 md:px-0">
        <div class="container mx-auto max-w-4xl py-8 border-b border-gray-300">
            <h2>Executive Summary</h2>
            <p>
                {{ .Params.exec_summary | markdownify }}
            </p>
        </div>
    </section>

    <section class="px-4 md:px-0">
        <div class="container mx-auto max-w-4xl mb-4">
            {{ if .Params.customer_logo }}
                {{ $image_classes := "inline-block md:float-right max-w-xs md:pl-8 pb-2" }}
                {{ $image_title := print (or .Params.customer_name "Customer") " logo" }}
                {{ if .Params.customer_url }}
                    <a href="{{ .Params.customer_url }}" class="{{ $image_classes }}">
                        <img src="{{ .Params.customer_logo }}" class="{{ $image_classes }}" alt="{{ $image_title }}">
                    </a>
                {{ else }}
                    <img src="{{ .Params.customer_logo }}" class="{{ $image_classes }}" alt="{{ $image_title }}">
                {{ end }}
            {{ end }}
            {{ .Content }}
        </div>
    </section>

    <section class="mt-8 pb-8 px-4 md:px-0">
        <div class="container mx-auto max-w-4xl py-8 border-t border-gray-300">
            <h3>Pulumi Corporation</h3>
            <p>
                Pulumi was founded in 2017 with a burning passion to make it simpler to
                build, deploy and manage cloud infrastructure. Pulumi enables teams to
                build cloud applications on their own terms, using and sharing components
                created with their favorite programming languages and tools, and targeting
                their choice of public or private clouds.
            </p>
        </div>
    </section>

    {{ partial "learnmore-contactus.html" . }}
{{ end }}