<!DOCTYPE html>
<html lang="{{ .Site.LanguageCode }}">
    <head>
        {{ partial "css.html" . }}
        {{ partial "script_prepend.html" . }}
    </head>
    <body>
        <div class="flex twelve grow">
                <div class="two-third">
                    <p id="website-title">Florian Schrofner</p>
                </div>


                <div class="third">
                    <form>
                        <button id="blog-button" class="pseudo" formaction="https://blog.schro.fi">Blog</button>
                    </form>
                </div>
            </div>

            <div class="flex twelve center" id="picture-holder">
                <!-- scale image for different resolutions -->
                {{ $picture := resources.Get "images/me.png"}}
                {{ $sPicture := $picture.Resize "x100" }}
                {{ $mPicture := $picture.Resize "x400" }}
                {{ $lPicture := $picture.Resize "x600" }}
                <img class="two-third half-1000 third-1200" src="{{$picture.Permalink}}">
            </div>

            <div class="flex twelve center beige-content-block">
                <div class="four-fifth half-1200">
                    {{ with .Site.GetPage "/intro" }}
                    {{.Content}}
                    {{ end }}
                </div>
            </div> 

            <div class="flex twelve center brown-content-block">
                <div class="four-fifth half-1200">
                    {{ with .Site.GetPage "/curriculum" }}
                    {{.Content}}
                    {{ end }}
                </div>
            </div>

            <div class="flex twelve center beige-content-block">
                <div class="four-fifth half-1200">
                    {{ with .Site.GetPage "/about" }}
                    {{.Content}}
                    {{ end }}
                </div>
            </div>

            <div class="flex twelve center" id="footer">
                <div class="four-fifth half-1200">
                    {{ with .Site.GetPage "/footer" }}
                    {{.Content}}
                    {{ end }}
                </div>
            </div>
        </div>
        {{ partial "script_append.html" . }}
    </body>
</html>
