Vector images for board lines

Close #175
SabakiHQ · Mar 10, 2017 · 1223f45 · 1223f45
1 parent 84d61c7
commit 1223f45
Show file tree

Hide file tree

Showing 20 changed files with 67 additions and 9 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -10,6 +10,10 @@ All notable changes to this project will be documented in this file.
 * Move annotation context menu on the last played stone (Thanks to [@dfannius](https://github.com/dfannius))
 * Sabaki Web can load and copy SGF files from/to the clipboard (Thanks to [@C0DEHERO](https://github.com/C0DEHERO))
 
+**Changed**
+
+* Board lines are now vector images
+
 **Fixed**
 
 * Fix Sabaki inserting a ton of unnecessary empty lines in SGF files on Windows

diff --git a/img/goban/corner-ne.png b/img/goban/corner-ne.png
diff --git a/img/goban/corner-ne.svg b/img/goban/corner-ne.svg
diff --git a/img/goban/corner-nw.png b/img/goban/corner-nw.png
diff --git a/img/goban/corner-nw.svg b/img/goban/corner-nw.svg
diff --git a/img/goban/corner-se.png b/img/goban/corner-se.png
diff --git a/img/goban/corner-se.svg b/img/goban/corner-se.svg
diff --git a/img/goban/corner-sw.png b/img/goban/corner-sw.png
diff --git a/img/goban/corner-sw.svg b/img/goban/corner-sw.svg
diff --git a/img/goban/inner.png b/img/goban/inner.png
diff --git a/img/goban/inner.svg b/img/goban/inner.svg
diff --git a/img/goban/side-e.png b/img/goban/side-e.png
diff --git a/img/goban/side-e.svg b/img/goban/side-e.svg
diff --git a/img/goban/side-n.png b/img/goban/side-n.png
diff --git a/img/goban/side-n.svg b/img/goban/side-n.svg
diff --git a/img/goban/side-s.png b/img/goban/side-s.png
diff --git a/img/goban/side-s.svg b/img/goban/side-s.svg
diff --git a/img/goban/side-w.png b/img/goban/side-w.png
diff --git a/img/goban/side-w.svg b/img/goban/side-w.svg
diff --git a/style/goban.css b/style/goban.css
@@ -79,7 +79,7 @@
 
 .goban .row li {
         position: relative;
-        background: url('../img/goban/inner.png') center;
+        background: url('../img/goban/inner.svg') center;
     }
     .goban .row li.hoshi::after {
         content: '';
@@ -95,28 +95,28 @@
         background: #5E2E0C;
     }
     .goban .row:nth-child(3) li {
-        background-image: url('../img/goban/side-n.png');
+        background-image: url('../img/goban/side-n.svg');
     }
     .goban .row:nth-last-child(3) li {
-        background-image: url('../img/goban/side-s.png');
+        background-image: url('../img/goban/side-s.svg');
     }
     .goban .row li:first-child {
-        background-image: url('../img/goban/side-w.png');
+        background-image: url('../img/goban/side-w.svg');
     }
     .goban .row li:last-child {
-        background-image: url('../img/goban/side-e.png');
+        background-image: url('../img/goban/side-e.svg');
     }
     .goban .row:nth-child(3) li:first-child {
-        background-image: url('../img/goban/corner-nw.png');
+        background-image: url('../img/goban/corner-nw.svg');
     }
     .goban .row:nth-child(3) li:last-child {
-        background-image: url('../img/goban/corner-ne.png');
+        background-image: url('../img/goban/corner-ne.svg');
     }
     .goban .row:nth-last-child(3) li:first-child {
-        background-image: url('../img/goban/corner-sw.png');
+        background-image: url('../img/goban/corner-sw.svg');
     }
     .goban .row:nth-last-child(3) li:last-child {
-        background-image: url('../img/goban/corner-se.png');
+        background-image: url('../img/goban/corner-se.svg');
 }
 
 /**