diff --git a/CHANGELOG.md b/CHANGELOG.md index 490a0ec63..2c368cb76 100644 --- 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 deleted file mode 100644 index 66d063ef3..000000000 Binary files a/img/goban/corner-ne.png and /dev/null differ diff --git a/img/goban/corner-ne.svg b/img/goban/corner-ne.svg new file mode 100644 index 000000000..b75041a48 --- /dev/null +++ b/img/goban/corner-ne.svg @@ -0,0 +1,6 @@ +<svg width="150" height="150" xmlns="http://www.w3.org/2000/svg"> + <rect x="0" y="74" width="74" height="1" fill="#D18F37" /> + <rect x="74" y="74" width="1" height="76" fill="#D18F37" /> + <rect x="0" y="73" width="74" height="1" fill="#5E2E0C" /> + <rect x="73" y="73" width="1" height="77" fill="#5E2E0C" /> +</svg> diff --git a/img/goban/corner-nw.png b/img/goban/corner-nw.png deleted file mode 100644 index 608a99734..000000000 Binary files a/img/goban/corner-nw.png and /dev/null differ diff --git a/img/goban/corner-nw.svg b/img/goban/corner-nw.svg new file mode 100644 index 000000000..ab5c5b100 --- /dev/null +++ b/img/goban/corner-nw.svg @@ -0,0 +1,6 @@ +<svg width="150" height="150" xmlns="http://www.w3.org/2000/svg"> + <rect x="73" y="74" width="77" height="1" fill="#D18F37" /> + <rect x="74" y="73" width="1" height="77" fill="#D18F37" /> + <rect x="73" y="73" width="77" height="1" fill="#5E2E0C" /> + <rect x="73" y="73" width="1" height="77" fill="#5E2E0C" /> +</svg> diff --git a/img/goban/corner-se.png b/img/goban/corner-se.png deleted file mode 100644 index 02295aeec..000000000 Binary files a/img/goban/corner-se.png and /dev/null differ diff --git a/img/goban/corner-se.svg b/img/goban/corner-se.svg new file mode 100644 index 000000000..190355b70 --- /dev/null +++ b/img/goban/corner-se.svg @@ -0,0 +1,6 @@ +<svg width="150" height="150" xmlns="http://www.w3.org/2000/svg"> + <rect x="0" y="74" width="75" height="1" fill="#D18F37" /> + <rect x="74" y="0" width="1" height="75" fill="#D18F37" /> + <rect x="0" y="73" width="74" height="1" fill="#5E2E0C" /> + <rect x="73" y="0" width="1" height="74" fill="#5E2E0C" /> +</svg> diff --git a/img/goban/corner-sw.png b/img/goban/corner-sw.png deleted file mode 100644 index 62b1a63c1..000000000 Binary files a/img/goban/corner-sw.png and /dev/null differ diff --git a/img/goban/corner-sw.svg b/img/goban/corner-sw.svg new file mode 100644 index 000000000..b63adf009 --- /dev/null +++ b/img/goban/corner-sw.svg @@ -0,0 +1,6 @@ +<svg width="150" height="150" xmlns="http://www.w3.org/2000/svg"> + <rect x="74" y="74" width="76" height="1" fill="#D18F37" /> + <rect x="74" y="0" width="1" height="74" fill="#D18F37" /> + <rect x="73" y="73" width="77" height="1" fill="#5E2E0C" /> + <rect x="73" y="0" width="1" height="74" fill="#5E2E0C" /> +</svg> diff --git a/img/goban/inner.png b/img/goban/inner.png deleted file mode 100644 index 462a58948..000000000 Binary files a/img/goban/inner.png and /dev/null differ diff --git a/img/goban/inner.svg b/img/goban/inner.svg new file mode 100644 index 000000000..edb891fb2 --- /dev/null +++ b/img/goban/inner.svg @@ -0,0 +1,6 @@ +<svg width="150" height="150" xmlns="http://www.w3.org/2000/svg"> + <rect x="0" y="74" width="150" height="1" fill="#D18F37" /> + <rect x="74" y="0" width="1" height="150" fill="#D18F37" /> + <rect x="0" y="73" width="150" height="1" fill="#5E2E0C" /> + <rect x="73" y="0" width="1" height="150" fill="#5E2E0C" /> +</svg> diff --git a/img/goban/side-e.png b/img/goban/side-e.png deleted file mode 100644 index ef53b9928..000000000 Binary files a/img/goban/side-e.png and /dev/null differ diff --git a/img/goban/side-e.svg b/img/goban/side-e.svg new file mode 100644 index 000000000..3b6071eb8 --- /dev/null +++ b/img/goban/side-e.svg @@ -0,0 +1,6 @@ +<svg width="150" height="150" xmlns="http://www.w3.org/2000/svg"> + <rect x="0" y="74" width="74" height="1" fill="#D18F37" /> + <rect x="74" y="0" width="1" height="150" fill="#D18F37" /> + <rect x="0" y="73" width="74" height="1" fill="#5E2E0C" /> + <rect x="73" y="0" width="1" height="150" fill="#5E2E0C" /> +</svg> diff --git a/img/goban/side-n.png b/img/goban/side-n.png deleted file mode 100644 index 33741d84a..000000000 Binary files a/img/goban/side-n.png and /dev/null differ diff --git a/img/goban/side-n.svg b/img/goban/side-n.svg new file mode 100644 index 000000000..30507f88f --- /dev/null +++ b/img/goban/side-n.svg @@ -0,0 +1,6 @@ +<svg width="150" height="150" xmlns="http://www.w3.org/2000/svg"> + <rect x="0" y="74" width="150" height="1" fill="#D18F37" /> + <rect x="74" y="73" width="1" height="77" fill="#D18F37" /> + <rect x="0" y="73" width="150" height="1" fill="#5E2E0C" /> + <rect x="73" y="73" width="1" height="77" fill="#5E2E0C" /> +</svg> diff --git a/img/goban/side-s.png b/img/goban/side-s.png deleted file mode 100644 index 1a343daa6..000000000 Binary files a/img/goban/side-s.png and /dev/null differ diff --git a/img/goban/side-s.svg b/img/goban/side-s.svg new file mode 100644 index 000000000..de930cd32 --- /dev/null +++ b/img/goban/side-s.svg @@ -0,0 +1,6 @@ +<svg width="150" height="150" xmlns="http://www.w3.org/2000/svg"> + <rect x="0" y="74" width="150" height="1" fill="#D18F37" /> + <rect x="74" y="0" width="1" height="74" fill="#D18F37" /> + <rect x="0" y="73" width="150" height="1" fill="#5E2E0C" /> + <rect x="73" y="0" width="1" height="74" fill="#5E2E0C" /> +</svg> diff --git a/img/goban/side-w.png b/img/goban/side-w.png deleted file mode 100644 index c128201c2..000000000 Binary files a/img/goban/side-w.png and /dev/null differ diff --git a/img/goban/side-w.svg b/img/goban/side-w.svg new file mode 100644 index 000000000..d8ad911e2 --- /dev/null +++ b/img/goban/side-w.svg @@ -0,0 +1,6 @@ +<svg width="150" height="150" xmlns="http://www.w3.org/2000/svg"> + <rect x="73" y="74" width="77" height="1" fill="#D18F37" /> + <rect x="74" y="0" width="1" height="150" fill="#D18F37" /> + <rect x="73" y="73" width="77" height="1" fill="#5E2E0C" /> + <rect x="73" y="0" width="1" height="150" fill="#5E2E0C" /> +</svg> diff --git a/style/goban.css b/style/goban.css index fad2afd8b..dde0dca4b 100644 --- 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'); } /**