From 1223f45b132db56360f359644ca96935f82bc629 Mon Sep 17 00:00:00 2001 From: Yichuan Shen Date: Fri, 10 Mar 2017 23:24:20 +0100 Subject: [PATCH] Vector images for board lines Close #175 --- CHANGELOG.md | 4 ++++ img/goban/corner-ne.png | Bin 914 -> 0 bytes img/goban/corner-ne.svg | 6 ++++++ img/goban/corner-nw.png | Bin 931 -> 0 bytes img/goban/corner-nw.svg | 6 ++++++ img/goban/corner-se.png | Bin 944 -> 0 bytes img/goban/corner-se.svg | 6 ++++++ img/goban/corner-sw.png | Bin 953 -> 0 bytes img/goban/corner-sw.svg | 6 ++++++ img/goban/inner.png | Bin 1121 -> 0 bytes img/goban/inner.svg | 6 ++++++ img/goban/side-e.png | Bin 1099 -> 0 bytes img/goban/side-e.svg | 6 ++++++ img/goban/side-n.png | Bin 920 -> 0 bytes img/goban/side-n.svg | 6 ++++++ img/goban/side-s.png | Bin 958 -> 0 bytes img/goban/side-s.svg | 6 ++++++ img/goban/side-w.png | Bin 1173 -> 0 bytes img/goban/side-w.svg | 6 ++++++ style/goban.css | 18 +++++++++--------- 20 files changed, 67 insertions(+), 9 deletions(-) delete mode 100644 img/goban/corner-ne.png create mode 100644 img/goban/corner-ne.svg delete mode 100644 img/goban/corner-nw.png create mode 100644 img/goban/corner-nw.svg delete mode 100644 img/goban/corner-se.png create mode 100644 img/goban/corner-se.svg delete mode 100644 img/goban/corner-sw.png create mode 100644 img/goban/corner-sw.svg delete mode 100644 img/goban/inner.png create mode 100644 img/goban/inner.svg delete mode 100644 img/goban/side-e.png create mode 100644 img/goban/side-e.svg delete mode 100644 img/goban/side-n.png create mode 100644 img/goban/side-n.svg delete mode 100644 img/goban/side-s.png create mode 100644 img/goban/side-s.svg delete mode 100644 img/goban/side-w.png create mode 100644 img/goban/side-w.svg 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 66d063ef36de4e01a1a24f5993ccdfed69616d70..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 914 zcmeAS@N?(olHy`uVBq!ia0vp^(?FPm4M^HB7Cr(}Ea{HEjtmSN`?>!lvI6;>1s;*b z3=DkxK$!8B)5ZfpL5ULAh?3y^w370~qEv>0#LT=By}Z;C1rt33JG+x7QrILIMR`E=DzE7rx57Gby{+Rh8GvyYgyJ*DnqI`~wRg_Pwety0HECU%kCD zZYx^@vl6F7Nh}o`D$I}ZKjq!_ds}`t_~mhGXZuC>pmVl8c9V+UoxFJbiuLy=FOpx) ztuFdv`1RelpO4#j|9kh__M!Wg^?C98Yj(Xpe~<6=+x6|H&)I$#M)b@3?|;trc|%d2 z0lzkw;r@2j@xOo0|4!-OpS*Z++11B3YwiT@epM(J_HIS&R||ga@+<4A=Cn_>&I-3Z zclea-*41*)6QB0o3hf7)BH{mWRb_-_&+>|^Hfv;#1@Fm{3*&pN8E49`-TqNz{jBz> zhby|m&mKONc&F!C;!}e>qnSXV9Vb&j%G4% + + + + + diff --git a/img/goban/corner-nw.png b/img/goban/corner-nw.png deleted file mode 100644 index 608a9973495faed6441c873705362350b0357cdc..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 931 zcmeAS@N?(olHy`uVBq!ia0vp^(?FPm4M^HB7Cr(}Ea{HEjtmSN`?>!lvI6;>1s;*b z3=DkxL735kHCP2GC{f}XQ4*Y=R#Ki=l*&+$n3-3imzP?iV4`QBXPIMM=f}Xntmx_D z7*Y}U_R_&zX-5&3K-LElHKk^LCpTIuNtt-Q(Fxshf;aeciztV_skTu5q*~wo5tUhlrLvZ9zKi=@J{@>lz`FCqyGr!z$?(nS}zZ|UA z02OVso51%PXwX{zC5NqmT8WT;xBBphIjL_}*v>{4D-Q(M<4f~}2 z-q$qnn{ejvsl+)7Gux*gws17!*KRLtN|6iWd(3juW{u1-&PkOKmOa8MpEnc%bv;Xb iI;sIjD6KqwT)t=3zQa<5mCnEn#o+1c=d#Wzp$P!n@seHu 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 @@ + + + + + + diff --git a/img/goban/corner-se.png b/img/goban/corner-se.png deleted file mode 100644 index 02295aeece5083e44fdd952566d2b653e087001a..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 944 zcmeAS@N?(olHy`uVBq!ia0vp^(?FPm4M^HB7Cr(}Ea{HEjtmSN`?>!lvI6;>1s;*b z3=DjGL736~_k^`TL5ULAh?3y^w370~qEv>0#LT=By}Z;C1rt33JG+x0g=$iUbOEWI4 zZdXAr9cT>}M`M4#*>LINcE9GruH7I9`xRaXIZX2%$i+ZukXM%P z$ObuCq#WdzIgi$XJQ;ik>>048JFP&G@g;B<{A7d-0Xlz*mPfN)xB- kGVqF(7(~MJt{>Mg{`mQ6RJfHFFn2L{y85}Sb4q9e0GRu^^#A|> 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 @@ + + + + + + diff --git a/img/goban/corner-sw.png b/img/goban/corner-sw.png deleted file mode 100644 index 62b1a63c167982bf22b9c3835b54ac985cb10081..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 953 zcmeAS@N?(olHy`uVBq!ia0vp^(?FPm4M^HB7Cr(}Ea{HEjtmSN`?>!lvI6;>1s;*b z3=DjGL736~_k^`TL5ULAh?3y^w370~qEv>0#LT=By}Z;C1rt33JG+w^t5!#yASFTr_pq_ChQF$)udguFBsO1eRLl{L6Z=P)q2Zs#qI;?3?4SzXk<< z|NMLV_4o1i|Nc8m{=F6^v3>RD4Mn3QMIo@iFn zNapy-U+cQq>{FN}cdeNS`r_UD_djlsdvm{i#xtOO?2FlFKDuJZ?=4v~LDTQuXZvaU z_~cW#$_u|J1n=kuN*;=pu{|O3?$Ha!Wd-8y{6?+2EvhDH-Z=`i>Y-kr91f)w*Dr4O zYcA|6m#uwmBC#AVcd1@akht4Q?!{MH1797|C{3KQ%fKsEVh{<>yMA20T7UIz{X8~L QU^Zj$boFyt=akR{05(_DPyhe` 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 @@ + + + + + + diff --git a/img/goban/inner.png b/img/goban/inner.png deleted file mode 100644 index 462a589488eb10231f99cddafe36ff1d5fa6c154..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1121 zcmeAS@N?(olHy`uVBq!ia0vp^(?FPm4M^HB7Cr(}Ea{HEjtmSN`?>!lvI6;>1s;*b z3=DkxL735kHCP2GC{f}XQ4*Y=R#Ki=l*&+$n3-3imzP?iV4`QBXPIMM=f}XneBaZ> zF{C2y?bX0M>2v{>L|KLOkIsBgq@Nb;6L@UTx%bI}V-Ayz9xPbh_})=jM?uH?(($)t zmkqvuJuSaIzy9yf$I@SV<~`hacTVEd4>$78Z78b9F;9=MwAnV>c#VwQ?X!|$eEn~q z@o2XnFDq`FdN_Hv<>6B_SAK`*wOv)%|3mb#jSR1^c-{sK5_idKyFX|gt`e6^jd*`( zG0*GRiYbYEx%+p`0ficVvZ{IhPWG*nU~UkTkP-rwe$0$7whiU z*KgnD{{NBO-NUoKAKqCiaz^=Zk$!JeWlF@mrGWhqs*%Klge QusC4wboFyt=akR{02S*eE&u=k 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 @@ + + + + + + diff --git a/img/goban/side-e.png b/img/goban/side-e.png deleted file mode 100644 index ef53b9928bc5c8b0a4b27450a1f1c590f63572d4..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1099 zcmeAS@N?(olHy`uVBq!ia0vp^(?FPm4M^HB7Cr(}Ea{HEjtmSN`?>!lvI6;>1s;*b z3=DkxL735kHCP2GC{f}XQ4*Y=R#Ki=l*&+$n3-3imzP?iV4`QBXPIMM=f}XneA3g! zF{C2y?G?v7VMYn(hjI;@H#~5-({Z|RVF1VG8DAbI`Cf7Tt5e$@_0r|@=~JiQmR(*w z<$e7AJ9YnlOtb$YRrO9wM|`Qp8o6oRK{8?dr(HGqR<}Q0B+`EMa8Y2_;a7<}HI62J z-4HY7(T1uBJ+HzD+fn7HA>;OQe&WT=(-L>~fP-i;C@gnbf3nc|wdUN0D|ZEfAsJNe z4h&oGyRx9*D=j|)4A3h#4c8ox``@1uQ_bzC0HqxxaH>HHj8S2NVG^}{dc34T-}U@Q$9RAlpTX1B&t;uc GLK6U@-3f^R 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 @@ + + + + + + diff --git a/img/goban/side-n.png b/img/goban/side-n.png deleted file mode 100644 index 33741d84ab52a0ea25ccf43efe800b4d856602a4..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 920 zcmeAS@N?(olHy`uVBq!ia0vp^(?FPm4M^HB7Cr(}Ea{HEjtmSN`?>!lvI6;>1s;*b z3=DkxL735kHCP2GC{f}XQ4*Y=R#Ki=l*&+$n3-3imzP?iV4`QBXPIMM=f}XnEavIr z7*Y}U_Ugr4kwgKOM0SRi9~>M~T#8gm64utgvonu z>z*L)#a9k#Y&G!G9YV|%eZLK>3}5YFT^#@C{)0P*Ujzi5v+dz~dQ-->*y6i^)s*z& zFJ~Se+gJ0e;PU#KmSx**YJdOwxoo@bevMbZc23_Pz1#i&t#@+|&-y#Bn18YJ&gY3c z+b;?(u~}m;v3JS$Z|3gy@ApEq TZwT)N<{}19S3j3^P6 + + + + + diff --git a/img/goban/side-s.png b/img/goban/side-s.png deleted file mode 100644 index 1a343daa6d311c1772f693f9ea102ed089373b5c..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 958 zcmeAS@N?(olHy`uVBq!ia0vp^(?FPm4M^HB7Cr(}Ea{HEjtmSN`?>!lvI6;>1s;*b z3=DjGL736~_k^`TL5ULAh?3y^w370~qEv>0#LT=By}Z;C1rt33JG+w>J*E=%TCBN&YM|>#S zeK+JvZPovG-`;+1zyFWg$wG!J`f8OxR zATRuR;@8AG>&_j1b$CbY-1e*OgI~kHl8E(-?e+P&sq2rx{r4sS{U0b7#6kT6Q;iv!g33BlvslazM)EBx-MnEHC@DA*`ovf~Mcu!&M1i zn)ggyeeQ6P|IGHM^NjdU+osA*t3CzP`t6s!uhrY9uc!B$zuYpvKHu{Bo&N^E+D~1+ zbLgVtoM&Qvd=E{w7nE@1r=AY0dHu#duJ_m)cafWIW*Xqsd@VM8Bgu~W2I7B Rmj}#i44$rjF6*2UngF2~!*&1w 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 @@ + + + + + + diff --git a/img/goban/side-w.png b/img/goban/side-w.png deleted file mode 100644 index c128201c23c4046d0c636b93bc7102777ce3d6d5..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1173 zcmeAS@N?(olHy`uVBq!ia0vp^(?FPm4M^HB7Cr(}Ea{HEjtmSN`?>!lvI6;>1s;*b z3=DkxK$!8B)5ZfpL5ULAh?3y^w370~qEv>0#LT=By}Z;C1rt33J8u7Q2+~AA!C?#z8cA?4 z^?-uR@8Z;~h|CwU%MTWHtpn)^E&)l-S)>ipBoYe>+~qGox-4D8L8fW$f@lMWE*>pj z-#65yzlf=0M`-_d{_vs;k)?-$Hu*?j%jb+e0WyETz^)0JyFR^rJzw7b*wXp!;zq9F zbuw4_>vjIx>;cLYwSRr@{@HjT_e`LhUW+?{FVdQ&MBb@0ObN8RsaA1 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 @@ + + + + + + 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'); } /**