1
0
Fork 0

create prepended and appended scripts, add image scaling

master
Florian Schrofner 2019-08-21 22:26:33 +02:00
parent fa71e28bf8
commit 687c46bb12
4 changed files with 12 additions and 3 deletions

View File

@ -2,7 +2,7 @@
<html lang="{{ .Site.LanguageCode }}"> <html lang="{{ .Site.LanguageCode }}">
<head> <head>
{{ partial "css.html" . }} {{ partial "css.html" . }}
{{ partial "script.html" . }} {{ partial "script_prepend.html" . }}
</head> </head>
<body> <body>
<div class="grid-container full"> <div class="grid-container full">
@ -13,8 +13,14 @@
</div> </div>
<div class="grid-x align-center"> <div class="grid-x align-center">
<!-- scale image for different resolutions -->
{{ $picture := resources.Get "images/me.png"}} {{ $picture := resources.Get "images/me.png"}}
<img src="{{$picture.Permalink}}"/> {{ $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>
<div class="grid-x align-center beige-content-block"> <div class="grid-x align-center beige-content-block">
@ -33,5 +39,6 @@
</div> </div>
</div> </div>
</div> </div>
{{ partial "script_append.html" . }}
</body> </body>
</html> </html>

View File

@ -0,0 +1,2 @@
{{ $applyFoundation := "foundation/js/app.js" | absURL }}
<script src="{{ $applyFoundation }}" </script>

View File

@ -1 +1 @@
@font-face{font-family:fira sans;font-style:normal;font-weight:400;src:local("Fira Sans Regular"),local(FiraSans-Regular),url(/fonts/fira-sans/FiraSans-Regular.ttf) format("truetype")}@font-face{font-family:fira sans;font-style:normal;font-weight:700;src:local("Fira Sans Bold"),local(FiraSans-Bold),url(/fonts/fira-sans/FiraSans-Bold.ttf) format("truetype")}@font-face{font-family:fira sans medium;font-style:normal;font-weight:400;src:local("Fira Sans Medium"),local(FiraSans-Medium),url(/fonts/fira-sans/FiraSans-Medium.ttf) format("truetype")}@font-face{font-family:learning curve pro;font-style:normal;font-weight:400;src:local("Learning Curve Pro Regular"),local(LearningCurvePro-Regular),url(/fonts/learning-curve/learning_curve_regular_ot_tt.ttf) format("truetype")}@font-face{font-family:learning curve pro;font-style:normal;font-weight:700;src:local("Learning Curve Pro Bold"),local(LearningCurvePro-Bold),url(/fonts/learning-curve/learning_curve_bold_ot_tt.ttf) format("truetype")}body{font:100% fira sans,sans-serif;color:#52453f;background:#bfcecd}h1{font:300% fira sans medium,sans-serif}h2{font:250% fira sans medium,sans-serif}h3{font:200% fira sans medium,sans-serif}#website-title{font-size:4.5em;font-family:learning curve pro;font-weight:700;color:#fff} @font-face{font-family:fira sans;font-style:normal;font-weight:400;src:local("Fira Sans Regular"),local(FiraSans-Regular),url(/fonts/fira-sans/FiraSans-Regular.ttf) format("truetype")}@font-face{font-family:fira sans;font-style:normal;font-weight:700;src:local("Fira Sans Bold"),local(FiraSans-Bold),url(/fonts/fira-sans/FiraSans-Bold.ttf) format("truetype")}@font-face{font-family:fira sans medium;font-style:normal;font-weight:400;src:local("Fira Sans Medium"),local(FiraSans-Medium),url(/fonts/fira-sans/FiraSans-Medium.ttf) format("truetype")}@font-face{font-family:learning curve pro;font-style:normal;font-weight:400;src:local("Learning Curve Pro Regular"),local(LearningCurvePro-Regular),url(/fonts/learning-curve/learning_curve_regular_ot_tt.ttf) format("truetype")}@font-face{font-family:learning curve pro;font-style:normal;font-weight:700;src:local("Learning Curve Pro Bold"),local(LearningCurvePro-Bold),url(/fonts/learning-curve/learning_curve_bold_ot_tt.ttf) format("truetype")}body{font:100% fira sans,sans-serif;color:#52453f;background:#bfcecd}h1{font:300% fira sans medium,sans-serif}h2{font:250% fira sans medium,sans-serif}h3{font:200% fira sans medium,sans-serif}#website-title{font-size:4.5em;margin-top:30px;margin-left:30px;font-family:learning curve pro;font-weight:700;color:#fff}.beige-content-block{background:#f5e9e4}.brown-content-block{background:#d1c1ba}