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