<!DOCTYPE html>
<html lang="{{ .Site.LanguageCode }}">
    <head>
        {{ partial "css.html" . }}
        {{ partial "script_prepend.html" . }}
    </head>
    <body>
        <div class="grid-container full">
            <div class="grid-x">
                <div class="cell">
                    <p id="website-title">Florian Schrofner</p>
                </div>
            </div>

            <div class="grid-x align-center">
                <!-- scale image for different resolutions -->
                {{ $picture := resources.Get "images/me.png"}}
                {{ $sPicture := $picture.Resize "x100" }}
                {{ $mPicture := $picture.Resize "x400" }}
                {{ $lPicture := $picture.Resize "x600" }}

                <!-- <img data-interchange="[{{$sPicture.Permalink}}, small], [{{$mPicture.Permalink}}, medium], [{{$lPicture.Permalink}}, large]"> -->
                <img data-interchange="[http://localhost:1313/images/me.png, small], [http://localhost:1313/images/me.png, medium], [http://localhost:1313/images/me.png, large]">
            </div>

            <div class="grid-x align-center beige-content-block">
                <div class="cell large-6">
                    {{ with .Site.GetPage "/intro" }}
                    {{.Content}}
                    {{ end }}
                </div>
            </div>

            <div class="grid-x align-center brown-content-block">
                <div class="cell large-6">
                    {{ with .Site.GetPage "/section" }}
                    {{.Content}}
                    {{ end }}
                </div>
            </div>
        </div>
        {{ partial "script_append.html" . }}
    </body>
</html>
