1
0

cellGenerator.svg 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554
  1. <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2. <svg
  3. xmlns:dc="http://purl.org/dc/elements/1.1/"
  4. xmlns:cc="http://creativecommons.org/ns#"
  5. xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  6. xmlns:svg="http://www.w3.org/2000/svg"
  7. xmlns="http://www.w3.org/2000/svg"
  8. xmlns:xlink="http://www.w3.org/1999/xlink"
  9. xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
  10. xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
  11. inkscape:export-ydpi="96"
  12. inkscape:export-xdpi="96"
  13. inkscape:export-filename="C:\Users\valued-customer\Desktop\VS_CODE\Qwixx\frontend\example\empty-16-9.png"
  14. sodipodi:docname="cellGenerator.svg"
  15. inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
  16. id="svg8"
  17. version="1.1"
  18. viewBox="0 0 110 99.999996"
  19. height="100mm"
  20. width="110mm">
  21. <defs
  22. id="defs2">
  23. <rect
  24. x="-101.21954"
  25. y="-33.042744"
  26. width="158.10326"
  27. height="242.59229"
  28. id="rect4797" />
  29. <rect
  30. x="13.898015"
  31. y="24.054256"
  32. width="41.694046"
  33. height="42.763123"
  34. id="rect4785" />
  35. <linearGradient
  36. inkscape:collect="always"
  37. id="linearGradient4755">
  38. <stop
  39. style="stop-color:#ffffff;stop-opacity:1;"
  40. offset="0"
  41. id="stop4751" />
  42. <stop
  43. style="stop-color:#ffffff;stop-opacity:0;"
  44. offset="1"
  45. id="stop4753" />
  46. </linearGradient>
  47. <inkscape:path-effect
  48. effect="powerclip"
  49. id="path-effect4736"
  50. is_visible="true"
  51. lpeversion="1"
  52. inverse="true"
  53. flatten="false"
  54. hide_clip="false"
  55. message="Use fill-rule evenodd on &lt;b&gt;fill and stroke&lt;/b&gt; dialog if no flatten result after convert clip to paths." />
  56. <linearGradient
  57. inkscape:collect="always"
  58. id="linearGradient4713">
  59. <stop
  60. id="stop4711"
  61. offset="0"
  62. style="stop-color:#000000;stop-opacity:0;" />
  63. <stop
  64. id="stop4709"
  65. offset="1"
  66. style="stop-color:#000000;stop-opacity:1;" />
  67. </linearGradient>
  68. <inkscape:path-effect
  69. effect="powermask"
  70. id="path-effect2514"
  71. is_visible="true"
  72. lpeversion="1"
  73. uri="#mask-powermask-path-effect2514"
  74. invert="false"
  75. hide_mask="false"
  76. background="true"
  77. background_color="#ffffffff" />
  78. <inkscape:path-effect
  79. effect="powerclip"
  80. id="path-effect1652"
  81. is_visible="true"
  82. lpeversion="1"
  83. inverse="true"
  84. flatten="false"
  85. hide_clip="false"
  86. message="Use fill-rule evenodd on &lt;b&gt;fill and stroke&lt;/b&gt; dialog if no flatten result after convert clip to paths." />
  87. <rect
  88. x="74.300926"
  89. y="48.108517"
  90. width="337.29413"
  91. height="169.98341"
  92. id="rect9" />
  93. <clipPath
  94. clipPathUnits="userSpaceOnUse"
  95. id="clipPath961">
  96. <use
  97. x="0"
  98. y="0"
  99. xlink:href="#g957"
  100. id="use963"
  101. width="100%"
  102. height="100%" />
  103. </clipPath>
  104. <clipPath
  105. clipPathUnits="userSpaceOnUse"
  106. id="clipPath1201">
  107. <g
  108. inkscape:label="Clip"
  109. id="use1203">
  110. <use
  111. id="use1302"
  112. xlink:href="#g905"
  113. y="0"
  114. x="0"
  115. width="100%"
  116. height="100%"
  117. transform="translate(111.18413,-17.639789)" />
  118. <g
  119. transform="translate(58.264756,70.024616)"
  120. clip-path="none"
  121. id="g1308">
  122. <g
  123. id="g1306"
  124. inkscape:label="Clip">
  125. <rect
  126. style="fill:#e7e7e7;stroke-width:0.264583"
  127. id="rect1304"
  128. width="80"
  129. height="80"
  130. x="40.624966"
  131. y="20.312483" />
  132. </g>
  133. </g>
  134. </g>
  135. </clipPath>
  136. <mask
  137. maskUnits="userSpaceOnUse"
  138. id="mask1290">
  139. <g
  140. id="use1292"
  141. inkscape:label="Clip" />
  142. </mask>
  143. <mask
  144. maskUnits="userSpaceOnUse"
  145. id="mask1327">
  146. <ellipse
  147. ry="71.360962"
  148. rx="73.766388"
  149. cy="139.24742"
  150. cx="158.22356"
  151. id="ellipse1329"
  152. style="fill:#e7e7e7;stroke-width:0.264583" />
  153. </mask>
  154. <clipPath
  155. clipPathUnits="userSpaceOnUse"
  156. id="clipPath1881">
  157. <g
  158. inkscape:label="Clip"
  159. id="use1883"
  160. style="fill:#000000">
  161. <ellipse
  162. style="display:block;fill:#000000;stroke-width:0.264583"
  163. id="ellipse2346"
  164. sodipodi:type="arc"
  165. sodipodi:cx="102.36423"
  166. sodipodi:cy="100.49333"
  167. sodipodi:rx="49.444862"
  168. sodipodi:ry="52.919369"
  169. sodipodi:start="0"
  170. sodipodi:end="5.083038"
  171. sodipodi:arc-type="slice"
  172. d="M 151.80909,100.49333 A 49.444862,52.919369 0 0 1 116.97792,151.04856 49.444862,52.919369 0 0 1 61.557678,130.37707 49.444862,52.919369 0 0 1 63.629341,67.602705 49.444862,52.919369 0 0 1 120.27417,51.167588 l -17.90994,49.325742 z" />
  173. </g>
  174. </clipPath>
  175. <clipPath
  176. clipPathUnits="userSpaceOnUse"
  177. id="clipPath1899">
  178. <g
  179. mask="none"
  180. style="fill:#000000"
  181. inkscape:label="Clip"
  182. id="use1901">
  183. <g
  184. style="fill:#000000"
  185. id="g2166">
  186. <g
  187. style="fill:#000000"
  188. id="g2164"
  189. inkscape:label="Clip">
  190. <ellipse
  191. d="M 151.80909,100.49333 A 49.444862,52.919369 0 0 1 116.97792,151.04856 49.444862,52.919369 0 0 1 61.557678,130.37707 49.444862,52.919369 0 0 1 63.629341,67.602705 49.444862,52.919369 0 0 1 120.27417,51.167588 l -17.90994,49.325742 z"
  192. sodipodi:arc-type="slice"
  193. sodipodi:end="5.083038"
  194. sodipodi:start="0"
  195. sodipodi:ry="52.919369"
  196. sodipodi:rx="49.444862"
  197. sodipodi:cy="100.49333"
  198. sodipodi:cx="102.36423"
  199. sodipodi:type="arc"
  200. id="ellipse2162"
  201. style="display:block;fill:#000000;stroke-width:0.264583" />
  202. </g>
  203. </g>
  204. </g>
  205. </clipPath>
  206. <clipPath
  207. clipPathUnits="userSpaceOnUse"
  208. id="clipPath2180">
  209. <g
  210. mask="none"
  211. inkscape:label="Clip"
  212. id="use2182"
  213. style="fill:#000000">
  214. <g
  215. transform="translate(31.003266,9.6217032)"
  216. id="g2342"
  217. style="fill:#000000">
  218. <g
  219. inkscape:label="Clip"
  220. id="g2340"
  221. style="fill:#000000">
  222. <ellipse
  223. style="display:block;fill:#000000;stroke-width:0.264583"
  224. id="ellipse2338"
  225. sodipodi:type="arc"
  226. sodipodi:cx="102.36423"
  227. sodipodi:cy="100.49333"
  228. sodipodi:rx="49.444862"
  229. sodipodi:ry="52.919369"
  230. sodipodi:start="0"
  231. sodipodi:end="5.083038"
  232. sodipodi:arc-type="slice"
  233. d="M 151.80909,100.49333 A 49.444862,52.919369 0 0 1 116.97792,151.04856 49.444862,52.919369 0 0 1 61.557678,130.37707 49.444862,52.919369 0 0 1 63.629341,67.602705 49.444862,52.919369 0 0 1 120.27417,51.167588 l -17.90994,49.325742 z" />
  234. </g>
  235. </g>
  236. </g>
  237. </clipPath>
  238. <clipPath
  239. clipPathUnits="userSpaceOnUse"
  240. id="clipPath2431">
  241. <g
  242. style="display:inline;fill:#000000"
  243. id="g2437"
  244. inkscape:label="Clip"
  245. transform="translate(46.237624,-57.730207)"
  246. mask="none">
  247. <g
  248. style="fill:#000000"
  249. id="g2435"
  250. transform="translate(31.003266,9.6217032)">
  251. <rect
  252. style="fill:#000000;stroke-width:0.264583"
  253. id="rect2433"
  254. width="100"
  255. height="100"
  256. x="33.943241"
  257. y="30.468716" />
  258. </g>
  259. </g>
  260. </clipPath>
  261. <radialGradient
  262. inkscape:collect="always"
  263. xlink:href="#linearGradient4713"
  264. id="radialGradient4715"
  265. cx="50.132294"
  266. cy="50.132294"
  267. fx="50.132294"
  268. fy="50.132294"
  269. r="200.13229"
  270. gradientUnits="userSpaceOnUse" />
  271. <clipPath
  272. clipPathUnits="userSpaceOnUse"
  273. id="clipPath4719">
  274. <rect
  275. style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.264583;stroke-opacity:1"
  276. id="rect4721"
  277. width="100"
  278. height="100"
  279. x="0.1322915"
  280. y="0.1322915" />
  281. </clipPath>
  282. <clipPath
  283. clipPathUnits="userSpaceOnUse"
  284. id="clipPath4732">
  285. <rect
  286. style="display:none;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.564033;stroke-opacity:1"
  287. id="rect4734"
  288. width="89.435966"
  289. height="89.435966"
  290. x="5.2820163"
  291. y="5.2820163"
  292. d="M 5.2820163,5.2820163 H 94.717983 V 94.717983 H 5.2820163 Z" />
  293. <path
  294. id="lpe_path-effect4736"
  295. style="display:inline;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.564033;stroke-opacity:1"
  296. class="powerclip"
  297. d="M -5.0000004,-5.0000004 H 105 V 105 H -5.0000004 Z M 5.2820163,5.2820163 V 94.717983 H 94.717983 V 5.2820163 Z" />
  298. </clipPath>
  299. <radialGradient
  300. inkscape:collect="always"
  301. xlink:href="#linearGradient4755"
  302. id="radialGradient4757"
  303. cx="50"
  304. cy="50"
  305. fx="50"
  306. fy="50"
  307. r="200"
  308. gradientUnits="userSpaceOnUse" />
  309. <clipPath
  310. clipPathUnits="userSpaceOnUse"
  311. id="clipPath4761">
  312. <rect
  313. style="opacity:1;fill:#666666;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.490151;stroke-opacity:1"
  314. id="rect4763"
  315. width="99.50985"
  316. height="99.50985"
  317. x="0.24507599"
  318. y="0.24507599" />
  319. </clipPath>
  320. <radialGradient
  321. inkscape:collect="always"
  322. xlink:href="#linearGradient4713"
  323. id="radialGradient4767"
  324. gradientUnits="userSpaceOnUse"
  325. cx="50.132294"
  326. cy="50.132294"
  327. fx="50.132294"
  328. fy="50.132294"
  329. r="200.13229" />
  330. <clipPath
  331. clipPathUnits="userSpaceOnUse"
  332. id="clipPath4778">
  333. <rect
  334. style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.287674;stroke-opacity:1"
  335. id="rect4780"
  336. width="99.712326"
  337. height="99.712326"
  338. x="0.14383657"
  339. y="0.14383657" />
  340. </clipPath>
  341. <clipPath
  342. id="clipPath934"
  343. clipPathUnits="userSpaceOnUse">
  344. <rect
  345. y="0.048224803"
  346. x="100.04823"
  347. height="99.903549"
  348. width="9.9035501"
  349. id="rect937"
  350. style="fill:#1a1a1a;stroke:#000000;stroke-width:0.0964496" />
  351. </clipPath>
  352. </defs>
  353. <sodipodi:namedview
  354. inkscape:window-maximized="1"
  355. inkscape:window-y="-8"
  356. inkscape:window-x="-8"
  357. inkscape:window-height="1017"
  358. inkscape:window-width="1920"
  359. inkscape:pagecheckerboard="true"
  360. units="mm"
  361. showgrid="false"
  362. inkscape:document-rotation="0"
  363. inkscape:current-layer="svg8"
  364. inkscape:document-units="mm"
  365. inkscape:cy="599.84058"
  366. inkscape:cx="-352.24167"
  367. inkscape:zoom="0.31628856"
  368. inkscape:pageshadow="2"
  369. inkscape:pageopacity="0.0"
  370. borderopacity="1.0"
  371. bordercolor="#666666"
  372. pagecolor="#ffffff"
  373. id="base"
  374. showguides="false" />
  375. <metadata
  376. id="metadata5">
  377. <rdf:RDF>
  378. <cc:Work
  379. rdf:about="">
  380. <dc:format>image/svg+xml</dc:format>
  381. <dc:type
  382. rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
  383. <dc:title></dc:title>
  384. </cc:Work>
  385. </rdf:RDF>
  386. </metadata>
  387. <g
  388. inkscape:groupmode="layer"
  389. id="layer5"
  390. inkscape:label="bg"
  391. style="display:inline"
  392. sodipodi:insensitive="true">
  393. <image
  394. sodipodi:absref="C:\Users\valued-customer\Desktop\VS_CODE\Qwixx\frontend\example\palette\light-bg.svg"
  395. xlink:href="palette/light-bg.svg"
  396. y="0"
  397. x="0"
  398. preserveAspectRatio="none"
  399. inkscape:svg-dpi="96"
  400. width="508"
  401. height="285.75"
  402. id="image1679"
  403. mask="none"
  404. clip-path="url(#clipPath934)" />
  405. </g>
  406. <g
  407. inkscape:groupmode="layer"
  408. id="layer3"
  409. inkscape:label="color-mask"
  410. style="display:none"
  411. sodipodi:insensitive="true">
  412. <g
  413. id="g905"
  414. inkscape:label="Clip"
  415. clip-path="url(#clipPath2431)"
  416. transform="translate(-111.18413,17.639789)">
  417. <image
  418. sodipodi:absref="C:\Users\valued-customer\Desktop\VS_CODE\Qwixx\frontend\example\palette\color0.svg"
  419. xlink:href="palette/color0.svg"
  420. y="-17.63979"
  421. x="111.18413"
  422. preserveAspectRatio="none"
  423. inkscape:svg-dpi="96"
  424. width="508"
  425. height="285.75"
  426. id="image865" />
  427. </g>
  428. <g
  429. id="g959"
  430. clip-path="url(#clipPath961)">
  431. <g
  432. inkscape:label="Clip"
  433. id="g957" />
  434. </g>
  435. <g
  436. id="g1325" />
  437. </g>
  438. <g
  439. sodipodi:insensitive="true"
  440. inkscape:groupmode="layer"
  441. id="layer10"
  442. inkscape:label="glyph"
  443. style="display:inline">
  444. <text
  445. xml:space="preserve"
  446. id="text4783"
  447. style="font-style:normal;font-weight:normal;font-size:50.8px;font-family:sans-serif;white-space:pre;shape-inside:url(#rect4785);fill:#000000;fill-opacity:1;stroke:none;"><tspan
  448. style="visibility:hidden"
  449. x="13.898438"
  450. y="111.7625"><tspan
  451. style="font-size:50.8px">#</tspan></tspan></text>
  452. <g
  453. aria-label="#"
  454. transform="matrix(3.0694237,0,0,2.9253487,311.6611,88.049961)"
  455. id="text4795"
  456. style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:38.1px;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;white-space:pre;shape-inside:url(#rect4797);fill:#000000;fill-opacity:1;stroke:none">
  457. <path
  458. d="m -81.74087,-16.095167 h -5.413623 l -1.562695,6.2135743 h 5.45083 z m -2.790527,-10.5854 -1.934766,7.720459 h 5.432227 l 1.953369,-7.720459 h 2.976562 l -1.916162,7.720459 h 5.804297 v 2.864941 h -6.529834 l -1.525488,6.2135743 h 5.915917 v 2.8463378 h -6.641454 l -1.934766,7.70185511 h -2.976562 l 1.916162,-7.70185511 h -5.45083 l -1.916162,7.70185511 h -2.995166 l 1.934766,-7.70185511 h -5.860108 v -2.8463378 h 6.548438 l 1.562695,-6.2135743 h -5.990332 v -2.864941 h 6.715869 l 1.897558,-7.720459 z"
  459. style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:38.1px;font-family:sans-serif;-inkscape-font-specification:sans-serif"
  460. id="path1057" />
  461. </g>
  462. </g>
  463. <g
  464. sodipodi:insensitive="true"
  465. inkscape:groupmode="layer"
  466. id="layer6"
  467. inkscape:label="hoverable"
  468. style="display:inline">
  469. <g
  470. sodipodi:insensitive="true"
  471. inkscape:groupmode="layer"
  472. id="layer1"
  473. inkscape:label="onHover"
  474. style="display:inline">
  475. <path
  476. onmouseout="this.style.fillOpacity=&quot;.01&quot;;"
  477. onmouseover="this.style.fillOpacity=&quot;1&quot;;"
  478. style="display:inline;fill:url(#radialGradient4767);fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.264583;stroke-opacity:1"
  479. id="rect2441"
  480. width="400"
  481. x="-149.86771"
  482. y="-149.86771"
  483. sodipodi:type="rect"
  484. mask="none"
  485. height="400"
  486. d="m -149.86771,-149.86771 h 400 v 400 h -400 z"
  487. clip-path="url(#clipPath4719)" />
  488. </g>
  489. <g
  490. sodipodi:insensitive="true"
  491. style="display:none"
  492. inkscape:groupmode="layer"
  493. id="layer2"
  494. inkscape:label="event">
  495. <rect
  496. style="display:inline;opacity:0.01;fill:#0000ff;stroke:none;stroke-width:4.31193"
  497. id="rect230"
  498. width="100"
  499. height="100"
  500. x="0"
  501. y="0"
  502. onmouseover="console.log(document);"
  503. onmouseout="document.getElementById(&quot;layer1&quot;).style.display = &quot;none&quot;;" />
  504. </g>
  505. </g>
  506. <g
  507. inkscape:groupmode="layer"
  508. id="layer7"
  509. inkscape:label="selected"
  510. style="display:none"
  511. sodipodi:insensitive="true">
  512. <path
  513. style="display:inline;opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.100642;stroke-opacity:1"
  514. id="rect4725"
  515. width="99.899361"
  516. height="99.899361"
  517. x="0.050320607"
  518. y="0.050320607"
  519. clip-path="url(#clipPath4732)"
  520. inkscape:path-effect="#path-effect4736"
  521. d="M 0.05032061,0.05032061 H 99.949681 V 99.949681 H 0.05032061 Z"
  522. sodipodi:type="rect" />
  523. </g>
  524. <g
  525. inkscape:groupmode="layer"
  526. id="layer8"
  527. inkscape:label="non-selectable"
  528. style="display:none"
  529. sodipodi:insensitive="true">
  530. <rect
  531. style="opacity:1;fill:url(#radialGradient4757);fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.528467;stroke-opacity:1"
  532. id="rect4741"
  533. width="399.47153"
  534. height="399.47153"
  535. x="-149.73576"
  536. y="-149.73576"
  537. clip-path="url(#clipPath4761)" />
  538. </g>
  539. <g
  540. inkscape:groupmode="layer"
  541. id="layer9"
  542. inkscape:label="previously-selected"
  543. style="display:none"
  544. sodipodi:insensitive="true">
  545. <rect
  546. style="opacity:1;fill:#000000;fill-opacity:0.75;fill-rule:nonzero;stroke:#000000;stroke-width:0.264583;stroke-opacity:1"
  547. id="rect4774"
  548. width="182.2778"
  549. height="176.93243"
  550. x="-36.883194"
  551. y="-25.657873"
  552. clip-path="url(#clipPath4778)" />
  553. </g>
  554. </svg>