migrate project images for using responsive image generated automatically

51 files changed, 48 insertions, 34 deletions

diff --git a/assets/scss/app.scss b/assets/scss/app.scss
index 6d4f6a6..41343fe 100644
--- a/assets/scss/app.scss
+++ b/assets/scss/app.scss
@@ -93,7 +93,7 @@
     }
   }
 
-  & .image-item {
+  img {
     display: block;
     max-width: 100%;
     height: auto;
diff --git a/exampleSite/content/_index.md b/exampleSite/content/_index.md
index 50975d0..0eca85e 100644
--- a/exampleSite/content/_index.md
+++ b/exampleSite/content/_index.md
@@ -3,6 +3,7 @@ title: Home page
 date: 2017-11-01T18:28:28+02:00
 draft: false
 description: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor cumque magnam aliquid, explicabo amet quasi eveniet reprehenderit dolorum exercitationem maiores provident ex error, tenetur.
+
 header:
   description: Hello, my name is Yates. I live and work in London. I'm keen on <span class="blue-text">design and photography</span>.
   image:
@@ -20,54 +21,64 @@ projects:
     type: wed design
     link: https://unsplash.com/photos/hpjSkU2UYSU
     image:
-      url: img/strato_1130x590.jpg
-      alt_text: The Strato web design theme
-      responsive_sources:
-        "848": img/strato_848x443.jpg
-        "565": img/strato_565x420.jpg
-        "360": img/strato_360x318.jpg
+      url: works/strato.jpg
+      alt: The Strato web design theme
+      media: "(max-width: 46.25em)"
+      params:
+      - options: 1130x590
+      - options: 848x443
+      - options: 565x420
+      - options: 360x318 Left
   - title: Analytik
     type: UI/UX
     link: https://unsplash.com/photos/yeB9jDmHm6M
     class: short-col
     image:
-      url: img/analytik_364x590.jpg
-      alt_text: The Analytic web design theme
-      responsive_sources:
-        "848": img/analytik_848x443.jpg
-        "565": img/analytik_565x420.jpg
-        "360": img/analytik_360x318.jpg
+      url: works/analytik.jpg
+      alt: The Analytic web design theme
+      media: "(max-width: 46.25em)"
+      params:
+      - options: 364x590 Top
+      - options: 848x443 Top
+      - options: 565x420
+      - options: 360x318
   - title: Friends
     type: Product Development
     link: https://unsplash.com/photos/ir5lIkVFqC4
     class: wide-col
     image:
-      url: img/friends_746x590.jpg
-      alt_text: The Friends theme
-      responsive_sources:
-        "848": img/friends_848x443.jpg
-        "565": img/friends_565x420.jpg
-        "360": img/friends_360x318.jpg
+      url: works/friends.jpg
+      alt: The Friends theme
+      media: "(max-width: 46.25em)"
+      params:
+      - options: 746x590 Left
+      - options: 848x443 Top
+      - options: 565x420 Left
+      - options: 360x318 Center
   - title: Food
     type: web design
     link: https://unsplash.com/photos/JVSgcV8_vb4
     class: wide-col
     image:
-      url: img/food_746x590.jpg
-      alt_text: The Food website for recipes
-      responsive_sources:
-        "848": img/food_848x443.jpg
-        "565": img/food_565x420.jpg
-        "360": img/food_360x318.jpg
+      url: works/food.jpg
+      alt: The Food website for recipes
+      media: "(max-width: 46.25em)"
+      params:
+      - options: 746x590 Center
+      - options: 848x443 Center
+      - options: 565x420 Center
+      - options: 360x318 Center
   - title: StatApp
     type: UI/UX
     link: https://unsplash.com/photos/nJX74kn1yn4
     class: short-col
     image:
-      url: img/statapp_364x590.jpg
-      alt_text: The application for statistic
-      responsive_sources:
-        "848": img/statapp_848x443.jpg
-        "565": img/statapp_565x420.jpg
-        "360": img/statapp_360x318.jpg
+      url: works/statapp.jpg
+      alt: The application for statistic
+      media: "(max-width: 46.25em)"
+      params:
+      - options: 364x590 Left
+      - options: 848x443
+      - options: 565x420 Center
+      - options: 360x318 Center
 ---
\ No newline at end of file
diff --git a/exampleSite/content/uploads/index.md b/exampleSite/content/uploads/index.md
new file mode 100644
index 0000000..3d65eaa
--- /dev/null
+++ b/exampleSite/content/uploads/index.md
@@ -0,0 +1,3 @@
+---
+headless: true
+---
\ No newline at end of file
diff --git a/exampleSite/content/uploads/works/analytik.jpg b/exampleSite/content/uploads/works/analytik.jpg
new file mode 100644
index 0000000..8d364f1
--- /dev/null
+++ b/exampleSite/content/uploads/works/analytik.jpg
diff --git a/exampleSite/content/uploads/works/food.jpg b/exampleSite/content/uploads/works/food.jpg
new file mode 100644
index 0000000..548eff6
--- /dev/null
+++ b/exampleSite/content/uploads/works/food.jpg
diff --git a/exampleSite/content/uploads/works/friends.jpg b/exampleSite/content/uploads/works/friends.jpg
new file mode 100644
index 0000000..1ca018c
--- /dev/null
+++ b/exampleSite/content/uploads/works/friends.jpg
diff --git a/exampleSite/content/uploads/works/statapp.jpg b/exampleSite/content/uploads/works/statapp.jpg
new file mode 100644
index 0000000..d916dfa
--- /dev/null
+++ b/exampleSite/content/uploads/works/statapp.jpg
diff --git a/exampleSite/content/uploads/works/strato.jpg b/exampleSite/content/uploads/works/strato.jpg
new file mode 100644
index 0000000..1b426c2
--- /dev/null
+++ b/exampleSite/content/uploads/works/strato.jpg
diff --git a/exampleSite/resources/_gen/assets/scss/scss/app.scss_cf77da1f4ca537338a3eb28dc8a2d96c.content b/exampleSite/resources/_gen/assets/scss/scss/app.scss_cf77da1f4ca537338a3eb28dc8a2d96c.content
index 945f0b4..def444e 100644
--- a/exampleSite/resources/_gen/assets/scss/scss/app.scss_cf77da1f4ca537338a3eb28dc8a2d96c.content
+++ b/exampleSite/resources/_gen/assets/scss/scss/app.scss_cf77da1f4ca537338a3eb28dc8a2d96c.content
@@ -1 +1 @@
-.burger-wrap{float:right;height:100%}.burger-wrap:before{display:inline-block;vertical-align:middle;content:'';height:100%;width:0}.burger{position:relative;width:2.5em;height:1.8em;display:inline-block;vertical-align:middle;cursor:pointer}.burger>div{position:absolute;left:0;right:0;background:#171616;height:.2em}.burger .top{top:0;transition:transform .5s,top .2s}.burger .middle{top:.8em;transition:transform .5s ease .2s,top .2s}.burger .bottom{top:1.6em;transition:all .5s ease .1s}.BurgerMenu--active .burger .top{top:.8em;transform:rotate(135deg)}.BurgerMenu--active .burger .middle{transform:rotate(-135deg)}.BurgerMenu--active .burger .bottom{top:.8em;opacity:0;transform:rotate(180deg)}.BurgerMenu--active .links{visibility:visible;opacity:1}.projects{margin-top:4.5em;margin-bottom:3.5em}.projects .project{margin-bottom:2em}.projects a{position:relative;display:block}.projects a:hover .project-hover{background:#224afa;color:#fff;opacity:.9;-webkit-transition:opacity 200ms linear;-moz-transition:opacity 200ms linear;-ms-transition:opacity 200ms linear;-o-transition:opacity 200ms linear;transition:opacity 200ms linear}.projects .image-item{display:block;max-width:100%;height:auto}.projects .project-hover{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;-webkit-transition:all 200ms linear 300ms;-moz-transition:all 200ms linear 300ms;-ms-transition:all 200ms linear 300ms;-o-transition:all 200ms linear 300ms;transition:all 200ms linear 300ms}.project-caption{padding:1.5em;line-height:1.2}.project-caption .project-title{max-height:3.5em;font-size:2.8em;font-weight:700;overflow:hidden}.project-caption .project-type{margin-top:.5em;font-size:1.4em;text-transform:uppercase}.line::before{content:"";display:block;height:1px;background:#ebebeb;margin-top:4.2em;margin-bottom:4.2em}.bottom-space{margin-bottom:4.2em}.stickyNavigation .nav-container{position:fixed;z-index:10;width:100%;padding-bottom:1.5em;-webkit-box-shadow:0 5px 7px 0 rgba(1,1,1,.1);box-shadow:0 5px 7px 0 rgba(1,1,1,.1);-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.3s;animation-duration:.3s}.stickyNavigation .navbar{height:5em;padding-top:1.5em}.stickyNavigation .logo img{max-height:5em}.stickyNavigation .header{padding-top:9.1em}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0)}40%{opacity:0}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0)}40%{opacity:0}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@media only screen and (min-width:22.5625em){.projects{margin-top:7.5em;margin-bottom:6em}}@media only screen and (min-width:27.875em){.project-caption .project-title{font-size:3.5em}.project-caption .project-type{font-size:1.6em}}@media only screen and (min-width:46.3125em){.projects{margin-top:10em}.projects .project{float:left}.projects .short-col{width:32.21238%}.projects .wide-col{width:66.01769%}.projects .project:nth-child(2n){margin-right:1.7699%}.project-caption{padding:3.7em 2.5em 3.7em 3em}.project-caption .project-title{font-size:4em;max-height:4.8em}}@media only screen and (min-width:58.5em){.project-caption .project-title{font-size:4.6em}}
\ No newline at end of file
+.burger-wrap{float:right;height:100%}.burger-wrap:before{display:inline-block;vertical-align:middle;content:'';height:100%;width:0}.burger{position:relative;width:2.5em;height:1.8em;display:inline-block;vertical-align:middle;cursor:pointer}.burger>div{position:absolute;left:0;right:0;background:#171616;height:.2em}.burger .top{top:0;transition:transform .5s,top .2s}.burger .middle{top:.8em;transition:transform .5s ease .2s,top .2s}.burger .bottom{top:1.6em;transition:all .5s ease .1s}.BurgerMenu--active .burger .top{top:.8em;transform:rotate(135deg)}.BurgerMenu--active .burger .middle{transform:rotate(-135deg)}.BurgerMenu--active .burger .bottom{top:.8em;opacity:0;transform:rotate(180deg)}.BurgerMenu--active .links{visibility:visible;opacity:1}.projects{margin-top:4.5em;margin-bottom:3.5em}.projects .project{margin-bottom:2em}.projects a{position:relative;display:block}.projects a:hover .project-hover{background:#224afa;color:#fff;opacity:.9;-webkit-transition:opacity 200ms linear;-moz-transition:opacity 200ms linear;-ms-transition:opacity 200ms linear;-o-transition:opacity 200ms linear;transition:opacity 200ms linear}.projects img{display:block;max-width:100%;height:auto}.projects .project-hover{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;-webkit-transition:all 200ms linear 300ms;-moz-transition:all 200ms linear 300ms;-ms-transition:all 200ms linear 300ms;-o-transition:all 200ms linear 300ms;transition:all 200ms linear 300ms}.project-caption{padding:1.5em;line-height:1.2}.project-caption .project-title{max-height:3.5em;font-size:2.8em;font-weight:700;overflow:hidden}.project-caption .project-type{margin-top:.5em;font-size:1.4em;text-transform:uppercase}.line::before{content:"";display:block;height:1px;background:#ebebeb;margin-top:4.2em;margin-bottom:4.2em}.bottom-space{margin-bottom:4.2em}.stickyNavigation .nav-container{position:fixed;z-index:10;width:100%;padding-bottom:1.5em;-webkit-box-shadow:0 5px 7px 0 rgba(1,1,1,.1);box-shadow:0 5px 7px 0 rgba(1,1,1,.1);-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.3s;animation-duration:.3s}.stickyNavigation .navbar{height:5em;padding-top:1.5em}.stickyNavigation .logo img{max-height:5em}.stickyNavigation .header{padding-top:9.1em}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0)}40%{opacity:0}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0)}40%{opacity:0}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@media only screen and (min-width:22.5625em){.projects{margin-top:7.5em;margin-bottom:6em}}@media only screen and (min-width:27.875em){.project-caption .project-title{font-size:3.5em}.project-caption .project-type{font-size:1.6em}}@media only screen and (min-width:46.3125em){.projects{margin-top:10em}.projects .project{float:left}.projects .short-col{width:32.21238%}.projects .wide-col{width:66.01769%}.projects .project:nth-child(2n){margin-right:1.7699%}.project-caption{padding:3.7em 2.5em 3.7em 3em}.project-caption .project-title{font-size:4em;max-height:4.8em}}@media only screen and (min-width:58.5em){.project-caption .project-title{font-size:4.6em}}
\ No newline at end of file
diff --git a/exampleSite/resources/_gen/assets/scss/scss/app.scss_cf77da1f4ca537338a3eb28dc8a2d96c.json b/exampleSite/resources/_gen/assets/scss/scss/app.scss_cf77da1f4ca537338a3eb28dc8a2d96c.json
index f8ed2a2..dd684ab 100644
--- a/exampleSite/resources/_gen/assets/scss/scss/app.scss_cf77da1f4ca537338a3eb28dc8a2d96c.json
+++ b/exampleSite/resources/_gen/assets/scss/scss/app.scss_cf77da1f4ca537338a3eb28dc8a2d96c.json
@@ -1 +1 @@
-{"Target":"css/app.min.e830e49d7ab589b0cc0d3552f3e42bef631fc1211d9020a05bad0e083e41a6e2.css","MediaType":"text/css","Data":{"Integrity":"sha256-6DDknXq1ibDMDTVS8+Qr72MfwSEdkCCgW60OCD5BpuI="}}
\ No newline at end of file
+{"Target":"css/app.min.dbf567fcfd206a5535ec3083a921e74bf0ca0e43ebea55a3986ac2b973d3b7f6.css","MediaType":"text/css","Data":{"Integrity":"sha256-2/Vn/P0galU17DCDqSHnS/DKDkPr6lWjmGrCuXPTt/Y="}}
\ No newline at end of file
diff --git a/exampleSite/resources/_gen/images/uploads/works/analytik_hua6c63e499ef81c8a367e15fccebebd4d_3067363_360x318_fill_q75_box_smart1.jpg b/exampleSite/resources/_gen/images/uploads/works/analytik_hua6c63e499ef81c8a367e15fccebebd4d_3067363_360x318_fill_q75_box_smart1.jpg
new file mode 100644
index 0000000..7aa9c7f
--- /dev/null
+++ b/exampleSite/resources/_gen/images/uploads/works/analytik_hua6c63e499ef81c8a367e15fccebebd4d_3067363_360x318_fill_q75_box_smart1.jpg
diff --git a/exampleSite/resources/_gen/images/uploads/works/analytik_hua6c63e499ef81c8a367e15fccebebd4d_3067363_364x590_fill_q75_box_top.jpg b/exampleSite/resources/_gen/images/uploads/works/analytik_hua6c63e499ef81c8a367e15fccebebd4d_3067363_364x590_fill_q75_box_top.jpg
new file mode 100644
index 0000000..02af71b
--- /dev/null
+++ b/exampleSite/resources/_gen/images/uploads/works/analytik_hua6c63e499ef81c8a367e15fccebebd4d_3067363_364x590_fill_q75_box_top.jpg
diff --git a/exampleSite/resources/_gen/images/uploads/works/analytik_hua6c63e499ef81c8a367e15fccebebd4d_3067363_565x420_fill_q75_box_smart1.jpg b/exampleSite/resources/_gen/images/uploads/works/analytik_hua6c63e499ef81c8a367e15fccebebd4d_3067363_565x420_fill_q75_box_smart1.jpg
new file mode 100644
index 0000000..4cd23a4
--- /dev/null
+++ b/exampleSite/resources/_gen/images/uploads/works/analytik_hua6c63e499ef81c8a367e15fccebebd4d_3067363_565x420_fill_q75_box_smart1.jpg
diff --git a/exampleSite/resources/_gen/images/uploads/works/analytik_hua6c63e499ef81c8a367e15fccebebd4d_3067363_848x443_fill_q75_box_top.jpg b/exampleSite/resources/_gen/images/uploads/works/analytik_hua6c63e499ef81c8a367e15fccebebd4d_3067363_848x443_fill_q75_box_top.jpg
new file mode 100644
index 0000000..028eaae
--- /dev/null
+++ b/exampleSite/resources/_gen/images/uploads/works/analytik_hua6c63e499ef81c8a367e15fccebebd4d_3067363_848x443_fill_q75_box_top.jpg
diff --git a/exampleSite/resources/_gen/images/uploads/works/food_hu906ade16cfdb91ac06339626852f7343_4066564_360x318_fill_q75_box_center.jpg b/exampleSite/resources/_gen/images/uploads/works/food_hu906ade16cfdb91ac06339626852f7343_4066564_360x318_fill_q75_box_center.jpg
new file mode 100644
index 0000000..63028cb
--- /dev/null
+++ b/exampleSite/resources/_gen/images/uploads/works/food_hu906ade16cfdb91ac06339626852f7343_4066564_360x318_fill_q75_box_center.jpg
diff --git a/exampleSite/resources/_gen/images/uploads/works/food_hu906ade16cfdb91ac06339626852f7343_4066564_565x420_fill_q75_box_center.jpg b/exampleSite/resources/_gen/images/uploads/works/food_hu906ade16cfdb91ac06339626852f7343_4066564_565x420_fill_q75_box_center.jpg
new file mode 100644
index 0000000..757b727
--- /dev/null
+++ b/exampleSite/resources/_gen/images/uploads/works/food_hu906ade16cfdb91ac06339626852f7343_4066564_565x420_fill_q75_box_center.jpg
diff --git a/exampleSite/resources/_gen/images/uploads/works/food_hu906ade16cfdb91ac06339626852f7343_4066564_746x590_fill_q75_box_center.jpg b/exampleSite/resources/_gen/images/uploads/works/food_hu906ade16cfdb91ac06339626852f7343_4066564_746x590_fill_q75_box_center.jpg
new file mode 100644
index 0000000..c1a5960
--- /dev/null
+++ b/exampleSite/resources/_gen/images/uploads/works/food_hu906ade16cfdb91ac06339626852f7343_4066564_746x590_fill_q75_box_center.jpg
diff --git a/exampleSite/resources/_gen/images/uploads/works/food_hu906ade16cfdb91ac06339626852f7343_4066564_848x443_fill_q75_box_center.jpg b/exampleSite/resources/_gen/images/uploads/works/food_hu906ade16cfdb91ac06339626852f7343_4066564_848x443_fill_q75_box_center.jpg
new file mode 100644
index 0000000..81136f3
--- /dev/null
+++ b/exampleSite/resources/_gen/images/uploads/works/food_hu906ade16cfdb91ac06339626852f7343_4066564_848x443_fill_q75_box_center.jpg
diff --git a/exampleSite/resources/_gen/images/uploads/works/friends_hub92715a17fcd42f76ce0ca7a8db39dcc_1732259_360x318_fill_q75_box_center.jpg b/exampleSite/resources/_gen/images/uploads/works/friends_hub92715a17fcd42f76ce0ca7a8db39dcc_1732259_360x318_fill_q75_box_center.jpg
new file mode 100644
index 0000000..8cb7b51
--- /dev/null
+++ b/exampleSite/resources/_gen/images/uploads/works/friends_hub92715a17fcd42f76ce0ca7a8db39dcc_1732259_360x318_fill_q75_box_center.jpg
diff --git a/exampleSite/resources/_gen/images/uploads/works/friends_hub92715a17fcd42f76ce0ca7a8db39dcc_1732259_565x420_fill_q75_box_left.jpg b/exampleSite/resources/_gen/images/uploads/works/friends_hub92715a17fcd42f76ce0ca7a8db39dcc_1732259_565x420_fill_q75_box_left.jpg
new file mode 100644
index 0000000..885f9fb
--- /dev/null
+++ b/exampleSite/resources/_gen/images/uploads/works/friends_hub92715a17fcd42f76ce0ca7a8db39dcc_1732259_565x420_fill_q75_box_left.jpg
diff --git a/exampleSite/resources/_gen/images/uploads/works/friends_hub92715a17fcd42f76ce0ca7a8db39dcc_1732259_746x590_fill_q75_box_left.jpg b/exampleSite/resources/_gen/images/uploads/works/friends_hub92715a17fcd42f76ce0ca7a8db39dcc_1732259_746x590_fill_q75_box_left.jpg
new file mode 100644
index 0000000..58b2439
--- /dev/null
+++ b/exampleSite/resources/_gen/images/uploads/works/friends_hub92715a17fcd42f76ce0ca7a8db39dcc_1732259_746x590_fill_q75_box_left.jpg
diff --git a/exampleSite/resources/_gen/images/uploads/works/friends_hub92715a17fcd42f76ce0ca7a8db39dcc_1732259_848x443_fill_q75_box_top.jpg b/exampleSite/resources/_gen/images/uploads/works/friends_hub92715a17fcd42f76ce0ca7a8db39dcc_1732259_848x443_fill_q75_box_top.jpg
new file mode 100644
index 0000000..716fc5a
--- /dev/null
+++ b/exampleSite/resources/_gen/images/uploads/works/friends_hub92715a17fcd42f76ce0ca7a8db39dcc_1732259_848x443_fill_q75_box_top.jpg
diff --git a/exampleSite/resources/_gen/images/uploads/works/statapp_hu3d03a01dcc18bc5be0e67db3d8d209a6_3060238_360x318_fill_q75_box_center.jpg b/exampleSite/resources/_gen/images/uploads/works/statapp_hu3d03a01dcc18bc5be0e67db3d8d209a6_3060238_360x318_fill_q75_box_center.jpg
new file mode 100644
index 0000000..b042ea7
--- /dev/null
+++ b/exampleSite/resources/_gen/images/uploads/works/statapp_hu3d03a01dcc18bc5be0e67db3d8d209a6_3060238_360x318_fill_q75_box_center.jpg
diff --git a/exampleSite/resources/_gen/images/uploads/works/statapp_hu3d03a01dcc18bc5be0e67db3d8d209a6_3060238_364x590_fill_q75_box_left.jpg b/exampleSite/resources/_gen/images/uploads/works/statapp_hu3d03a01dcc18bc5be0e67db3d8d209a6_3060238_364x590_fill_q75_box_left.jpg
new file mode 100644
index 0000000..1e13d91
--- /dev/null
+++ b/exampleSite/resources/_gen/images/uploads/works/statapp_hu3d03a01dcc18bc5be0e67db3d8d209a6_3060238_364x590_fill_q75_box_left.jpg
diff --git a/exampleSite/resources/_gen/images/uploads/works/statapp_hu3d03a01dcc18bc5be0e67db3d8d209a6_3060238_565x420_fill_q75_box_center.jpg b/exampleSite/resources/_gen/images/uploads/works/statapp_hu3d03a01dcc18bc5be0e67db3d8d209a6_3060238_565x420_fill_q75_box_center.jpg
new file mode 100644
index 0000000..d0e7ec2
--- /dev/null
+++ b/exampleSite/resources/_gen/images/uploads/works/statapp_hu3d03a01dcc18bc5be0e67db3d8d209a6_3060238_565x420_fill_q75_box_center.jpg
diff --git a/exampleSite/resources/_gen/images/uploads/works/statapp_hu3d03a01dcc18bc5be0e67db3d8d209a6_3060238_848x443_fill_q75_box_smart1.jpg b/exampleSite/resources/_gen/images/uploads/works/statapp_hu3d03a01dcc18bc5be0e67db3d8d209a6_3060238_848x443_fill_q75_box_smart1.jpg
new file mode 100644
index 0000000..ddd7250
--- /dev/null
+++ b/exampleSite/resources/_gen/images/uploads/works/statapp_hu3d03a01dcc18bc5be0e67db3d8d209a6_3060238_848x443_fill_q75_box_smart1.jpg
diff --git a/exampleSite/resources/_gen/images/uploads/works/strato_hua15d58c298bad6ca80c0eb8731568d27_290568_1130x590_fill_q75_box_smart1.jpg b/exampleSite/resources/_gen/images/uploads/works/strato_hua15d58c298bad6ca80c0eb8731568d27_290568_1130x590_fill_q75_box_smart1.jpg
new file mode 100644
index 0000000..7f830cd
--- /dev/null
+++ b/exampleSite/resources/_gen/images/uploads/works/strato_hua15d58c298bad6ca80c0eb8731568d27_290568_1130x590_fill_q75_box_smart1.jpg
diff --git a/exampleSite/resources/_gen/images/uploads/works/strato_hua15d58c298bad6ca80c0eb8731568d27_290568_360x318_fill_q75_box_left.jpg b/exampleSite/resources/_gen/images/uploads/works/strato_hua15d58c298bad6ca80c0eb8731568d27_290568_360x318_fill_q75_box_left.jpg
new file mode 100644
index 0000000..5709fa2
--- /dev/null
+++ b/exampleSite/resources/_gen/images/uploads/works/strato_hua15d58c298bad6ca80c0eb8731568d27_290568_360x318_fill_q75_box_left.jpg
diff --git a/exampleSite/resources/_gen/images/uploads/works/strato_hua15d58c298bad6ca80c0eb8731568d27_290568_565x420_fill_q75_box_smart1.jpg b/exampleSite/resources/_gen/images/uploads/works/strato_hua15d58c298bad6ca80c0eb8731568d27_290568_565x420_fill_q75_box_smart1.jpg
new file mode 100644
index 0000000..9728540
--- /dev/null
+++ b/exampleSite/resources/_gen/images/uploads/works/strato_hua15d58c298bad6ca80c0eb8731568d27_290568_565x420_fill_q75_box_smart1.jpg
diff --git a/exampleSite/resources/_gen/images/uploads/works/strato_hua15d58c298bad6ca80c0eb8731568d27_290568_848x443_fill_q75_box_smart1.jpg b/exampleSite/resources/_gen/images/uploads/works/strato_hua15d58c298bad6ca80c0eb8731568d27_290568_848x443_fill_q75_box_smart1.jpg
new file mode 100644
index 0000000..1d2e69f
--- /dev/null
+++ b/exampleSite/resources/_gen/images/uploads/works/strato_hua15d58c298bad6ca80c0eb8731568d27_290568_848x443_fill_q75_box_smart1.jpg
diff --git a/exampleSite/static/img/analytik_360x318.jpg b/exampleSite/static/img/analytik_360x318.jpg
deleted file mode 100644
index 47198f7..0000000
--- a/exampleSite/static/img/analytik_360x318.jpg
+++ /dev/null
diff --git a/exampleSite/static/img/analytik_364x590.jpg b/exampleSite/static/img/analytik_364x590.jpg
deleted file mode 100644
index 9716ebe..0000000
--- a/exampleSite/static/img/analytik_364x590.jpg
+++ /dev/null
diff --git a/exampleSite/static/img/analytik_565x420.jpg b/exampleSite/static/img/analytik_565x420.jpg
deleted file mode 100644
index 1b24c23..0000000
--- a/exampleSite/static/img/analytik_565x420.jpg
+++ /dev/null
diff --git a/exampleSite/static/img/analytik_848x443.jpg b/exampleSite/static/img/analytik_848x443.jpg
deleted file mode 100644
index f4105d5..0000000
--- a/exampleSite/static/img/analytik_848x443.jpg
+++ /dev/null
diff --git a/exampleSite/static/img/food_360x318.jpg b/exampleSite/static/img/food_360x318.jpg
deleted file mode 100644
index fa0b0e7..0000000
--- a/exampleSite/static/img/food_360x318.jpg
+++ /dev/null
diff --git a/exampleSite/static/img/food_565x420.jpg b/exampleSite/static/img/food_565x420.jpg
deleted file mode 100644
index 0719286..0000000
--- a/exampleSite/static/img/food_565x420.jpg
+++ /dev/null
diff --git a/exampleSite/static/img/food_746x590.jpg b/exampleSite/static/img/food_746x590.jpg
deleted file mode 100644
index 5e7b1dd..0000000
--- a/exampleSite/static/img/food_746x590.jpg
+++ /dev/null
diff --git a/exampleSite/static/img/food_848x443.jpg b/exampleSite/static/img/food_848x443.jpg
deleted file mode 100644
index 5272c4c..0000000
--- a/exampleSite/static/img/food_848x443.jpg
+++ /dev/null
diff --git a/exampleSite/static/img/friends_360x318.jpg b/exampleSite/static/img/friends_360x318.jpg
deleted file mode 100644
index 2bca75c..0000000
--- a/exampleSite/static/img/friends_360x318.jpg
+++ /dev/null
diff --git a/exampleSite/static/img/friends_565x420.jpg b/exampleSite/static/img/friends_565x420.jpg
deleted file mode 100644
index 2cc7938..0000000
--- a/exampleSite/static/img/friends_565x420.jpg
+++ /dev/null
diff --git a/exampleSite/static/img/friends_746x590.jpg b/exampleSite/static/img/friends_746x590.jpg
deleted file mode 100644
index 60cc7a1..0000000
--- a/exampleSite/static/img/friends_746x590.jpg
+++ /dev/null
diff --git a/exampleSite/static/img/friends_848x443.jpg b/exampleSite/static/img/friends_848x443.jpg
deleted file mode 100644
index bd60779..0000000
--- a/exampleSite/static/img/friends_848x443.jpg
+++ /dev/null
diff --git a/exampleSite/static/img/statapp_360x318.jpg b/exampleSite/static/img/statapp_360x318.jpg
deleted file mode 100644
index 9b4bc54..0000000
--- a/exampleSite/static/img/statapp_360x318.jpg
+++ /dev/null
diff --git a/exampleSite/static/img/statapp_364x590.jpg b/exampleSite/static/img/statapp_364x590.jpg
deleted file mode 100644
index cdbf3f1..0000000
--- a/exampleSite/static/img/statapp_364x590.jpg
+++ /dev/null
diff --git a/exampleSite/static/img/statapp_565x420.jpg b/exampleSite/static/img/statapp_565x420.jpg
deleted file mode 100644
index 44ab9ad..0000000
--- a/exampleSite/static/img/statapp_565x420.jpg
+++ /dev/null
diff --git a/exampleSite/static/img/statapp_848x443.jpg b/exampleSite/static/img/statapp_848x443.jpg
deleted file mode 100644
index 12e092f..0000000
--- a/exampleSite/static/img/statapp_848x443.jpg
+++ /dev/null
diff --git a/exampleSite/static/img/strato_1130x590.jpg b/exampleSite/static/img/strato_1130x590.jpg
deleted file mode 100644
index ff57a5a..0000000
--- a/exampleSite/static/img/strato_1130x590.jpg
+++ /dev/null
diff --git a/exampleSite/static/img/strato_360x318.jpg b/exampleSite/static/img/strato_360x318.jpg
deleted file mode 100644
index 6490434..0000000
--- a/exampleSite/static/img/strato_360x318.jpg
+++ /dev/null
diff --git a/exampleSite/static/img/strato_565x420.jpg b/exampleSite/static/img/strato_565x420.jpg
deleted file mode 100644
index 7c5ddda..0000000
--- a/exampleSite/static/img/strato_565x420.jpg
+++ /dev/null
diff --git a/exampleSite/static/img/strato_848x443.jpg b/exampleSite/static/img/strato_848x443.jpg
deleted file mode 100644
index 7b8e57d..0000000
--- a/exampleSite/static/img/strato_848x443.jpg
+++ /dev/null
diff --git a/layouts/partials/modules/projects.html b/layouts/partials/modules/projects.html
index b079476..bbb0bad 100644
--- a/layouts/partials/modules/projects.html
+++ b/layouts/partials/modules/projects.html
@@ -4,7 +4,7 @@
   {{- range . -}}
     <li class="project{{with .class}} {{.}}{{end}}">
       <a href="{{.link}}">
-        {{- partial "modules/responsive-image" (dict "page" $page "image" .image) -}}
+        {{- partial "modules/image" (dict "image" .image "page" $page) -}}
         <div class="project-hover">
           <div class="project-caption">
             {{- with .title -}}