1
0
Fork 0
schro.fi/layouts/index.html

69 lines
2.4 KiB
HTML

<!DOCTYPE html>
<html lang="{{ .Site.LanguageCode }}">
<head>
<title>Florian Schrofner</title>
{{ $favicon := resources.Get "images/favicon.ico"}}
<link rel="shortcut icon" href="{{$favicon.Permalink}}">
<meta name="viewport" content="width=device-width, initial-scale=1">
{{ 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>