Mejorado soporte para modo de color automatico
25
public/img/simbolos-cartas/TClaro_corazon.svg
Executable file
@ -0,0 +1,25 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<!-- Creator: CorelDRAW X7 -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="42.3332mm" height="42.3332mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
|
||||
viewBox="0 0 4233 4233"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<style type="text/css">
|
||||
<![CDATA[
|
||||
.str0 {stroke:black;stroke-width:250}
|
||||
.str1 {stroke:#B71C1C;stroke-width:250}
|
||||
.str2 {stroke:#DEDEDE;stroke-width:250}
|
||||
.str3 {stroke:#DEDEDE;stroke-width:250}
|
||||
.fil0 {fill:none}
|
||||
]]>
|
||||
</style>
|
||||
</defs>
|
||||
<g id="Capa_x0020_1">
|
||||
<metadata id="CorelCorpID_0Corel-Layer"/>
|
||||
<path class="fil0 str0" d="M12575 3312c-788,-96 -1192,640 -905,1208 109,214 371,434 704,445 415,13 517,-108 702,-299 5,183 -47,266 -128,390 -75,114 -295,290 -304,380 119,41 1156,31 1238,-8 -35,-121 -476,-517 -475,-802 127,97 266,367 749,338 325,-20 571,-234 681,-445 328,-634 -206,-1297 -905,-1207 152,-305 242,-550 48,-905 -306,-560 -1129,-580 -1456,-5 -211,373 -72,637 51,910z"/>
|
||||
<path class="fil0 str1" d="M2117 968l-24 -26c-70,-93 -40,-92 -157,-211 -74,-76 -123,-120 -243,-173 -236,-103 -510,-82 -713,33 -362,203 -506,734 -334,1234 136,393 446,767 675,1016 84,91 743,865 796,921l794 -922c213,-260 553,-627 680,-1038 292,-943 -399,-1545 -1040,-1259 -244,109 -290,209 -434,425z"/>
|
||||
<path class="fil0 str2" d="M7621 823c4,171 -85,269 -165,382 -184,261 -260,217 -270,326 312,32 902,24 1245,12 -42,-197 -335,-143 -384,-688 1001,711 1628,-452 1261,-1080 -124,-213 -360,-396 -542,-561l-756 -763c-81,-72 -133,-130 -196,-196 -60,55 -121,115 -183,186l-1124 1104c-69,65 -127,104 -185,208 -231,415 -72,857 207,1085 129,107 342,203 575,195 258,-9 376,-121 517,-210z"/>
|
||||
<path class="fil0 str3" d="M9205 -3803c75,89 237,276 368,428 130,152 245,279 369,439l696 927c58,-70 82,-95 174,-223 65,-92 102,-141 164,-227 116,-161 233,-319 347,-462 115,-145 228,-294 355,-430l390 -427c-52,-70 -290,-341 -375,-442 -123,-145 -237,-287 -362,-448l-693 -943 -1054 1367c-106,122 -294,313 -379,441z"/>
|
||||
</g>
|
||||
</svg>
|
After Width: | Height: | Size: 2.2 KiB |
25
public/img/simbolos-cartas/TClaro_diamante.svg
Executable file
@ -0,0 +1,25 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<!-- Creator: CorelDRAW X7 -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="42.3332mm" height="42.3332mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
|
||||
viewBox="0 0 4233 4233"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<style type="text/css">
|
||||
<![CDATA[
|
||||
.str1 {stroke:#ED3237;stroke-width:250}
|
||||
.str0 {stroke:black;stroke-width:250}
|
||||
.str3 {stroke:#B71C1C;stroke-width:250}
|
||||
.str2 {stroke:#DEDEDE;stroke-width:250}
|
||||
.fil0 {fill:none}
|
||||
]]>
|
||||
</style>
|
||||
</defs>
|
||||
<g id="Capa_x0020_1">
|
||||
<metadata id="CorelCorpID_0Corel-Layer"/>
|
||||
<path class="fil0 str0" d="M12575 3312c-788,-96 -1192,640 -905,1208 109,214 371,434 704,445 415,13 517,-108 702,-299 5,183 -47,266 -128,390 -75,114 -295,290 -304,380 119,41 1156,31 1238,-8 -35,-121 -476,-517 -475,-802 127,97 266,367 749,338 325,-20 571,-234 681,-445 328,-634 -206,-1297 -905,-1207 152,-305 242,-550 48,-905 -306,-560 -1129,-580 -1456,-5 -211,373 -72,637 51,910z"/>
|
||||
<path class="fil0 str1" d="M14175 -1756l-24 -26c-70,-93 -40,-92 -156,-211 -74,-76 -124,-120 -244,-173 -235,-103 -510,-82 -712,32 -362,204 -507,735 -334,1235 135,393 445,766 675,1015 84,92 742,866 795,921l794 -921c213,-261 553,-628 680,-1038 292,-943 -399,-1545 -1040,-1259 -244,109 -289,209 -434,425z"/>
|
||||
<path class="fil0 str2" d="M7621 823c4,171 -85,269 -165,382 -184,261 -260,217 -270,326 312,32 902,24 1245,12 -42,-197 -335,-143 -384,-688 1001,711 1628,-452 1261,-1080 -124,-213 -360,-396 -542,-561l-756 -763c-81,-72 -133,-130 -196,-196 -60,55 -121,115 -183,186l-1124 1104c-69,65 -127,104 -185,208 -231,415 -72,857 207,1085 129,107 342,203 575,195 258,-9 376,-121 517,-210z"/>
|
||||
<path class="fil0 str3" d="M685 2124c75,89 237,275 368,428 130,151 245,278 369,439l696 926c58,-69 83,-95 175,-222 64,-92 102,-141 164,-228 115,-160 233,-318 347,-462 115,-144 227,-294 354,-429l390 -428c-51,-69 -290,-340 -375,-441 -123,-146 -236,-287 -361,-449l-694 -942 -1053 1367c-107,121 -295,313 -380,441z"/>
|
||||
</g>
|
||||
</svg>
|
After Width: | Height: | Size: 2.2 KiB |
24
public/img/simbolos-cartas/TClaro_pica.svg
Executable file
@ -0,0 +1,24 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<!-- Creator: CorelDRAW X7 -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="42.3332mm" height="42.3332mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
|
||||
viewBox="0 0 4233 4233"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<style type="text/css">
|
||||
<![CDATA[
|
||||
.str1 {stroke:#ED3237;stroke-width:250}
|
||||
.str0 {stroke:black;stroke-width:250}
|
||||
.str2 {stroke:#151515;stroke-width:250}
|
||||
.fil0 {fill:none}
|
||||
]]>
|
||||
</style>
|
||||
</defs>
|
||||
<g id="Capa_x0020_1">
|
||||
<metadata id="CorelCorpID_0Corel-Layer"/>
|
||||
<path class="fil0 str0" d="M12575 3312c-788,-96 -1192,640 -905,1208 109,214 371,434 704,445 415,13 517,-108 702,-299 5,183 -47,266 -128,390 -75,114 -295,290 -304,380 119,41 1156,31 1238,-8 -35,-121 -476,-517 -475,-802 127,97 266,367 749,338 325,-20 571,-234 681,-445 328,-634 -206,-1297 -905,-1207 152,-305 242,-550 48,-905 -306,-560 -1129,-580 -1456,-5 -211,373 -72,637 51,910z"/>
|
||||
<path class="fil0 str1" d="M14175 -1756l-24 -26c-70,-93 -40,-92 -156,-211 -74,-76 -124,-120 -244,-173 -235,-103 -510,-82 -712,32 -362,204 -507,735 -334,1235 135,393 445,766 675,1015 84,92 742,866 795,921l794 -921c213,-261 553,-628 680,-1038 292,-943 -399,-1545 -1040,-1259 -244,109 -289,209 -434,425z"/>
|
||||
<path class="fil0 str2" d="M1926 3035c3,172 -86,270 -166,383 -184,261 -260,216 -270,325 312,33 903,24 1245,13 -42,-198 -335,-143 -384,-689 1001,711 1628,-451 1261,-1080 -124,-212 -360,-396 -542,-561l-756 -763c-81,-72 -133,-130 -196,-196 -59,55 -120,115 -182,186l-1125 1105c-68,64 -127,104 -185,207 -231,416 -72,858 207,1086 129,106 342,202 575,194 258,-9 376,-121 518,-210z"/>
|
||||
<path class="fil0 str1" d="M7767 3953c75,89 237,276 368,429 130,151 245,278 369,439l696 926c58,-69 82,-95 174,-222 65,-93 103,-142 165,-228 115,-161 232,-318 346,-462 115,-145 228,-294 355,-430l390 -427c-51,-70 -290,-340 -375,-442 -123,-145 -237,-286 -362,-448l-693 -942 -1054 1366c-106,122 -294,314 -379,441z"/>
|
||||
</g>
|
||||
</svg>
|
After Width: | Height: | Size: 2.1 KiB |
24
public/img/simbolos-cartas/TClaro_trebol.svg
Executable file
@ -0,0 +1,24 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<!-- Creator: CorelDRAW X7 -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="42.3332mm" height="42.3332mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
|
||||
viewBox="0 0 4233 4233"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<style type="text/css">
|
||||
<![CDATA[
|
||||
.str0 {stroke:#151515;stroke-width:250}
|
||||
.str2 {stroke:#DEDEDE;stroke-width:250}
|
||||
.str1 {stroke:#DEDEDE;stroke-width:250}
|
||||
.fil0 {fill:none}
|
||||
]]>
|
||||
</style>
|
||||
</defs>
|
||||
<g id="Capa_x0020_1">
|
||||
<metadata id="CorelCorpID_0Corel-Layer"/>
|
||||
<path class="fil0 str0" d="M1435 1708c-788,-97 -1193,640 -905,1208 109,214 371,434 704,444 415,13 517,-107 702,-298 5,183 -47,266 -128,390 -75,114 -295,290 -304,380 119,41 1156,31 1238,-8 -35,-121 -476,-517 -475,-802 127,97 266,367 749,338 325,-20 571,-235 680,-446 329,-633 -205,-1296 -904,-1206 152,-306 242,-551 48,-905 -306,-560 -1129,-580 -1456,-5 -211,372 -72,637 51,910z"/>
|
||||
<path class="fil0 str1" d="M13883 -3198l-23 -25c-71,-93 -40,-92 -157,-211 -74,-76 -124,-121 -244,-173 -235,-104 -510,-82 -712,32 -362,204 -507,734 -334,1235 135,393 445,766 675,1015 84,91 742,866 795,921l794 -922c213,-260 553,-627 680,-1037 292,-943 -399,-1545 -1039,-1259 -244,109 -290,209 -435,424z"/>
|
||||
<path class="fil0 str2" d="M7621 823c4,171 -85,269 -165,382 -184,261 -260,217 -270,326 312,32 902,24 1245,12 -42,-197 -335,-143 -384,-688 1001,711 1628,-452 1261,-1080 -124,-213 -360,-396 -542,-561l-756 -763c-81,-72 -133,-130 -196,-196 -60,55 -121,115 -183,186l-1124 1104c-69,65 -127,104 -185,208 -231,415 -72,857 207,1085 129,107 342,203 575,195 258,-9 376,-121 517,-210z"/>
|
||||
<path class="fil0 str1" d="M9205 -3803c75,89 237,276 368,428 130,152 245,279 369,439l696 927c58,-70 82,-95 174,-223 65,-92 102,-141 164,-227 116,-161 233,-319 347,-462 115,-145 228,-294 355,-430l390 -427c-52,-70 -290,-341 -375,-442 -123,-145 -237,-287 -362,-448l-693 -943 -1054 1367c-106,122 -294,313 -379,441z"/>
|
||||
</g>
|
||||
</svg>
|
After Width: | Height: | Size: 2.1 KiB |
24
public/img/simbolos-cartas/TOscuro_corazon.svg
Executable file
@ -0,0 +1,24 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<!-- Creator: CorelDRAW X7 -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="42.3332mm" height="42.3332mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
|
||||
viewBox="0 0 4233 4233"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<style type="text/css">
|
||||
<![CDATA[
|
||||
.str0 {stroke:black;stroke-width:250}
|
||||
.str2 {stroke:#DEDEDE;stroke-width:250}
|
||||
.str1 {stroke:#DEDEDE;stroke-width:250}
|
||||
.fil0 {fill:none}
|
||||
]]>
|
||||
</style>
|
||||
</defs>
|
||||
<g id="Capa_x0020_1">
|
||||
<metadata id="CorelCorpID_0Corel-Layer"/>
|
||||
<path class="fil0 str0" d="M12575 3312c-788,-96 -1192,640 -905,1208 109,214 371,434 704,445 415,13 517,-108 702,-299 5,183 -47,266 -128,390 -75,114 -295,290 -304,380 119,41 1156,31 1238,-8 -35,-121 -476,-517 -475,-802 127,97 266,367 749,338 325,-20 571,-234 681,-445 328,-634 -206,-1297 -905,-1207 152,-305 242,-550 48,-905 -306,-560 -1129,-580 -1456,-5 -211,373 -72,637 51,910z"/>
|
||||
<path class="fil0 str1" d="M2117 968l-24 -26c-70,-93 -40,-92 -157,-211 -74,-76 -123,-120 -243,-173 -236,-103 -510,-82 -713,33 -362,203 -506,734 -334,1234 136,393 446,767 675,1016 84,91 743,865 796,921l794 -922c213,-260 553,-627 680,-1038 292,-943 -399,-1545 -1040,-1259 -244,109 -290,209 -434,425z"/>
|
||||
<path class="fil0 str2" d="M7621 823c4,171 -85,269 -165,382 -184,261 -260,217 -270,326 312,32 902,24 1245,12 -42,-197 -335,-143 -384,-688 1001,711 1628,-452 1261,-1080 -124,-213 -360,-396 -542,-561l-756 -763c-81,-72 -133,-130 -196,-196 -60,55 -121,115 -183,186l-1124 1104c-69,65 -127,104 -185,208 -231,415 -72,857 207,1085 129,107 342,203 575,195 258,-9 376,-121 517,-210z"/>
|
||||
<path class="fil0 str1" d="M9205 -3803c75,89 237,276 368,428 130,152 245,279 369,439l696 927c58,-70 82,-95 174,-223 65,-92 102,-141 164,-227 116,-161 233,-319 347,-462 115,-145 228,-294 355,-430l390 -427c-52,-70 -290,-341 -375,-442 -123,-145 -237,-287 -362,-448l-693 -943 -1054 1367c-106,122 -294,313 -379,441z"/>
|
||||
</g>
|
||||
</svg>
|
After Width: | Height: | Size: 2.1 KiB |
25
public/img/simbolos-cartas/TOscuro_diamante.svg
Executable file
@ -0,0 +1,25 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<!-- Creator: CorelDRAW X7 -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="42.3332mm" height="42.3332mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
|
||||
viewBox="0 0 4233 4233"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<style type="text/css">
|
||||
<![CDATA[
|
||||
.str1 {stroke:#ED3237;stroke-width:250}
|
||||
.str0 {stroke:black;stroke-width:250}
|
||||
.str2 {stroke:#DEDEDE;stroke-width:250}
|
||||
.str3 {stroke:#DEDEDE;stroke-width:250}
|
||||
.fil0 {fill:none}
|
||||
]]>
|
||||
</style>
|
||||
</defs>
|
||||
<g id="Capa_x0020_1">
|
||||
<metadata id="CorelCorpID_0Corel-Layer"/>
|
||||
<path class="fil0 str0" d="M12575 3312c-788,-96 -1192,640 -905,1208 109,214 371,434 704,445 415,13 517,-108 702,-299 5,183 -47,266 -128,390 -75,114 -295,290 -304,380 119,41 1156,31 1238,-8 -35,-121 -476,-517 -475,-802 127,97 266,367 749,338 325,-20 571,-234 681,-445 328,-634 -206,-1297 -905,-1207 152,-305 242,-550 48,-905 -306,-560 -1129,-580 -1456,-5 -211,373 -72,637 51,910z"/>
|
||||
<path class="fil0 str1" d="M14175 -1756l-24 -26c-70,-93 -40,-92 -156,-211 -74,-76 -124,-120 -244,-173 -235,-103 -510,-82 -712,32 -362,204 -507,735 -334,1235 135,393 445,766 675,1015 84,92 742,866 795,921l794 -921c213,-261 553,-628 680,-1038 292,-943 -399,-1545 -1040,-1259 -244,109 -289,209 -434,425z"/>
|
||||
<path class="fil0 str2" d="M7621 823c4,171 -85,269 -165,382 -184,261 -260,217 -270,326 312,32 902,24 1245,12 -42,-197 -335,-143 -384,-688 1001,711 1628,-452 1261,-1080 -124,-213 -360,-396 -542,-561l-756 -763c-81,-72 -133,-130 -196,-196 -60,55 -121,115 -183,186l-1124 1104c-69,65 -127,104 -185,208 -231,415 -72,857 207,1085 129,107 342,203 575,195 258,-9 376,-121 517,-210z"/>
|
||||
<path class="fil0 str3" d="M685 2124c75,89 237,275 368,428 130,151 245,278 369,439l696 926c58,-69 83,-95 175,-222 64,-92 102,-141 164,-228 115,-160 233,-318 347,-462 115,-144 227,-294 354,-429l390 -428c-51,-69 -290,-340 -375,-441 -123,-146 -236,-287 -361,-449l-694 -942 -1053 1367c-107,121 -295,313 -380,441z"/>
|
||||
</g>
|
||||
</svg>
|
After Width: | Height: | Size: 2.2 KiB |
24
public/img/simbolos-cartas/TOscuro_pica.svg
Executable file
@ -0,0 +1,24 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<!-- Creator: CorelDRAW X7 -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="42.3332mm" height="42.3332mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
|
||||
viewBox="0 0 4233 4233"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<style type="text/css">
|
||||
<![CDATA[
|
||||
.str1 {stroke:#ED3237;stroke-width:250}
|
||||
.str0 {stroke:black;stroke-width:250}
|
||||
.str2 {stroke:#DEDEDE;stroke-width:250}
|
||||
.fil0 {fill:none}
|
||||
]]>
|
||||
</style>
|
||||
</defs>
|
||||
<g id="Capa_x0020_1">
|
||||
<metadata id="CorelCorpID_0Corel-Layer"/>
|
||||
<path class="fil0 str0" d="M12575 3312c-788,-96 -1192,640 -905,1208 109,214 371,434 704,445 415,13 517,-108 702,-299 5,183 -47,266 -128,390 -75,114 -295,290 -304,380 119,41 1156,31 1238,-8 -35,-121 -476,-517 -475,-802 127,97 266,367 749,338 325,-20 571,-234 681,-445 328,-634 -206,-1297 -905,-1207 152,-305 242,-550 48,-905 -306,-560 -1129,-580 -1456,-5 -211,373 -72,637 51,910z"/>
|
||||
<path class="fil0 str1" d="M14175 -1756l-24 -26c-70,-93 -40,-92 -156,-211 -74,-76 -124,-120 -244,-173 -235,-103 -510,-82 -712,32 -362,204 -507,735 -334,1235 135,393 445,766 675,1015 84,92 742,866 795,921l794 -921c213,-261 553,-628 680,-1038 292,-943 -399,-1545 -1040,-1259 -244,109 -289,209 -434,425z"/>
|
||||
<path class="fil0 str2" d="M1926 3035c3,172 -86,270 -166,383 -184,261 -260,216 -270,325 312,33 903,24 1245,13 -42,-198 -335,-143 -384,-689 1001,711 1628,-451 1261,-1080 -124,-212 -360,-396 -542,-561l-756 -763c-81,-72 -133,-130 -196,-196 -59,55 -120,115 -182,186l-1125 1105c-68,64 -127,104 -185,207 -231,416 -72,858 207,1086 129,106 342,202 575,194 258,-9 376,-121 518,-210z"/>
|
||||
<path class="fil0 str1" d="M7767 3953c75,89 237,276 368,429 130,151 245,278 369,439l696 926c58,-69 82,-95 174,-222 65,-93 103,-142 165,-228 115,-161 232,-318 346,-462 115,-145 228,-294 355,-430l390 -427c-51,-70 -290,-340 -375,-442 -123,-145 -237,-286 -362,-448l-693 -942 -1054 1366c-106,122 -294,314 -379,441z"/>
|
||||
</g>
|
||||
</svg>
|
After Width: | Height: | Size: 2.1 KiB |
23
public/img/simbolos-cartas/TOscuro_trebol.svg
Executable file
@ -0,0 +1,23 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<!-- Creator: CorelDRAW X7 -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="42.3332mm" height="42.3332mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
|
||||
viewBox="0 0 4233 4233"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<style type="text/css">
|
||||
<![CDATA[
|
||||
.str1 {stroke:#DEDEDE;stroke-width:250}
|
||||
.str0 {stroke:#DEDEDE;stroke-width:250}
|
||||
.fil0 {fill:none}
|
||||
]]>
|
||||
</style>
|
||||
</defs>
|
||||
<g id="Capa_x0020_1">
|
||||
<metadata id="CorelCorpID_0Corel-Layer"/>
|
||||
<path class="fil0 str0" d="M1435 1708c-788,-97 -1193,640 -905,1208 109,214 371,434 704,444 415,13 517,-107 702,-298 5,183 -47,266 -128,390 -75,114 -295,290 -304,380 119,41 1156,31 1238,-8 -35,-121 -476,-517 -475,-802 127,97 266,367 749,338 325,-20 571,-235 680,-446 329,-633 -205,-1296 -904,-1206 152,-306 242,-551 48,-905 -306,-560 -1129,-580 -1456,-5 -211,372 -72,637 51,910z"/>
|
||||
<path class="fil0 str0" d="M13883 -3198l-23 -25c-71,-93 -40,-92 -157,-211 -74,-76 -124,-121 -244,-173 -235,-104 -510,-82 -712,32 -362,204 -507,734 -334,1235 135,393 445,766 675,1015 84,91 742,866 795,921l794 -922c213,-260 553,-627 680,-1037 292,-943 -399,-1545 -1039,-1259 -244,109 -290,209 -435,424z"/>
|
||||
<path class="fil0 str1" d="M7621 823c4,171 -85,269 -165,382 -184,261 -260,217 -270,326 312,32 902,24 1245,12 -42,-197 -335,-143 -384,-688 1001,711 1628,-452 1261,-1080 -124,-213 -360,-396 -542,-561l-756 -763c-81,-72 -133,-130 -196,-196 -60,55 -121,115 -183,186l-1124 1104c-69,65 -127,104 -185,208 -231,415 -72,857 207,1085 129,107 342,203 575,195 258,-9 376,-121 517,-210z"/>
|
||||
<path class="fil0 str0" d="M9205 -3803c75,89 237,276 368,428 130,152 245,279 369,439l696 927c58,-70 82,-95 174,-223 65,-92 102,-141 164,-227 116,-161 233,-319 347,-462 115,-145 228,-294 355,-430l390 -427c-52,-70 -290,-341 -375,-442 -123,-145 -237,-287 -362,-448l-693 -943 -1054 1367c-106,122 -294,313 -379,441z"/>
|
||||
</g>
|
||||
</svg>
|
After Width: | Height: | Size: 2.1 KiB |
14
src/App.vue
@ -10,9 +10,17 @@ export default defineComponent({
|
||||
setup() {
|
||||
const store = useStore();
|
||||
const modoColor = computed<string>(() => store.state.modoColor);
|
||||
watch(modoColor, (n) => {
|
||||
console.log(`Modo color cambiado: ${n}`);
|
||||
});
|
||||
|
||||
const query = window.matchMedia("(prefers-color-scheme: dark)");
|
||||
const funActualizarMediaQuery = (ev: MediaQueryListEvent | MediaQueryList) => {
|
||||
store.commit(
|
||||
"setModoColorUsuario",
|
||||
ev.matches? "oscuro": "claro"
|
||||
);
|
||||
};
|
||||
query.addEventListener("change", funActualizarMediaQuery);
|
||||
funActualizarMediaQuery(query);
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
|
@ -13,6 +13,7 @@ div(@click="fnDescartar" style="display: inline-block")
|
||||
import {defineComponent, computed} from "vue";
|
||||
import {useDimensions} from "@/components/useDimensions";
|
||||
import { useStore } from "vuex";
|
||||
import { getEsOscuro } from "@/components/getEsOscuro";
|
||||
|
||||
export default defineComponent({
|
||||
name: "carta",
|
||||
@ -39,14 +40,7 @@ export default defineComponent({
|
||||
const store = useStore();
|
||||
const pxesc = computed(() => pH.value + "px");
|
||||
|
||||
const esOscuro = computed(() => {
|
||||
if (store.state.modoColor === "oscuro") {
|
||||
return true;
|
||||
} else if (store.state.modoColor === "auto" && window.matchMedia("(prefers-color-scheme: dark)").matches) {
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
});
|
||||
const {esOscuro} = getEsOscuro(store);
|
||||
|
||||
const tipo = computed<number>( () => (props.valor << 23) >>> 28);
|
||||
const tipoCarta = computed<string>(() => {
|
||||
|
17
src/components/getEsOscuro.ts
Normal file
@ -0,0 +1,17 @@
|
||||
import { computed } from "vue";
|
||||
import { RiMaJonState } from "@/store";
|
||||
import { Store } from "vuex";
|
||||
|
||||
export const getEsOscuro = (store: Store<RiMaJonState>) => {
|
||||
const esOscuro = computed(() => {
|
||||
if (store.state.modoColor === "oscuro") {
|
||||
return true;
|
||||
} else if (store.state.modoColor === "auto") {
|
||||
console.log(store.state.modoColorUsuario);
|
||||
return store.state.modoColorUsuario === "oscuro";
|
||||
}
|
||||
return false;
|
||||
});
|
||||
|
||||
return {esOscuro};
|
||||
};
|
35
src/components/img-cartas/v-img-corazon.vue
Normal file
@ -0,0 +1,35 @@
|
||||
<template lang="pug">
|
||||
div
|
||||
img(:src="rutaSvg")
|
||||
|
||||
//
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
import { computed, defineComponent } from "vue";
|
||||
import { useStore } from "vuex";
|
||||
import { getEsOscuro } from "@/components/getEsOscuro";
|
||||
|
||||
export default defineComponent({
|
||||
name: "v-img-corazon",
|
||||
setup() {
|
||||
const store = useStore();
|
||||
|
||||
const {esOscuro} = getEsOscuro(store);
|
||||
|
||||
const rutaSvg = computed(() => `/img/simbolos-cartas/T${esOscuro.value? "Oscuro": "Claro"}_corazon.svg`);
|
||||
|
||||
return {
|
||||
rutaSvg
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped lang="sass">
|
||||
|
||||
|
||||
|
||||
//
|
||||
</style>
|
@ -8,14 +8,16 @@ const vuexLocal = new VuexPersistence({
|
||||
export interface RiMaJonState {
|
||||
idUsuario: string | undefined,
|
||||
nombreUsuario: string | undefined,
|
||||
modoColor: string
|
||||
modoColor: string,
|
||||
modoColorUsuario: string
|
||||
}
|
||||
|
||||
export default createStore<RiMaJonState>({
|
||||
state: {
|
||||
idUsuario: undefined,
|
||||
nombreUsuario: undefined,
|
||||
modoColor: "auto"
|
||||
modoColor: "auto",
|
||||
modoColorUsuario: "claro"
|
||||
},
|
||||
mutations: {
|
||||
setIdUsuario(state, id) {
|
||||
@ -26,6 +28,9 @@ export default createStore<RiMaJonState>({
|
||||
},
|
||||
setModoColor(state, modo) {
|
||||
state.modoColor = modo;
|
||||
},
|
||||
setModoColorUsuario(state, modo) {
|
||||
state.modoColorUsuario = modo;
|
||||
}
|
||||
},
|
||||
actions: {},
|
||||
|
@ -3,6 +3,8 @@ div
|
||||
h1 Sobre el juego
|
||||
p Ri Ma Jon es un juego inspirado en Mahjong, pero ejecutado con cartas.
|
||||
|
||||
vImgCorazon
|
||||
|
||||
h2 Cartas
|
||||
p Existen 108 cartas en el juego:
|
||||
|
||||
@ -358,6 +360,7 @@ div
|
||||
import {defineComponent} from "vue";
|
||||
import carta from "@/components/carta.vue";
|
||||
import grupoCartas from "../../components/grupo-cartas.vue";
|
||||
import vImgCorazon from "../../components/img-cartas/v-img-corazon.vue"
|
||||
|
||||
const cartas = [2, 2, 3, 3, 4, 4, 5, 5, 6, 6, 7, 7, 8, 8, 9, 9, 10, 10, 11, 11, 12, 12, 13, 13, 14, 14, 15, 15,
|
||||
16, 16, 17, 17, 18, 18, 19, 19, 20, 20, 21, 21, 34, 34, 35, 35, 36, 36, 37, 37, 38, 38, 39, 39, 40, 40, 41,
|
||||
@ -422,7 +425,8 @@ export default defineComponent({
|
||||
name: "Ayuda",
|
||||
components: {
|
||||
carta,
|
||||
grupoCartas
|
||||
grupoCartas,
|
||||
vImgCorazon
|
||||
},
|
||||
setup() {
|
||||
return {
|
||||
|