Show mobile app installation QR code when the site is not Jetpack connected.

This commit is contained in:
Jaclyn Chen 2023-10-03 14:45:45 +08:00
parent a9c8486b53
commit 0d62b35900
4 changed files with 642 additions and 9 deletions

View File

@ -0,0 +1,606 @@
<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" width="984" height="984" viewBox="0 0 984 984"><rect width="984" height="984" fill="#ffffff" x="0" y="0"/><g fill="#000000">
<g transform="translate(312,48) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(336,48) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(408,48) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(600,48) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(720,48) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(264,72) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(288,72) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(312,72) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(336,72) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(360,72) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(384,72) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(432,72) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(528,72) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(552,72) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(576,72) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(672,72) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(696,72) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(720,72) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(240,96) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(264,96) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(288,96) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(312,96) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(360,96) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(408,96) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(480,96) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(552,96) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(576,96) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(600,96) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(624,96) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(672,96) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(696,96) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(720,96) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(240,120) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(312,120) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(360,120) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(408,120) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(432,120) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(456,120) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(528,120) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(576,120) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(624,120) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(648,120) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(672,120) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(240,144) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(408,144) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(456,144) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(480,144) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(504,144) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(528,144) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(600,144) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(648,144) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(672,144) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(720,144) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(240,168) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(264,168) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(360,168) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(384,168) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(432,168) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(456,168) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(528,168) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(648,168) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(672,168) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(696,168) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(720,168) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(240,192) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(288,192) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(336,192) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(384,192) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(432,192) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(480,192) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(528,192) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(576,192) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(624,192) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(672,192) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(720,192) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(240,216) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(264,216) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(288,216) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(312,216) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(384,216) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(456,216) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(480,216) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(528,216) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(552,216) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(576,216) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(600,216) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(672,216) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(696,216) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(720,216) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(48,240) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(96,240) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(120,240) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(144,240) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(168,240) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(192,240) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(360,240) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(432,240) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(552,240) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(600,240) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(648,240) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(672,240) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(768,240) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(792,240) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(816,240) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(840,240) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(864,240) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(72,264) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(96,264) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(144,264) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(168,264) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(216,264) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(288,264) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(312,264) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(336,264) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(360,264) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(408,264) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(456,264) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(480,264) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(528,264) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(600,264) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(720,264) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(744,264) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(792,264) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(840,264) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(888,264) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(72,288) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(96,288) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(120,288) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(144,288) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(168,288) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(192,288) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(216,288) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(312,288) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(384,288) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(408,288) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(432,288) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(504,288) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(576,288) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(648,288) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(696,288) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(720,288) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(744,288) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(768,288) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(792,288) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(864,288) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(888,288) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(912,288) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(48,312) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(72,312) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(168,312) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(288,312) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(408,312) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(504,312) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(528,312) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(552,312) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(576,312) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(624,312) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(720,312) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(744,312) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(912,312) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(144,336) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(192,336) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(216,336) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(240,336) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(264,336) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(288,336) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(312,336) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(384,336) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(408,336) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(504,336) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(528,336) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(576,336) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(624,336) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(648,336) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(672,336) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(744,336) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(768,336) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(792,336) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(816,336) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(888,336) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(912,336) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(72,360) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(96,360) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(120,360) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(168,360) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(288,360) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(312,360) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(336,360) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(384,360) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(432,360) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(504,360) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(528,360) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(600,360) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(624,360) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(720,360) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(792,360) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(48,384) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(168,384) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(192,384) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(216,384) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(264,384) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(360,384) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(384,384) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(408,384) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(432,384) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(480,384) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(528,384) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(576,384) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(648,384) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(696,384) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(720,384) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(768,384) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(792,384) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(816,384) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(840,384) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(888,384) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(912,384) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(48,408) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(72,408) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(120,408) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(240,408) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(312,408) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(360,408) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(504,408) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(528,408) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(696,408) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(720,408) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(792,408) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(816,408) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(888,408) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(72,432) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(120,432) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(192,432) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(216,432) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(240,432) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(288,432) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(312,432) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(360,432) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(408,432) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(480,432) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(504,432) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(528,432) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(552,432) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(576,432) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(600,432) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(624,432) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(648,432) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(672,432) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(720,432) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(744,432) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(768,432) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(816,432) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(864,432) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(888,432) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(912,432) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(48,456) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(96,456) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(120,456) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(168,456) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(384,456) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(408,456) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(432,456) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(456,456) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(552,456) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(600,456) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(696,456) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(720,456) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(792,456) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(864,456) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(888,456) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(72,480) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(96,480) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(120,480) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(192,480) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(216,480) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(240,480) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(336,480) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(360,480) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(456,480) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(528,480) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(624,480) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(648,480) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(696,480) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(720,480) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(744,480) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(792,480) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(816,480) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(864,480) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(888,480) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(912,480) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(48,504) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(72,504) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(144,504) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(384,504) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(432,504) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(552,504) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(672,504) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(720,504) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(744,504) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(792,504) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(816,504) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(912,504) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(72,528) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(96,528) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(144,528) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(192,528) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(384,528) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(456,528) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(528,528) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(576,528) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(624,528) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(648,528) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(672,528) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(696,528) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(744,528) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(768,528) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(816,528) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(840,528) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(864,528) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(48,552) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(96,552) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(120,552) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(216,552) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(240,552) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(264,552) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(288,552) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(312,552) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(336,552) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(432,552) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(456,552) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(504,552) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(552,552) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(600,552) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(648,552) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(720,552) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(840,552) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(888,552) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(168,576) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(192,576) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(240,576) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(312,576) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(336,576) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(360,576) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(384,576) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(408,576) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(456,576) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(528,576) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(552,576) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(696,576) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(720,576) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(744,576) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(768,576) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(792,576) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(816,576) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(840,576) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(888,576) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(912,576) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(96,600) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(120,600) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(216,600) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(384,600) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(456,600) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(480,600) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(504,600) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(528,600) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(552,600) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(576,600) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(600,600) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(672,600) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(720,600) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(768,600) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(792,600) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(816,600) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(888,600) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(912,600) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(144,624) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(192,624) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(240,624) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(264,624) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(360,624) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(408,624) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(432,624) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(504,624) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(552,624) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(600,624) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(648,624) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(672,624) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(744,624) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(768,624) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(816,624) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(864,624) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(888,624) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(48,648) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(72,648) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(120,648) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(216,648) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(240,648) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(264,648) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(288,648) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(312,648) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(336,648) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(360,648) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(408,648) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(480,648) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(528,648) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(576,648) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(600,648) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(720,648) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(792,648) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(864,648) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(48,672) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(96,672) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(144,672) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(192,672) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(216,672) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(264,672) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(288,672) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(312,672) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(360,672) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(384,672) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(408,672) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(432,672) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(456,672) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(480,672) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(504,672) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(552,672) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(672,672) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(696,672) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(744,672) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(816,672) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(864,672) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(888,672) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(912,672) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(48,696) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(240,696) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(264,696) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(288,696) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(312,696) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(336,696) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(360,696) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(408,696) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(504,696) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(528,696) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(552,696) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(576,696) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(600,696) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(672,696) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(720,696) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(744,696) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(912,696) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(48,720) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(144,720) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(192,720) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(240,720) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(264,720) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(312,720) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(384,720) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(408,720) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(432,720) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(456,720) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(504,720) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(576,720) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(600,720) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(624,720) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(648,720) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(720,720) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(744,720) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(768,720) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(792,720) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(816,720) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(840,720) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(864,720) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(888,720) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(912,720) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(240,744) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(264,744) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(312,744) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(336,744) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(360,744) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(384,744) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(432,744) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(480,744) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(504,744) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(600,744) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(648,744) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(696,744) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(720,744) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(816,744) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(840,744) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(888,744) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(264,768) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(312,768) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(336,768) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(408,768) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(432,768) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(480,768) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(528,768) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(576,768) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(672,768) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(720,768) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(768,768) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(816,768) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(864,768) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(912,768) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(240,792) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(264,792) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(288,792) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(408,792) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(432,792) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(528,792) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(600,792) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(624,792) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(720,792) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(816,792) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(840,792) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(888,792) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(912,792) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(240,816) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(264,816) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(288,816) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(360,816) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(384,816) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(408,816) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(480,816) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(528,816) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(552,816) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(576,816) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(648,816) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(672,816) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(696,816) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(720,816) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(744,816) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(768,816) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(792,816) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(816,816) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(864,816) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(888,816) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(912,816) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(240,840) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(288,840) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(312,840) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(336,840) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(360,840) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(384,840) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(408,840) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(432,840) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(456,840) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(648,840) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(720,840) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(744,840) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(768,840) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(816,840) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(864,840) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(912,840) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(240,864) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(360,864) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(384,864) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(456,864) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(528,864) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(552,864) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(576,864) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(648,864) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(672,864) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(696,864) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(840,864) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(864,864) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(888,864) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(912,864) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(264,888) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(312,888) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(360,888) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(384,888) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(432,888) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(552,888) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(696,888) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(720,888) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(816,888) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(912,888) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(240,912) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(264,912) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(288,912) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(312,912) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(336,912) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(360,912) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(432,912) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(456,912) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(576,912) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(624,912) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(648,912) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(672,912) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(744,912) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(768,912) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(816,912) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(840,912) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(864,912) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(888,912) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(912,912) scale(4.12)"><rect width="6" height="6"/></g>
<g transform="translate(48,48)"><g transform="scale(12)"><path d="M0,0v14h14V0H0z M12,12H2V2h10V12z"/></g></g>
<g transform="translate(768,48)"><g transform="scale(12)"><path d="M0,0v14h14V0H0z M12,12H2V2h10V12z"/></g></g>
<g transform="translate(48,768)"><g transform="scale(12)"><path d="M0,0v14h14V0H0z M12,12H2V2h10V12z"/></g></g>
<g transform="translate(96,96)"><g transform="scale(12)"><rect width="6" height="6"/></g></g>
<g transform="translate(816,96)"><g transform="scale(12)"><rect width="6" height="6"/></g></g>
<g transform="translate(96,816)"><g transform="scale(12)"><rect width="6" height="6"/></g></g>
</g></svg>

