From 41a371e0c77a97be247be9b8685b3a77e0740fa9 Mon Sep 17 00:00:00 2001
From: Kimmo Puputti <git@kimmo.kpuputti.fi>
Date: Mon, 11 Dec 2017 15:56:01 +0200
Subject: [PATCH] Use image dimensions in file names for easier customisation

---
 docs/colors-and-icons.md                            |   2 +-
 src/assets/{background.jpg => background-1440.jpg}  | Bin
 src/components/Map/Map.js                           |   2 +-
 .../Map/images/{marker.png => marker-32x32.png}     | Bin
 src/containers/AboutPage/AboutPage.js               |   2 +-
 .../AboutPage/{about-us.jpg => about-us-1440.jpg}   | Bin
 src/marketplace.css                                 |   2 +-
 7 files changed, 4 insertions(+), 4 deletions(-)
 rename src/assets/{background.jpg => background-1440.jpg} (100%)
 rename src/components/Map/images/{marker.png => marker-32x32.png} (100%)
 rename src/containers/AboutPage/{about-us.jpg => about-us-1440.jpg} (100%)

diff --git a/docs/colors-and-icons.md b/docs/colors-and-icons.md
index 52e8b682..8e095b57 100644
--- a/docs/colors-and-icons.md
+++ b/docs/colors-and-icons.md
@@ -57,5 +57,5 @@ set if icons and an HTML snippet to point to those images.
 ## Map marker icon
 
 The map marker icon in the listing can be found in
-[src/components/Map/images/marker.png](../src/components/Map/images/marker.png). The dimensions
+[src/components/Map/images/marker-32x32.png](../src/components/Map/images/marker-32x32.png). The dimensions
 should be 32x32 pixels, so the `favicon-32x32.png` file can be used to replace the map icon.
diff --git a/src/assets/background.jpg b/src/assets/background-1440.jpg
similarity index 100%
rename from src/assets/background.jpg
rename to src/assets/background-1440.jpg
diff --git a/src/components/Map/Map.js b/src/components/Map/Map.js
index 209b7f9c..2d56771f 100644
--- a/src/components/Map/Map.js
+++ b/src/components/Map/Map.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import * as propTypes from '../../util/propTypes';
 
-import CustomMarker from './images/marker.png';
+import CustomMarker from './images/marker-32x32.png';
 import css from './Map.css';
 
 class Map extends Component {
diff --git a/src/components/Map/images/marker.png b/src/components/Map/images/marker-32x32.png
similarity index 100%
rename from src/components/Map/images/marker.png
rename to src/components/Map/images/marker-32x32.png
diff --git a/src/containers/AboutPage/AboutPage.js b/src/containers/AboutPage/AboutPage.js
index a1b03d1b..04a71111 100644
--- a/src/containers/AboutPage/AboutPage.js
+++ b/src/containers/AboutPage/AboutPage.js
@@ -12,7 +12,7 @@ import {
 } from '../../components';
 
 import css from './AboutPage.css';
-import image from './about-us.jpg';
+import image from './about-us-1440.jpg';
 
 const AboutPage = () => {
   const { siteTwitterHandle, siteFacebookPage } = config;
diff --git a/src/containers/AboutPage/about-us.jpg b/src/containers/AboutPage/about-us-1440.jpg
similarity index 100%
rename from src/containers/AboutPage/about-us.jpg
rename to src/containers/AboutPage/about-us-1440.jpg
diff --git a/src/marketplace.css b/src/marketplace.css
index 92b0a59d..30fa6aa6 100644
--- a/src/marketplace.css
+++ b/src/marketplace.css
@@ -14,7 +14,7 @@
   --backgroundImage: {
     /* Gradient direction and overlaying the black color on top of the image for better readability */
     background: linear-gradient(-45deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6)),
-      url('../../assets/background.jpg');
+      url('../../assets/background-1440.jpg');
 
     /* Add loading color for the div */
     background-color: var(--matterColor);