Fix EXIF rotation

Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>

assets/sass/colors.scss

@@ -21,17 +21,17 @@
   --text-900: #131d20;
   --text-950: #090f10;
 
-  --background-50: #f2f2f2;
-  --background-100: #e6e6e6;
-  --background-200: #cccccc;
-  --background-300: #b3b3b3;
-  --background-400: #999999;
-  --background-500: #808080;
-  --background-600: #666666;
-  --background-700: #4d4d4d;
-  --background-800: #333333;
-  --background-900: #1a1a1a;
-  --background-950: #0d0d0d;
+  --background-50: #f0f5f5;
+  --background-100: #e0ebeb;
+  --background-200: #c2d6d6;
+  --background-300: #a3c2c2;
+  --background-400: #85adad;
+  --background-500: #669999;
+  --background-600: #527a7a;
+  --background-700: #3d5c5c;
+  --background-800: #293d3d;
+  --background-900: #141f1f;
+  --background-950: #0a0f0f;
 
   --primary-50: #eff5f5;
   --primary-100: #dfeaec;

assets/sass/hero.scss

@@ -15,6 +15,6 @@
 
 @media (max-width: $width-mobile) {
   .hero {
-    padding: 1rem;
+    padding: 1rem 1rem 0 1rem;
   }
 }

layouts/partials/components/image/process.html

@@ -11,13 +11,17 @@
   {{- $original = ($page.Resources.Get $src) | default (resources.Get $src) -}}
 {{- end -}}
 
-{{- $full := $original | images.Filter (images.Process "webp q90") -}}
+{{- $rotate := images.AutoOrient -}}
 
-{{- $thumb := "" -}}
+{{- $processFull := images.Process "webp q90" -}}
+{{- $full := $original | images.Filter (slice $rotate $processFull) -}}
+
+{{- $processThumb := "" -}}
 {{- if gt $original.Width 2000 -}}
-  {{- $thumb = $original | images.Filter (images.Process "resize 2000x webp q75") -}}
+  {{- $processThumb = images.Process "resize 2000x webp q75" -}}
 {{- else -}}
-  {{- $thumb = $original | images.Filter (images.Process "webp q75") -}}
+  {{- $processThumb = images.Process "webp q75" -}}
 {{- end -}}
+{{- $thumb := $original | images.Filter (slice $rotate $processThumb) -}}
 
 {{- return dict "original" $original "full" $full "thumb" $thumb -}}