Standardise all icons; update screenshot

SVendittelli · Feb 3, 2020 · 8b4cef0 · 8b4cef0
1 parent 5d0a8d4
commit 8b4cef0
Show file tree

Hide file tree

Showing 23 changed files with 51 additions and 1 deletion.
diff --git a/MMM-Fitbit2.css b/MMM-Fitbit2.css
@@ -11,6 +11,7 @@
 .MMM-Fitbit2 .widgettext {
 	height: 60px;
 	padding: 0 0 5px 0;
+	text-align: center;
 }
 
 .MMM-Fitbit2 .widgeticon {

diff --git a/MMM-Fitbit2.js b/MMM-Fitbit2.js
@@ -147,7 +147,7 @@ Module.register("MMM-Fitbit2", {
 
 	// Generate div for icon
 	iconDiv: function(resource) {
-		const iconPath = "/img/" + resource + "White.png";
+		const iconPath = "/img/" + resource + ".png";
 
 		var iconDiv = document.createElement("img");
 		iconDiv.className = "widgeticon";

diff --git a/img/README.md b/img/README.md
@@ -0,0 +1,22 @@
+# All images are taken from [The Noun Project](https://thenounproject.com/).
+
+
+[activeMinutes.png](activeMinutes.png): [Lightning by Eagle Eye from the Noun Project](https://thenounproject.com/term/lightning/1830708/)
+
+[caloriesOut.png](caloriesOut.png): [Fire by Aisyah from the Noun Project](https://thenounproject.com/term/fire/1519955/)
+
+[caloriesIn.png](caloriesIn.png): [cutlery by Vectors Market from the Noun Project](https://thenounproject.com/term/cutlery/263101/)
+
+[distance.png](distance.png): [Location by Iconnic from the Noun Project](https://thenounproject.com/term/location/3089867/)
+
+[floors.png](floors.png): [steps by Marco Livolsi from the Noun Project](https://thenounproject.com/term/steps/1272371/)
+
+[restingHeart.png](restingHeart.png): [Heart by Muhajir ila Robbi from the Noun Project](https://thenounproject.com/term/heart/2276652/)
+
+[steps.png](steps.png): [footprints by Eugen Belyakoff from the Noun Project](https://thenounproject.com/term/footprints/38542/)
+
+[sleep.png](sleep.png): [Moon by Pedro Vidal from the Noun Project](https://thenounproject.com/term/moon/1028/)
+
+[water.png](water.png): [Water Bottle by Vectors Market from the Noun Project](https://thenounproject.com/term/water-bottle/2170588/)
+
+[weight.png](weight.png): [Scale by Bakunetsu Kaito from the Noun Project](https://thenounproject.com/term/scale/990543/)
diff --git a/img/activeMinutes.png b/img/activeMinutes.png
diff --git a/img/activeMinutesWhite.png b/img/activeMinutesWhite.png
diff --git a/img/caloriesIn.png b/img/caloriesIn.png
diff --git a/img/caloriesOut.png b/img/caloriesOut.png
diff --git a/img/caloriesOutWhite.png b/img/caloriesOutWhite.png
diff --git a/img/distance.png b/img/distance.png
diff --git a/img/distanceWhite.png b/img/distanceWhite.png
diff --git a/img/floors.png b/img/floors.png
diff --git a/img/floorsWhite.png b/img/floorsWhite.png
diff --git a/img/restingHeart.png b/img/restingHeart.png
diff --git a/img/restingHeartWhite.png b/img/restingHeartWhite.png
diff --git a/img/scripts/formatTNP.sh b/img/scripts/formatTNP.sh
@@ -0,0 +1,27 @@
+#!/bin/bash
+
+# Take "The Noun Project" icons, make them square, white and transparent
+
+for f in *.png; do
+	echo "${f}"
+
+	# Crop bottom of image
+	convert -crop -0-85 "${f}" "${f}"
+
+	# Remove surrounding whitespace
+	convert -trim "${f}" "${f}"
+
+	width=$(identify -format "%w" "${f}")
+	height=$(identify -format "%h" "${f}")
+
+	max=$(( width > height ? width : height ))
+
+	# Make square; side-effect: white background
+	mogrify -gravity center -extent "${max}x${max}" "${f}"
+
+	# Remove white background
+	convert "${f}" -fuzz 2% -transparent white "${f}"
+
+	# Invert to white
+	convert "${f}" -channel RGB -negate "${f}"
+done
diff --git a/img/sleep.png b/img/sleep.png
diff --git a/img/sleepWhite.png b/img/sleepWhite.png
diff --git a/img/steps.png b/img/steps.png
diff --git a/img/stepsWhite.png b/img/stepsWhite.png
diff --git a/img/water.png b/img/water.png
diff --git a/img/weight.png b/img/weight.png
diff --git a/img/weightWhite.png b/img/weightWhite.png
diff --git a/screenshot.png b/screenshot.png