After

Width:  |  Height:  |  Size: 47 KiB

View File

@ -25,7 +25,7 @@ import {
} from './components';
import {
EmailSentPage,
JetpackInstallStepperPage,
InstallMobileAppPage,
JetpackAlreadyInstalledPage,
} from './pages';
import './style.scss';
@ -94,14 +94,7 @@ export const MobileAppModal = () => {
isReturningFromWordpressConnection )
) {
setPageContent(
<JetpackInstallStepperPage
isReturningFromWordpressConnection={
isReturningFromWordpressConnection
}
isRetryingMagicLinkSend={ isRetryingMagicLinkSend }
sendMagicLinkHandler={ sendMagicLink }
sendMagicLinkStatus={ magicLinkRequestStatus }
/>
<InstallMobileAppPage />
);
} else if (
state === JetpackPluginStates.FULL_CONNECTION &&

View File

@ -0,0 +1,33 @@
/**
* External dependencies
*/
import { __ } from '@wordpress/i18n';
/**
* Internal dependencies
*/
import MobileQRCode from '../illustrations/woo-mobile-download-qrcode.svg';
import { ModalContentLayoutWithTitle } from '../layouts/ModalContentLayoutWithTitle';
export const InstallMobileAppPage = () => {
return (
<ModalContentLayoutWithTitle>
<div>
<img
src={ MobileQRCode }
alt={ __(
'Download WooCommerce mobile app',
'woocommerce'
) }
width="100"
/>
<p>
{ __(
'Scan the code above to download the WooCommerce mobile app, or visit woocommerce.com/mobile from your mobile device.',
'woocommerce'
) }
</p>
</div>
</ModalContentLayoutWithTitle>
);
};

View File

@ -1,3 +1,4 @@
export { EmailSentPage } from './EmailSentPage';
export { InstallMobileAppPage } from '../pages/InstallMobileAppPage';
export { JetpackAlreadyInstalledPage } from './JetpackAlreadyInstalledPage';
export { JetpackInstallStepperPage } from './JetpackInstallStepperPage';