implement responsive image sizing for mr-worldwide posts (and all others going forward)

89 files changed, 87 insertions, 22 deletions

diff --git a/_config.yml b/_config.yml
index c9ce991..09a7e32 100644
--- a/_config.yml
+++ b/_config.yml
@@ -16,3 +16,11 @@ plugins:
  - jekyll-paginate
 
 date_format: "%b %-d, %Y"
+
+img_widths:
+    - 500
+    - 1000
+    - 1500
+    - 2000
+    - 2500
+    - 3000
diff --git a/_drafts/mr-worldwide-pt-1-europe.md b/_drafts/mr-worldwide-pt-1-europe.md
index 3ffd337..a678895 100644
--- a/_drafts/mr-worldwide-pt-1-europe.md
+++ b/_drafts/mr-worldwide-pt-1-europe.md
@@ -114,7 +114,7 @@ down to the center of the city, and she showed me around the sights, like
 Marienplatz and the Frauenkirche (one of many famous churches in Munich).
 
 {% include image.html
-    src="mr-worldwide/munich-victory-gate-2018.jpg"
+    dir="mr-worldwide" file="munich-victory-gate-2018.jpg" width=4048
     descr="Siegestor (Victory Gate), Munich, 2018"
     %}
 
@@ -127,7 +127,7 @@ all; like how even in a large city like Munich everything can still be closed on
 a Sunday.
 
 {% include image.html
-    src="mr-worldwide/munich-moosach-2018.jpg"
+    dir="mr-worldwide" file="munich-moosach-2018.jpg" width=3036
     descr="Moosach neighborhood, Munich, 2018"
     float="right"
     %}
@@ -405,12 +405,12 @@ constructed using private funds and donations since then.
 
 <div style="text-align: center;">
 {% include image.html
-    src="mr-worldwide/sagrada-familia-outside-2018-0.jpg"
+    dir="mr-worldwide" file="sagrada-familia-outside-2018-0.jpg" width=1080
     inline=true
     %}
 
 {% include image.html
-    src="mr-worldwide/sagrada-familia-outside-2018-1.jpg"
+    dir="mr-worldwide" file="sagrada-familia-outside-2018-1.jpg" width=1080
     inline=true
     %}
 <p><em>Outside faces of La Sagrada Familia, Barcelona, 2018</em></p>
@@ -423,19 +423,19 @@ be like.
 
 <div style="text-align: center;">
 {% include image.html
-    src="mr-worldwide/sagrada-familia-inside-2018-0.jpg"
+    dir="mr-worldwide" file="sagrada-familia-inside-2018-0.jpg" width=1080
     inline=true
     %}
 {% include image.html
-    src="mr-worldwide/sagrada-familia-inside-2018-1.jpg"
+    dir="mr-worldwide" file="sagrada-familia-inside-2018-1.jpg" width=1080
     inline=true
     %}
 {% include image.html
-    src="mr-worldwide/sagrada-familia-inside-2018-2.jpg"
+    dir="mr-worldwide" file="sagrada-familia-inside-2018-2.jpg" width=1080
     inline=true
     %}
 {% include image.html
-    src="mr-worldwide/sagrada-familia-inside-2018-3.jpg"
+    dir="mr-worldwide" file="sagrada-familia-inside-2018-3.jpg" width=1080
     inline=true
     %}
 <p><em>The incredible interior of La Sagrada Familia, Barcelona, 2018</em></p>
@@ -481,7 +481,7 @@ completely different. We saw some of the things a tourist is supposed to see,
 like the opera house, the palace, and whatever this building is:
 
 {% include image.html
-    src="mr-worldwide/madrid-2018.jpg"
+    dir="mr-worldwide" file="madrid-2018.jpg" width=3036
     descr="This Schweppes building is called the Edificio Carrión, and is famous for reasons. Madrid, 2018"
     %}
 
@@ -569,7 +569,7 @@ the people had dug out caves in the side of the mountain, and made them into
 homes. My hostel was in one of these caves.
 
 {% include image.html
-    src="mr-worldwide/granada-2018-0.jpg"
+    dir="mr-worldwide" file="granada-2018-0.jpg" width=1329
     descr="The view from my hostel, Alhambra on the left. Granada, 2018"
     %}
 
@@ -601,7 +601,7 @@ number of tickets per day to get inside the castle, so I missed a lot of it. So
 I went back to the peace and quiet of Sacromonte.
 
 {% include image.html
-    src="mr-worldwide/granada-2018-1.jpg"
+    dir="mr-worldwide" file="granada-2018-1.jpg" width=1329
     descr="Sacromonte and the valley below. Granada, 2018"
     %}
 
