diff --git a/layouts/index.html b/layouts/index.html
index 5b4ec89..93001fb 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -2,7 +2,7 @@
 <html lang="{{ .Site.LanguageCode }}">
     <head>
         {{ partial "css.html" . }}
-        {{ partial "script.html" . }}
+        {{ partial "script_prepend.html" . }}
     </head>
     <body>
         <div class="grid-container full">
@@ -13,8 +13,14 @@
             </div>
 
             <div class="grid-x align-center">
+                <!-- scale image for different resolutions -->
                 {{ $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 class="grid-x align-center beige-content-block">
@@ -33,5 +39,6 @@
                 </div>
             </div>
         </div>
+        {{ partial "script_append.html" . }}
     </body>
 </html>
diff --git a/layouts/partials/script_append.html b/layouts/partials/script_append.html
new file mode 100644
index 0000000..5a5c01f
--- /dev/null
+++ b/layouts/partials/script_append.html
@@ -0,0 +1,2 @@
+{{ $applyFoundation := "foundation/js/app.js" | absURL }}
+<script src="{{ $applyFoundation }}" </script>
diff --git a/layouts/partials/script.html b/layouts/partials/script_prepend.html
similarity index 100%
rename from layouts/partials/script.html
rename to layouts/partials/script_prepend.html
diff --git a/resources/_gen/assets/sass/sass/main.sass_53f3898349edb2b37d3b88b00109892b.content b/resources/_gen/assets/sass/sass/main.sass_53f3898349edb2b37d3b88b00109892b.content
index 5222c2d..401e966 100644
--- a/resources/_gen/assets/sass/sass/main.sass_53f3898349edb2b37d3b88b00109892b.content
+++ b/resources/_gen/assets/sass/sass/main.sass_53f3898349edb2b37d3b88b00109892b.content
@@ -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}
\ No newline at end of file
+@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}
\ No newline at end of file
