{{ define "main" }}
{{ $lang := .Site.Language.Lang }}
<section class="section-header">
    <div class="columns-container" style="display: flex" >
        <div class="column col1 text-center vertical-center">
            <br>
            <h1 class="flex flex-center fill-width larger"><img src="/img/logo.svg" class="icon-twice-text" alt="Ad5001's icon"/>Ad5001</h1>
            {{ .Params.HeaderDescription | markdownify }}
            <div class="grid flex-center">&nbsp;
                {{ partial "links.html" .Params.Links }}
            </div>
            
            <div class="social-list grid flex-center padding-container-point3">
                {{ partial "social-buttons" (dict "Buttons" .Site.Data.menu.social "Lang" $lang) }}
            </div>
            <br>
            <br>
            <br>
            <br>
        </div>
    </div>
</section>
<section class="section-skewed">
    <br>
    <h1 class="text-center">{{ i18n "softwareCommitments" }}</h1>
    <div class="columns-container padding-container-3" >
        {{ $cardsCount := len .Params.Cards.List }}
        {{ range .Params.Cards.List }}
        {{ $card := index $.Params.Cards . }}
        <div class="column col{{ $cardsCount }} vertical-center padding-container">
            <div class="card {{ $card.Color }} {{ $card.Orientation }} padding-container text-content">
                <h2 class="flex flex-center text-center">
                    <i class="icon-{{ $card.Icon }} icon-larger2-text"></i>
                    {{ $card.Title }}
                </h2>
                <p>
                    {{ $card.Description | markdownify }}
                </p>
                <br>
                <div class="grid flex-center">&nbsp;
                    {{ partial "links.html" $card.Links }}
                </div>
            </div>
        </div>
        {{ end }}
    </div>
</section>
<section class="padding-container-3">
    <h1>{{ .Params.NewSection.Title }}</h1>
    <p>
    {{ .Params.NewSection.Description | markdownify }}
    </p>
    <div class="grid">&nbsp;
        {{ partial "links.html" .Params.NewSection.Links }}
    </div>
    <br>
</section>
{{ end }}