68 lines
2.4 KiB
HTML
68 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>
|