@@ -637,7 +637,7 @@ in the country, and 9th most visited city in Southern Europe, it still feels
 quiet and cozy.
 
 {% include image.html
-    src="mr-worldwide/lisbon-2018.jpg"
+    dir="mr-worldwide" file="lisbon-2018.jpg" width=1772
     descr="The facade of a museum I was too poor to go in. Lisbon, 2018"
     %}
 
@@ -669,11 +669,11 @@ spun his wheels on the same problems for most of his life.
 
 <div style="text-align: center;">
 {% include image.html
-    src="mr-worldwide/lisbon-escher-2018-0.jpg"
+    dir="mr-worldwide" file="lisbon-escher-2018-0.jpg" width=513
     inline=true
     %}
 {% include image.html
-    src="mr-worldwide/lisbon-escher-2018-1.jpg"
+    dir="mr-worldwide" file="lisbon-escher-2018-1.jpg" width=341
     inline=true
     %}
 <p><em>Tesselations, paradoxes, and tricks of perspective, Lisbon, 2018</em></p>
diff --git a/_includes/image.html b/_includes/image.html
index 4c5afc5..30af037 100644
--- a/_includes/image.html
+++ b/_includes/image.html
@@ -14,8 +14,26 @@
   display: inline-block;
   {% endif -%}
   ">
-  <a href="/img/{{ include.src }}" target="_blank">
-    <img style="max-height: 60vh;"
-         src="/img/{{ include.src }}" alt="{{ include.descr }}" /></a>
+  <a href="/img/{{ include.dir }}/{{ include.file }}" target="_blank">
+    <picture>
+      {%- if include.width %}
+      {%- for targetWidth in site.img_widths reversed -%}
+      {% if include.width <= targetWidth %}{% continue %}{% endif %}
+      {%- if targetWidth > 1000 %}
+      <source media="(min-width: 1000px) and (min-resolution: {{ targetWidth | divided_by: 1000.0 }}dppx)"
+      {%- elsif targetWidth > 500 %}
+      <source media="(min-width: 500px), (min-resolution: 1.1dppx)"
+      {%- else %}
+      <source
+      {% endif %}
+              srcset="/img/{{ include.dir }}/{{ targetWidth }}px/{{ include.file }}"
+              >
+      {%- endfor %}
+      {%- endif %}
+      <img style="max-height: 60vh;"
+           src="/img/{{ include.dir }}/{{ include.file }}"
+           alt="{{ include.descr }}" />
+    </picture>
+  </a>
   {%- if include.descr %}<br/><em>{{ include.descr }}</em>{%- endif %}
 </div>
diff --git a/_posts/2018-09-20-mr-worldwide-pt-0.md b/_posts/2018-09-20-mr-worldwide-pt-0.md
index 68008cd..508030a 100644
--- a/_posts/2018-09-20-mr-worldwide-pt-0.md
+++ b/_posts/2018-09-20-mr-worldwide-pt-0.md
@@ -13,7 +13,7 @@ for my entire life, up until that point, and it felt like a change was needed.
 Denver was certainly a change, and ultimately I think it was one in the right
 direction, but it turned out to not be enough.
 
-{% include image.html src="mr-worldwide/denver-2017.jpg" %}
+{% include image.html dir="mr-worldwide" file="denver-2017.jpg" width=1696 %}
 
 While in Denver I'd rented a tiny studio apartment, which over the
 course of two years I'd learned to live in. Living large is pretty easy; for
@@ -51,7 +51,7 @@ because of how much time I was able to spend exploring (rather than being cooped
 up working).
 
 {% include image.html
-    src="mr-worldwide/kyoto-2017.jpg"
+    dir="mr-worldwide" file="kyoto-2017.jpg" width=5257
     descr="Kyoto at sunset, 2017" %}
 
 By the end of 2016 I knew I wanted to travel and see as much as possible, while
@@ -78,7 +78,7 @@ gave me a small notebook to take notes in as I traveled, with some helpful
 phrases that might aid me along the way
 
 {% include image.html
-    src="mr-worldwide/notebook.jpg"
+    dir="mr-worldwide" file="notebook.jpg" width=3036
     descr="Ibrahim made sure I was covered if I ever found myself in a tight spot"
     %}
 
@@ -104,13 +104,13 @@ some things with you. The big bag/day bag combo is a classic amongst ~~the
 homeless~~ backpackers.
 
 {% include image.html
-    src="mr-worldwide/loadout-packed.jpg"
+    dir="mr-worldwide" file="loadout-packed.jpg" width=4048
     descr="All packed up, one for overhead and the other for under the seat"
     inline=true
     %}
 
 {% include image.html
-    src="mr-worldwide/loadout-unpacked.jpg"
+    dir="mr-worldwide" file="loadout-unpacked.jpg" width=4048
     descr="(Almost) everything, unpacked"
     inline=true
     %}
