Switched to SVG graphics for scalability

MagicMirrorOrg · Jul 9, 2016 · 6cb43ca · 6cb43ca
1 parent 4fde8d7
commit 6cb43ca
Show file tree

Hide file tree

Showing 22 changed files with 17 additions and 5 deletions.
diff --git a/modules/default/clock/clock.js b/modules/default/clock/clock.js
@@ -122,7 +122,7 @@ Module.register("clock",{
 			clockCircle.style.height = this.config.analogSize;
 
 			if ((this.config.analogFace != '' || this.config.analogFace != false) && this.config.analogFace !== 'none') {
-				clockCircle.style.background = "url("+ this.data.path + "/faces/" + this.config.analogFace + ".png)"
+				clockCircle.style.background = "url("+ this.data.path + "/faces/" + this.config.analogFace + ".svg)"
 				clockCircle.style.backgroundSize = "100%";
 			} else if (this.config.analogFace != 'none') {
 				clockCircle.style.border = "5px double white";

diff --git a/modules/default/clock/clock_styles.css b/modules/default/clock/clock_styles.css
@@ -65,10 +65,10 @@
 	position: absolute;
 	top: 50%;
 	left: 50%;
-	margin: -38% -1px 0 0; /* numbers must match negative length & thickness */
-	padding: 38% 1px 0; /* indicator length & thickness */
-	background: red;
+	margin: -38% -1px 0 0;	/* numbers must match negative length & thickness */
+	padding: 38% 1px 0 0;	/* indicator length & thickness */
+	background: #888888;
 	-webkit-transform-origin: 50% 100%;
 	-ms-transform-origin: 50% 100%;
 	transform-origin: 50% 100%;
-}
+}
diff --git a/modules/default/clock/faces/face-001.png b/modules/default/clock/faces/face-001.png
diff --git a/modules/default/clock/faces/face-001.svg b/modules/default/clock/faces/face-001.svg
diff --git a/modules/default/clock/faces/face-002.png b/modules/default/clock/faces/face-002.png
diff --git a/modules/default/clock/faces/face-002.svg b/modules/default/clock/faces/face-002.svg
diff --git a/modules/default/clock/faces/face-003.png b/modules/default/clock/faces/face-003.png
diff --git a/modules/default/clock/faces/face-003.svg b/modules/default/clock/faces/face-003.svg
diff --git a/modules/default/clock/faces/face-004.png b/modules/default/clock/faces/face-004.png
diff --git a/modules/default/clock/faces/face-004.svg b/modules/default/clock/faces/face-004.svg
diff --git a/modules/default/clock/faces/face-005.png b/modules/default/clock/faces/face-005.png
diff --git a/modules/default/clock/faces/face-005.svg b/modules/default/clock/faces/face-005.svg
diff --git a/modules/default/clock/faces/face-006.png b/modules/default/clock/faces/face-006.png