diff --git a/img/mr-worldwide/1000px/denver-2017.jpg b/img/mr-worldwide/1000px/denver-2017.jpg
new file mode 100644
index 0000000..2629389
--- /dev/null
+++ b/img/mr-worldwide/1000px/denver-2017.jpg
diff --git a/img/mr-worldwide/1000px/granada-2018-0.jpg b/img/mr-worldwide/1000px/granada-2018-0.jpg
new file mode 100644
index 0000000..df7fa18
--- /dev/null
+++ b/img/mr-worldwide/1000px/granada-2018-0.jpg
diff --git a/img/mr-worldwide/1000px/granada-2018-1.jpg b/img/mr-worldwide/1000px/granada-2018-1.jpg
new file mode 100644
index 0000000..cc6b8d0
--- /dev/null
+++ b/img/mr-worldwide/1000px/granada-2018-1.jpg
diff --git a/img/mr-worldwide/1000px/kyoto-2017.jpg b/img/mr-worldwide/1000px/kyoto-2017.jpg
new file mode 100644
index 0000000..ab34a35
--- /dev/null
+++ b/img/mr-worldwide/1000px/kyoto-2017.jpg
diff --git a/img/mr-worldwide/1000px/lisbon-2018.jpg b/img/mr-worldwide/1000px/lisbon-2018.jpg
new file mode 100644
index 0000000..ffbf757
--- /dev/null
+++ b/img/mr-worldwide/1000px/lisbon-2018.jpg
diff --git a/img/mr-worldwide/1000px/loadout-packed.jpg b/img/mr-worldwide/1000px/loadout-packed.jpg
new file mode 100644
index 0000000..bb0e21d
--- /dev/null
+++ b/img/mr-worldwide/1000px/loadout-packed.jpg
diff --git a/img/mr-worldwide/1000px/loadout-unpacked.jpg b/img/mr-worldwide/1000px/loadout-unpacked.jpg
new file mode 100644
index 0000000..1b5d2b6
--- /dev/null
+++ b/img/mr-worldwide/1000px/loadout-unpacked.jpg
diff --git a/img/mr-worldwide/1000px/madrid-2018.jpg b/img/mr-worldwide/1000px/madrid-2018.jpg
new file mode 100644
index 0000000..cbf7190
--- /dev/null
+++ b/img/mr-worldwide/1000px/madrid-2018.jpg
diff --git a/img/mr-worldwide/1000px/munich-moosach-2018.jpg b/img/mr-worldwide/1000px/munich-moosach-2018.jpg
new file mode 100644
index 0000000..61f8d5f
--- /dev/null
+++ b/img/mr-worldwide/1000px/munich-moosach-2018.jpg
diff --git a/img/mr-worldwide/1000px/munich-victory-gate-2018.jpg b/img/mr-worldwide/1000px/munich-victory-gate-2018.jpg
new file mode 100644
index 0000000..0a41dad
--- /dev/null
+++ b/img/mr-worldwide/1000px/munich-victory-gate-2018.jpg
diff --git a/img/mr-worldwide/1000px/notebook.jpg b/img/mr-worldwide/1000px/notebook.jpg
new file mode 100644
index 0000000..3d4effe
--- /dev/null
+++ b/img/mr-worldwide/1000px/notebook.jpg
diff --git a/img/mr-worldwide/1000px/sagrada-familia-inside-2018-0.jpg b/img/mr-worldwide/1000px/sagrada-familia-inside-2018-0.jpg
new file mode 100644
index 0000000..6ec5b7f
--- /dev/null
+++ b/img/mr-worldwide/1000px/sagrada-familia-inside-2018-0.jpg
diff --git a/img/mr-worldwide/1000px/sagrada-familia-inside-2018-1.jpg b/img/mr-worldwide/1000px/sagrada-familia-inside-2018-1.jpg
new file mode 100644
index 0000000..83de02d
--- /dev/null
+++ b/img/mr-worldwide/1000px/sagrada-familia-inside-2018-1.jpg
diff --git a/img/mr-worldwide/1000px/sagrada-familia-inside-2018-2.jpg b/img/mr-worldwide/1000px/sagrada-familia-inside-2018-2.jpg
new file mode 100644
index 0000000..7f8dfe7
--- /dev/null
+++ b/img/mr-worldwide/1000px/sagrada-familia-inside-2018-2.jpg
diff --git a/img/mr-worldwide/1000px/sagrada-familia-inside-2018-3.jpg b/img/mr-worldwide/1000px/sagrada-familia-inside-2018-3.jpg
new file mode 100644
index 0000000..290b47a
--- /dev/null
+++ b/img/mr-worldwide/1000px/sagrada-familia-inside-2018-3.jpg
diff --git a/img/mr-worldwide/1000px/sagrada-familia-outside-2018-0.jpg b/img/mr-worldwide/1000px/sagrada-familia-outside-2018-0.jpg
new file mode 100644
index 0000000..fef026d
--- /dev/null
+++ b/img/mr-worldwide/1000px/sagrada-familia-outside-2018-0.jpg
diff --git a/img/mr-worldwide/1000px/sagrada-familia-outside-2018-1.jpg b/img/mr-worldwide/1000px/sagrada-familia-outside-2018-1.jpg
new file mode 100644
index 0000000..3259e38
--- /dev/null
+++ b/img/mr-worldwide/1000px/sagrada-familia-outside-2018-1.jpg
diff --git a/img/mr-worldwide/1500px/denver-2017.jpg b/img/mr-worldwide/1500px/denver-2017.jpg
new file mode 100644
index 0000000..5ac28e1
--- /dev/null
+++ b/img/mr-worldwide/1500px/denver-2017.jpg
diff --git a/img/mr-worldwide/1500px/kyoto-2017.jpg b/img/mr-worldwide/1500px/kyoto-2017.jpg
new file mode 100644
index 0000000..7fc76b6
--- /dev/null
+++ b/img/mr-worldwide/1500px/kyoto-2017.jpg
diff --git a/img/mr-worldwide/1500px/lisbon-2018.jpg b/img/mr-worldwide/1500px/lisbon-2018.jpg
new file mode 100644
index 0000000..66abfb0
--- /dev/null
+++ b/img/mr-worldwide/1500px/lisbon-2018.jpg
diff --git a/img/mr-worldwide/1500px/loadout-packed.jpg b/img/mr-worldwide/1500px/loadout-packed.jpg
new file mode 100644
index 0000000..050d6d8
--- /dev/null
+++ b/img/mr-worldwide/1500px/loadout-packed.jpg
diff --git a/img/mr-worldwide/1500px/loadout-unpacked.jpg b/img/mr-worldwide/1500px/loadout-unpacked.jpg
new file mode 100644
index 0000000..04338c6
--- /dev/null
+++ b/img/mr-worldwide/1500px/loadout-unpacked.jpg
diff --git a/img/mr-worldwide/1500px/madrid-2018.jpg b/img/mr-worldwide/1500px/madrid-2018.jpg
new file mode 100644
index 0000000..707155d
--- /dev/null
+++ b/img/mr-worldwide/1500px/madrid-2018.jpg
diff --git a/img/mr-worldwide/1500px/munich-moosach-2018.jpg b/img/mr-worldwide/1500px/munich-moosach-2018.jpg
new file mode 100644
index 0000000..cf04fbe
--- /dev/null
+++ b/img/mr-worldwide/1500px/munich-moosach-2018.jpg
diff --git a/img/mr-worldwide/1500px/munich-victory-gate-2018.jpg b/img/mr-worldwide/1500px/munich-victory-gate-2018.jpg
new file mode 100644
index 0000000..7230bcf
--- /dev/null
+++ b/img/mr-worldwide/1500px/munich-victory-gate-2018.jpg
diff --git a/img/mr-worldwide/1500px/notebook.jpg b/img/mr-worldwide/1500px/notebook.jpg
new file mode 100644
index 0000000..10fc611
--- /dev/null
+++ b/img/mr-worldwide/1500px/notebook.jpg
diff --git a/img/mr-worldwide/2000px/kyoto-2017.jpg b/img/mr-worldwide/2000px/kyoto-2017.jpg
new file mode 100644
index 0000000..f82459a
--- /dev/null
+++ b/img/mr-worldwide/2000px/kyoto-2017.jpg
diff --git a/img/mr-worldwide/2000px/loadout-packed.jpg b/img/mr-worldwide/2000px/loadout-packed.jpg
new file mode 100644
index 0000000..5e4a2eb
--- /dev/null
+++ b/img/mr-worldwide/2000px/loadout-packed.jpg
diff --git a/img/mr-worldwide/2000px/loadout-unpacked.jpg b/img/mr-worldwide/2000px/loadout-unpacked.jpg
new file mode 100644
index 0000000..039e258
--- /dev/null
+++ b/img/mr-worldwide/2000px/loadout-unpacked.jpg
diff --git a/img/mr-worldwide/2000px/madrid-2018.jpg b/img/mr-worldwide/2000px/madrid-2018.jpg
new file mode 100644
index 0000000..f70b90a
--- /dev/null
+++ b/img/mr-worldwide/2000px/madrid-2018.jpg
diff --git a/img/mr-worldwide/2000px/munich-moosach-2018.jpg b/img/mr-worldwide/2000px/munich-moosach-2018.jpg
new file mode 100644
index 0000000..62e8e0f
--- /dev/null
+++ b/img/mr-worldwide/2000px/munich-moosach-2018.jpg
diff --git a/img/mr-worldwide/2000px/munich-victory-gate-2018.jpg b/img/mr-worldwide/2000px/munich-victory-gate-2018.jpg
new file mode 100644
index 0000000..d9411df
--- /dev/null
+++ b/img/mr-worldwide/2000px/munich-victory-gate-2018.jpg
diff --git a/img/mr-worldwide/2000px/notebook.jpg b/img/mr-worldwide/2000px/notebook.jpg
new file mode 100644
index 0000000..e75a77f
--- /dev/null
+++ b/img/mr-worldwide/2000px/notebook.jpg
diff --git a/img/mr-worldwide/2500px/kyoto-2017.jpg b/img/mr-worldwide/2500px/kyoto-2017.jpg
new file mode 100644
index 0000000..2b29ac5
--- /dev/null
+++ b/img/mr-worldwide/2500px/kyoto-2017.jpg
diff --git a/img/mr-worldwide/2500px/loadout-packed.jpg b/img/mr-worldwide/2500px/loadout-packed.jpg
new file mode 100644
index 0000000..bab0159
--- /dev/null
+++ b/img/mr-worldwide/2500px/loadout-packed.jpg
diff --git a/img/mr-worldwide/2500px/loadout-unpacked.jpg b/img/mr-worldwide/2500px/loadout-unpacked.jpg
new file mode 100644
index 0000000..2e048dd
--- /dev/null
+++ b/img/mr-worldwide/2500px/loadout-unpacked.jpg
diff --git a/img/mr-worldwide/2500px/madrid-2018.jpg b/img/mr-worldwide/2500px/madrid-2018.jpg
new file mode 100644
index 0000000..ae55b5f
--- /dev/null
+++ b/img/mr-worldwide/2500px/madrid-2018.jpg
diff --git a/img/mr-worldwide/2500px/munich-moosach-2018.jpg b/img/mr-worldwide/2500px/munich-moosach-2018.jpg
new file mode 100644
index 0000000..6231ef0
--- /dev/null
+++ b/img/mr-worldwide/2500px/munich-moosach-2018.jpg
diff --git a/img/mr-worldwide/2500px/munich-victory-gate-2018.jpg b/img/mr-worldwide/2500px/munich-victory-gate-2018.jpg
new file mode 100644
index 0000000..704bd01
--- /dev/null
+++ b/img/mr-worldwide/2500px/munich-victory-gate-2018.jpg
diff --git a/img/mr-worldwide/2500px/notebook.jpg b/img/mr-worldwide/2500px/notebook.jpg
new file mode 100644
index 0000000..791d81d
--- /dev/null
+++ b/img/mr-worldwide/2500px/notebook.jpg
diff --git a/img/mr-worldwide/3000px/kyoto-2017.jpg b/img/mr-worldwide/3000px/kyoto-2017.jpg
new file mode 100644
index 0000000..47eb01d
--- /dev/null
+++ b/img/mr-worldwide/3000px/kyoto-2017.jpg
diff --git a/img/mr-worldwide/3000px/loadout-packed.jpg b/img/mr-worldwide/3000px/loadout-packed.jpg
new file mode 100644
index 0000000..bd8e802
--- /dev/null
+++ b/img/mr-worldwide/3000px/loadout-packed.jpg
diff --git a/img/mr-worldwide/3000px/loadout-unpacked.jpg b/img/mr-worldwide/3000px/loadout-unpacked.jpg
new file mode 100644
index 0000000..a1b266b
--- /dev/null
+++ b/img/mr-worldwide/3000px/loadout-unpacked.jpg
diff --git a/img/mr-worldwide/3000px/madrid-2018.jpg b/img/mr-worldwide/3000px/madrid-2018.jpg
new file mode 100644
index 0000000..14fc8b8
--- /dev/null
+++ b/img/mr-worldwide/3000px/madrid-2018.jpg
diff --git a/img/mr-worldwide/3000px/munich-moosach-2018.jpg b/img/mr-worldwide/3000px/munich-moosach-2018.jpg
new file mode 100644
index 0000000..4301197
--- /dev/null
+++ b/img/mr-worldwide/3000px/munich-moosach-2018.jpg
diff --git a/img/mr-worldwide/3000px/munich-victory-gate-2018.jpg b/img/mr-worldwide/3000px/munich-victory-gate-2018.jpg
new file mode 100644
index 0000000..429a286
--- /dev/null
+++ b/img/mr-worldwide/3000px/munich-victory-gate-2018.jpg
diff --git a/img/mr-worldwide/3000px/notebook.jpg b/img/mr-worldwide/3000px/notebook.jpg
new file mode 100644
index 0000000..28dc4db
--- /dev/null
+++ b/img/mr-worldwide/3000px/notebook.jpg
diff --git a/img/mr-worldwide/500px/denver-2017.jpg b/img/mr-worldwide/500px/denver-2017.jpg
new file mode 100644
index 0000000..f2a0b26
--- /dev/null
+++ b/img/mr-worldwide/500px/denver-2017.jpg
diff --git a/img/mr-worldwide/500px/granada-2018-0.jpg b/img/mr-worldwide/500px/granada-2018-0.jpg
new file mode 100644
index 0000000..32af45f
--- /dev/null
+++ b/img/mr-worldwide/500px/granada-2018-0.jpg
diff --git a/img/mr-worldwide/500px/granada-2018-1.jpg b/img/mr-worldwide/500px/granada-2018-1.jpg
new file mode 100644
index 0000000..0597420
--- /dev/null
+++ b/img/mr-worldwide/500px/granada-2018-1.jpg
diff --git a/img/mr-worldwide/500px/kyoto-2017.jpg b/img/mr-worldwide/500px/kyoto-2017.jpg
new file mode 100644
index 0000000..56b8703
--- /dev/null
+++ b/img/mr-worldwide/500px/kyoto-2017.jpg
diff --git a/img/mr-worldwide/500px/lisbon-2018.jpg b/img/mr-worldwide/500px/lisbon-2018.jpg
new file mode 100644
index 0000000..bca0916
--- /dev/null
+++ b/img/mr-worldwide/500px/lisbon-2018.jpg
diff --git a/img/mr-worldwide/500px/lisbon-escher-2018-0.jpg b/img/mr-worldwide/500px/lisbon-escher-2018-0.jpg
new file mode 100644
index 0000000..03bd9d6
--- /dev/null
+++ b/img/mr-worldwide/500px/lisbon-escher-2018-0.jpg
diff --git a/img/mr-worldwide/500px/loadout-packed.jpg b/img/mr-worldwide/500px/loadout-packed.jpg
new file mode 100644
index 0000000..07622ee
--- /dev/null
+++ b/img/mr-worldwide/500px/loadout-packed.jpg
diff --git a/img/mr-worldwide/500px/loadout-unpacked.jpg b/img/mr-worldwide/500px/loadout-unpacked.jpg
new file mode 100644
index 0000000..a35b64b
--- /dev/null
+++ b/img/mr-worldwide/500px/loadout-unpacked.jpg
diff --git a/img/mr-worldwide/500px/madrid-2018.jpg b/img/mr-worldwide/500px/madrid-2018.jpg
new file mode 100644
index 0000000..8e304d0
--- /dev/null
+++ b/img/mr-worldwide/500px/madrid-2018.jpg
diff --git a/img/mr-worldwide/500px/munich-moosach-2018.jpg b/img/mr-worldwide/500px/munich-moosach-2018.jpg
new file mode 100644
index 0000000..b5043de
--- /dev/null
+++ b/img/mr-worldwide/500px/munich-moosach-2018.jpg
diff --git a/img/mr-worldwide/500px/munich-victory-gate-2018.jpg b/img/mr-worldwide/500px/munich-victory-gate-2018.jpg
new file mode 100644
index 0000000..f89de17
--- /dev/null
+++ b/img/mr-worldwide/500px/munich-victory-gate-2018.jpg
diff --git a/img/mr-worldwide/500px/notebook.jpg b/img/mr-worldwide/500px/notebook.jpg
new file mode 100644
index 0000000..4336d19
--- /dev/null
+++ b/img/mr-worldwide/500px/notebook.jpg
diff --git a/img/mr-worldwide/500px/sagrada-familia-inside-2018-0.jpg b/img/mr-worldwide/500px/sagrada-familia-inside-2018-0.jpg
new file mode 100644
index 0000000..5e532ab
--- /dev/null
+++ b/img/mr-worldwide/500px/sagrada-familia-inside-2018-0.jpg
diff --git a/img/mr-worldwide/500px/sagrada-familia-inside-2018-1.jpg b/img/mr-worldwide/500px/sagrada-familia-inside-2018-1.jpg
new file mode 100644
index 0000000..9a21bd6
--- /dev/null
+++ b/img/mr-worldwide/500px/sagrada-familia-inside-2018-1.jpg
diff --git a/img/mr-worldwide/500px/sagrada-familia-inside-2018-2.jpg b/img/mr-worldwide/500px/sagrada-familia-inside-2018-2.jpg
new file mode 100644
index 0000000..740194f
--- /dev/null
+++ b/img/mr-worldwide/500px/sagrada-familia-inside-2018-2.jpg
diff --git a/img/mr-worldwide/500px/sagrada-familia-inside-2018-3.jpg b/img/mr-worldwide/500px/sagrada-familia-inside-2018-3.jpg
new file mode 100644
index 0000000..2763e66
--- /dev/null
+++ b/img/mr-worldwide/500px/sagrada-familia-inside-2018-3.jpg
diff --git a/img/mr-worldwide/500px/sagrada-familia-outside-2018-0.jpg b/img/mr-worldwide/500px/sagrada-familia-outside-2018-0.jpg
new file mode 100644
index 0000000..e20d46d
--- /dev/null
+++ b/img/mr-worldwide/500px/sagrada-familia-outside-2018-0.jpg
diff --git a/img/mr-worldwide/500px/sagrada-familia-outside-2018-1.jpg b/img/mr-worldwide/500px/sagrada-familia-outside-2018-1.jpg
new file mode 100644
index 0000000..25702d1
--- /dev/null
+++ b/img/mr-worldwide/500px/sagrada-familia-outside-2018-1.jpg
diff --git a/img/mr-worldwide/denver-2017.jpg b/img/mr-worldwide/denver-2017.jpg
index 6d39d62..7a662a0 100644
--- a/img/mr-worldwide/denver-2017.jpg
+++ b/img/mr-worldwide/denver-2017.jpg
diff --git a/img/mr-worldwide/granada-2018-0.jpg b/img/mr-worldwide/granada-2018-0.jpg
index e943a29..9def4ad 100644
--- a/img/mr-worldwide/granada-2018-0.jpg
+++ b/img/mr-worldwide/granada-2018-0.jpg
diff --git a/img/mr-worldwide/granada-2018-1.jpg b/img/mr-worldwide/granada-2018-1.jpg
index e3eef9d..0233736 100644
--- a/img/mr-worldwide/granada-2018-1.jpg
+++ b/img/mr-worldwide/granada-2018-1.jpg
diff --git a/img/mr-worldwide/kyoto-2017.jpg b/img/mr-worldwide/kyoto-2017.jpg
index a51e71e..6d05bcf 100644
--- a/img/mr-worldwide/kyoto-2017.jpg
+++ b/img/mr-worldwide/kyoto-2017.jpg
diff --git a/img/mr-worldwide/lisbon-2018.jpg b/img/mr-worldwide/lisbon-2018.jpg
index f3eb588..f916599 100644
--- a/img/mr-worldwide/lisbon-2018.jpg
+++ b/img/mr-worldwide/lisbon-2018.jpg
diff --git a/img/mr-worldwide/lisbon-escher-2018-0.jpg b/img/mr-worldwide/lisbon-escher-2018-0.jpg
index 749ad22..a4751bf 100644
--- a/img/mr-worldwide/lisbon-escher-2018-0.jpg
+++ b/img/mr-worldwide/lisbon-escher-2018-0.jpg
diff --git a/img/mr-worldwide/lisbon-escher-2018-1.jpg b/img/mr-worldwide/lisbon-escher-2018-1.jpg
index cb5f897..c7e6646 100644
--- a/img/mr-worldwide/lisbon-escher-2018-1.jpg
+++ b/img/mr-worldwide/lisbon-escher-2018-1.jpg
diff --git a/img/mr-worldwide/loadout-packed.jpg b/img/mr-worldwide/loadout-packed.jpg
index 0457826..c45414a 100644
--- a/img/mr-worldwide/loadout-packed.jpg
+++ b/img/mr-worldwide/loadout-packed.jpg
diff --git a/img/mr-worldwide/loadout-unpacked.jpg b/img/mr-worldwide/loadout-unpacked.jpg
index 8582af6..143db50 100644
--- a/img/mr-worldwide/loadout-unpacked.jpg
+++ b/img/mr-worldwide/loadout-unpacked.jpg
diff --git a/img/mr-worldwide/madrid-2018.jpg b/img/mr-worldwide/madrid-2018.jpg
index 9419244..f3e5c08 100644
--- a/img/mr-worldwide/madrid-2018.jpg
+++ b/img/mr-worldwide/madrid-2018.jpg
diff --git a/img/mr-worldwide/munich-moosach-2018.jpg b/img/mr-worldwide/munich-moosach-2018.jpg
index 0536b3a..ff66d2f 100644
--- a/img/mr-worldwide/munich-moosach-2018.jpg
+++ b/img/mr-worldwide/munich-moosach-2018.jpg
diff --git a/img/mr-worldwide/munich-victory-gate-2018.jpg b/img/mr-worldwide/munich-victory-gate-2018.jpg
index 164af95..14c7d36 100644
--- a/img/mr-worldwide/munich-victory-gate-2018.jpg
+++ b/img/mr-worldwide/munich-victory-gate-2018.jpg
diff --git a/img/mr-worldwide/notebook.jpg b/img/mr-worldwide/notebook.jpg
index 86fb63e..b6a3a0f 100644
--- a/img/mr-worldwide/notebook.jpg
+++ b/img/mr-worldwide/notebook.jpg
diff --git a/img/mr-worldwide/sagrada-familia-inside-2018-0.jpg b/img/mr-worldwide/sagrada-familia-inside-2018-0.jpg
index d800af8..c67f008 100644
--- a/img/mr-worldwide/sagrada-familia-inside-2018-0.jpg
+++ b/img/mr-worldwide/sagrada-familia-inside-2018-0.jpg
diff --git a/img/mr-worldwide/sagrada-familia-inside-2018-1.jpg b/img/mr-worldwide/sagrada-familia-inside-2018-1.jpg
index fa72270..274a2b4 100644
--- a/img/mr-worldwide/sagrada-familia-inside-2018-1.jpg
+++ b/img/mr-worldwide/sagrada-familia-inside-2018-1.jpg
diff --git a/img/mr-worldwide/sagrada-familia-inside-2018-2.jpg b/img/mr-worldwide/sagrada-familia-inside-2018-2.jpg
index 5b91b27..ea05e5d 100644
--- a/img/mr-worldwide/sagrada-familia-inside-2018-2.jpg
+++ b/img/mr-worldwide/sagrada-familia-inside-2018-2.jpg
diff --git a/img/mr-worldwide/sagrada-familia-inside-2018-3.jpg b/img/mr-worldwide/sagrada-familia-inside-2018-3.jpg
index a02a6e2..546c28d 100644
--- a/img/mr-worldwide/sagrada-familia-inside-2018-3.jpg
+++ b/img/mr-worldwide/sagrada-familia-inside-2018-3.jpg
diff --git a/img/mr-worldwide/sagrada-familia-outside-2018-0.jpg b/img/mr-worldwide/sagrada-familia-outside-2018-0.jpg
index 3e76034..6a157d7 100644
--- a/img/mr-worldwide/sagrada-familia-outside-2018-0.jpg
+++ b/img/mr-worldwide/sagrada-familia-outside-2018-0.jpg
diff --git a/img/mr-worldwide/sagrada-familia-outside-2018-1.jpg b/img/mr-worldwide/sagrada-familia-outside-2018-1.jpg
index 1e4e6ec..a0913e3 100644
--- a/img/mr-worldwide/sagrada-familia-outside-2018-1.jpg
+++ b/img/mr-worldwide/sagrada-familia-outside-2018-1.jpg
diff --git a/pic-resize.sh b/pic-resize.sh
new file mode 100755
index 0000000..849d395
--- /dev/null
+++ b/pic-resize.sh
@@ -0,0 +1,39 @@
+#!/bin/sh
+
+# requires imagemagick and perl-image-exiftool
+
+set -e
+
+widths="500 1000 1500 2000 2500 3000"
+
+for img in $@; do
+    echo $img
+
+    # make target directories
+    dir=$(dirname "$img") # gets directory
+    for targetWidth in $widths; do
+        mkdir -p $dir/${targetWidth}px
+    done
+
+    # get width
+    width=$(identify "$img" | awk '{print $3}' | cut -dx -f1)
+    echo -e "\toriginal width: $width"
+
+    echo -e "\tremoving metadata"
+    exiftool -all= "$img"
+    rm -f "${img}_original" # exiftool makes a copy of the original, delete it
+
+    for targetWidth in $widths; do
+        targetFile=$dir/${targetWidth}px/$(basename "$img")
+        echo -en "\tresizing into $targetFile... "
+        if [ "$targetWidth" -ge "$width" ]; then
+            echo "skipping, original image too small"
+            continue
+        elif [ -e "$targetFile" ]; then
+            echo "skipping, target file exists"
+            continue
+        fi
+        convert "$img" -resize $targetWidth "$targetFile"
+        echo "done"
+    done
+done