hamcha/tghandbook
Archived
1
0
Fork 1
Code Issues 7 Pull requests Releases Wiki Activity

Compare commits

base: hamcha:a302b8a930ee8f39a662d113e59e9239f925f4bf
Branches Tags
hamcha:master
hamcha:ci-fuckery
hamcha:welcome-page
hamcha:dev
..
compare: hamcha:bb7abd544a19369d4b6b7e3dde3eb3cc34c023d4
Branches Tags
hamcha:master
hamcha:ci-fuckery
hamcha:welcome-page
hamcha:dev

No commits in common. "a302b8a930ee8f39a662d113e59e9239f925f4bf" and "bb7abd544a19369d4b6b7e3dde3eb3cc34c023d4" have entirely different histories.
a302b8a930 ... bb7abd544a

22 changed files with 90 additions and 531 deletions
Show stats Expand all files Collapse all files

19
assets/images/tab-icons/chemistry.svg
View file

@ -1,22 +1,7 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;"> <svg width="100%" height="100%" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g id="chemistry" transform="matrix(0.985093,0,0,0.985093,0.239557,0.23851)"> <g transform="matrix(0.985093,0,0,0.985093,0.239557,0.23851)">
<path d="M12.011,14.392L12.011,3.941C12.011,3.55 12.166,3.174 12.443,2.897C12.72,2.62 13.095,2.465 13.487,2.465L18.654,2.465C19.045,2.465 19.421,2.62 19.698,2.897C19.974,3.174 20.13,3.55 20.13,3.941L20.13,14.392L25.938,24.999C26.458,25.948 26.439,27.101 25.887,28.033C25.335,28.964 24.333,29.535 23.251,29.535L8.89,29.535C7.808,29.535 6.805,28.964 6.254,28.033C5.702,27.101 5.682,25.948 6.202,24.999L12.011,14.392ZM18.13,4.465L14.011,4.465L14.011,14.648C14.011,14.816 13.968,14.981 13.888,15.128C13.888,15.128 10.195,21.871 7.956,25.959C7.776,26.289 7.783,26.69 7.974,27.013C8.166,27.337 8.514,27.535 8.89,27.535L23.251,27.535C23.627,27.535 23.975,27.337 24.166,27.013C24.358,26.69 24.365,26.289 24.184,25.959C21.945,21.871 18.253,15.128 18.253,15.128C18.172,14.981 18.13,14.816 18.13,14.648L18.13,4.465ZM15.486,18.07L19.028,18.07C19.028,18.07 21.911,23.671 23.014,25.813C23.103,25.987 23.096,26.195 22.994,26.363C22.892,26.53 22.71,26.632 22.514,26.632L9.627,26.632C9.431,26.632 9.249,26.53 9.147,26.363C9.045,26.195 9.037,25.987 9.127,25.813C10.229,23.671 13.113,18.07 13.113,18.07L14.362,18.07L11.208,24.214C11.082,24.46 11.179,24.761 11.424,24.887C11.67,25.013 11.971,24.916 12.097,24.671L15.486,18.07Z" style="fill:white;"/> <path d="M12.011,14.392L12.011,3.941C12.011,3.55 12.166,3.174 12.443,2.897C12.72,2.62 13.095,2.465 13.487,2.465L18.654,2.465C19.045,2.465 19.421,2.62 19.698,2.897C19.974,3.174 20.13,3.55 20.13,3.941L20.13,14.392L25.938,24.999C26.458,25.948 26.439,27.101 25.887,28.033C25.335,28.964 24.333,29.535 23.251,29.535L8.89,29.535C7.808,29.535 6.805,28.964 6.254,28.033C5.702,27.101 5.682,25.948 6.202,24.999L12.011,14.392ZM18.13,4.465L14.011,4.465L14.011,14.648C14.011,14.816 13.968,14.981 13.888,15.128C13.888,15.128 10.195,21.871 7.956,25.959C7.776,26.289 7.783,26.69 7.974,27.013C8.166,27.337 8.514,27.535 8.89,27.535L23.251,27.535C23.627,27.535 23.975,27.337 24.166,27.013C24.358,26.69 24.365,26.289 24.184,25.959C21.945,21.871 18.253,15.128 18.253,15.128C18.172,14.981 18.13,14.816 18.13,14.648L18.13,4.465ZM15.486,18.07L19.028,18.07C19.028,18.07 21.911,23.671 23.014,25.813C23.103,25.987 23.096,26.195 22.994,26.363C22.892,26.53 22.71,26.632 22.514,26.632L9.627,26.632C9.431,26.632 9.249,26.53 9.147,26.363C9.045,26.195 9.037,25.987 9.127,25.813C10.229,23.671 13.113,18.07 13.113,18.07L14.362,18.07L11.208,24.214C11.082,24.46 11.179,24.761 11.424,24.887C11.67,25.013 11.971,24.916 12.097,24.671L15.486,18.07Z" style="fill:white;"/>
</g> </g>
<g transform="matrix(0.610465,0.610465,-0.577946,0.577946,27.6,-22.8943)">
<g id="unknown">
<path d="M59.485,10.232C59.485,7.049 57.039,4.465 54.025,4.465L43.105,4.465C40.091,4.465 37.644,7.049 37.644,10.232L37.644,21.768C37.644,24.951 40.091,27.535 43.105,27.535L54.025,27.535C57.039,27.535 59.485,24.951 59.485,21.768L59.485,10.232Z" style="fill:none;stroke:white;stroke-width:2.97px;"/>
</g>
</g>
<g id="plumbing">
</g>
<g id="genetics">
</g>
<g id="surgery">
</g>
<g id="trauma">
</g>
<g id="wound">
</g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

28
assets/images/tab-icons/construction.svg
View file

@ -1,28 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(1,0,0,1,-160,-32)">
<g id="unknown">
</g>
<g id="plumbing">
</g>
<g id="genetics">
</g>
<g id="surgery">
</g>
<g transform="matrix(1.066,1.30071e-32,0,1.05526,-9.51961,-1.33485)">
<g id="trauma">
<path d="M143.062,8.827C143.062,8.827 143.199,12.305 143.199,15.785C143.199,19.265 143.062,22.743 143.062,22.743C143.062,23.266 143.482,23.691 144,23.691C144.518,23.691 144.938,23.266 144.938,22.743C144.938,22.743 144.801,19.265 144.801,15.785C144.801,12.305 144.938,8.827 144.938,8.827C144.938,8.304 144.518,7.879 144,7.879C143.482,7.879 143.062,8.304 143.062,8.827Z" style="fill:white;"/>
</g>
</g>
<g id="wound">
</g>
<g id="construction" transform="matrix(1.14774,0,0,1.14774,-23.9174,-4.93723)">
<path d="M179.793,55.985L170.357,44.785C169.646,45.136 168.846,45.333 168,45.333C165.056,45.333 162.667,42.944 162.667,40C162.667,39.719 162.689,39.442 162.731,39.173L162.739,39.122C162.76,39.006 162.796,38.867 162.895,38.717C162.913,38.688 162.944,38.67 162.978,38.668C163,38.667 163.022,38.672 163.04,38.683L166.564,42.207C166.802,42.445 167.149,42.537 167.474,42.45C167.992,42.312 168.778,42.101 169.296,41.962C169.621,41.875 169.875,41.621 169.962,41.296C170.101,40.778 170.312,39.992 170.45,39.474C170.537,39.149 170.445,38.802 170.207,38.564L166.681,35.038C166.671,35.021 166.666,35 166.668,34.979C166.67,34.945 166.688,34.914 166.717,34.895C166.866,34.796 167.006,34.76 167.122,34.739L167.172,34.731C167.442,34.689 167.718,34.667 168,34.667C170.944,34.667 173.333,37.056 173.333,40C173.333,40.847 173.136,41.648 172.784,42.359L183.984,51.794C184.17,51.912 184.346,52.052 184.508,52.214C185.693,53.399 185.693,55.324 184.508,56.509C183.323,57.695 181.398,57.695 180.212,56.509C180.05,56.347 179.91,56.172 179.793,55.985ZM181.097,53.099C181.794,52.402 182.926,52.402 183.623,53.099C184.32,53.796 184.32,54.927 183.623,55.624C182.926,56.321 181.794,56.321 181.097,55.624C180.4,54.927 180.4,53.796 181.097,53.099ZM179.861,53.234C179.861,53.234 171.858,44.018 171.661,44.184C171.464,44.349 171.438,44.643 171.603,44.84L179.147,53.833C179.312,54.03 179.606,54.056 179.803,53.89C180,53.725 180.026,53.431 179.861,53.234ZM163.115,39.761C163.156,39.639 163.691,40.702 163.879,41.184C164.255,42.149 164.995,43.367 166.305,43.945C167.18,44.33 168.306,44.425 169.74,43.983C169.863,43.945 169.993,44.014 170.031,44.137C170.069,44.26 170,44.39 169.877,44.428C168.307,44.912 167.075,44.793 166.118,44.371C164.68,43.737 163.857,42.412 163.444,41.353C163.238,40.822 163.134,40.359 163.104,40.086C163.086,39.926 163.098,39.813 163.115,39.761Z" style="fill:white;"/>
</g>
<g transform="matrix(0.86944,-0.501971,0.501971,0.86944,2.68937,111.272)">
<path d="M217.42,38.133C217.567,37.951 217.574,37.692 217.435,37.504C217.296,37.315 217.047,37.244 216.83,37.331C212.908,38.897 203.835,42.519 200.92,43.683C200.742,43.754 200.618,43.918 200.599,44.109C200.58,44.3 200.669,44.486 200.83,44.591C202.398,45.613 205.758,47.804 207.079,48.665C207.211,48.751 207.296,48.893 207.31,49.051C207.324,49.208 207.264,49.363 207.149,49.471C205.772,50.761 201.74,54.538 199.293,56.831C199.113,56.999 199.078,57.272 199.21,57.48C199.342,57.689 199.603,57.774 199.833,57.684C204.35,55.908 213.688,52.238 216.715,51.048C216.897,50.977 217.023,50.808 217.039,50.613C217.055,50.417 216.96,50.23 216.792,50.129C215.301,49.233 212.355,47.46 211.174,46.75C211.046,46.673 210.958,46.544 210.933,46.398C210.907,46.251 210.946,46.1 211.04,45.985C212.165,44.6 215.562,40.419 217.42,38.133Z" style="fill:white;"/>
</g>
<path d="M212.561,37.261C216.736,39.037 219.667,43.179 219.667,48C219.667,54.163 214.877,59.217 208.819,59.635L210.66,57.287C214.705,56.137 217.667,52.412 217.667,48C217.667,44.184 215.45,40.881 212.232,39.32L212.561,37.261ZM206.452,36.439L204.407,39.032C200.848,40.453 198.333,43.935 198.333,48C198.333,51.774 200.501,55.046 203.663,56.629L203.073,58.574C199.093,56.718 196.333,52.679 196.333,48C196.333,42.086 200.744,37.193 206.452,36.439ZM206.478,57.535L206.909,57.601L206.181,58.515L206.478,57.535ZM209.347,38.438L208.988,38.383L208.487,38.358L209.583,36.968L209.347,38.438Z" style="fill:white;"/>
</g>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 4.6 KiB

39
assets/images/tab-icons/genetics.svg
View file

@ -1,39 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;">
<g transform="matrix(1,0,0,1,-64,-32)">
<g id="unknown">
</g>
<g id="plumbing">
</g>
<g id="genetics">
<g transform="matrix(1.15165,0,0,1,-11.9066,-3.97904e-13)">
<path d="M79.621,40.175C84.352,37.459 84.727,36.215 84.723,35.765L84.719,35.718L84.721,35.74L84.72,35.721C84.691,35.204 85.067,34.743 85.589,34.675C86.136,34.604 86.639,34.991 86.71,35.538C86.71,35.538 87.285,37.766 81.56,41.341C86.315,44.414 86.724,47.065 86.724,47.875L86.735,47.921C86.735,47.921 87.308,50.999 81.611,54.691C87.281,58.248 86.71,60.462 86.71,60.462C86.639,61.009 86.136,61.396 85.589,61.325C85.042,61.254 84.655,60.752 84.719,60.282C84.719,60.282 84.722,60.266 84.723,60.235C84.727,59.787 84.355,58.549 79.667,55.852C74.978,58.549 74.606,59.787 74.611,60.235L74.614,60.282L74.612,60.26L74.614,60.279C74.643,60.796 74.267,61.257 73.744,61.325C73.197,61.396 72.695,61.009 72.624,60.462C72.624,60.462 71.961,57.893 79.147,53.844L79.147,53.844C84.026,51.11 84.683,48.905 84.742,48.257C84.713,48.156 84.705,48.052 84.719,47.949C84.719,47.949 84.722,47.933 84.723,47.902C84.727,47.437 84.326,45.122 79.122,42.206L79.127,42.197C72.187,38.225 72.835,35.712 72.835,35.712C72.906,35.165 73.408,34.778 73.956,34.849C74.503,34.92 74.89,35.422 74.826,35.892C74.826,35.892 74.823,35.908 74.822,35.939C74.818,36.379 75.176,37.579 79.621,40.175ZM76.651,42.117L76.793,42.199L76.789,42.206C77.429,42.565 77.997,42.915 78.5,43.253C75.044,45.577 74.633,47.361 74.613,47.852C74.623,47.918 74.623,47.985 74.614,48.051C74.614,48.051 74.611,48.067 74.611,48.098C74.607,48.508 74.918,50.357 78.563,52.787C78.084,53.114 77.544,53.451 76.935,53.794L76.9,53.794L76.693,53.914C72.711,50.986 72.579,48.572 72.612,48C72.579,47.43 72.71,45.031 76.651,42.117Z" style="fill:white;"/>
</g>
<g transform="matrix(0.700741,0,0,1,23.955,0)">
<path d="M83.785,48L76.31,48" style="fill:none;stroke:white;stroke-width:2.32px;"/>
</g>
<g transform="matrix(0.569231,0,0,1,34.4027,0)">
<path d="M78.869,37.333L81.337,37.333" style="fill:none;stroke:white;stroke-width:2.46px;"/>
</g>
<g transform="matrix(0.569231,0,0,1,34.4027,13.3333)">
<path d="M78.869,37.333L81.337,37.333" style="fill:none;stroke:white;stroke-width:1.84px;"/>
</g>
<g transform="matrix(0.569231,0,0,1,34.4027,21.3333)">
<path d="M78.869,37.333L81.337,37.333" style="fill:none;stroke:white;stroke-width:2.46px;"/>
</g>
<g transform="matrix(0.569231,0,0,1,34.4027,8)">
<path d="M78.869,37.333L81.337,37.333" style="fill:none;stroke:white;stroke-width:1.84px;"/>
</g>
</g>
<g transform="matrix(0.959088,-0.283109,0.283109,0.959088,-11.8658,30.5845)">
<g id="surgery">
<path d="M109.198,52.73L110.616,54.147C110.665,54.197 110.692,54.264 110.691,54.334C110.689,54.404 110.66,54.47 110.609,54.518C109.636,55.473 109.734,57.059 109.893,57.377L109.893,57.377C107.851,59.537 103.147,61.913 99.149,61.086C99.052,61.063 98.975,60.989 98.948,60.893C98.921,60.797 98.948,60.694 99.019,60.624C100.301,59.354 106.993,52.719 107.974,51.746C108.041,51.68 108.148,51.68 108.215,51.746L108.609,52.141L100.493,60.261C100.493,60.261 101.85,60.079 102.046,59.884L109.198,52.73ZM111.42,50.507L113.681,52.768C113.789,52.876 113.85,53.023 113.85,53.175C113.85,53.328 113.789,53.474 113.681,53.582C113.366,53.897 112.932,54.332 112.617,54.647C112.509,54.755 112.362,54.816 112.21,54.816C112.057,54.816 111.911,54.755 111.803,54.647L109.541,52.386L111.42,50.507ZM120.984,40.94L124.165,41.931C124.358,41.991 124.505,42.147 124.553,42.343C124.601,42.539 124.543,42.746 124.4,42.888C122.573,44.709 117.501,49.765 114.908,52.356C114.683,52.581 114.318,52.581 114.094,52.356L111.832,50.095L120.984,40.94ZM108.953,51.798L108.845,51.69C108.738,51.582 108.677,51.436 108.677,51.283C108.677,51.13 108.738,50.984 108.845,50.876C109.161,50.561 109.595,50.126 109.91,49.811C110.018,49.703 110.165,49.643 110.317,49.643C110.47,49.643 110.616,49.703 110.724,49.811L110.832,49.918L108.953,51.798ZM111.244,49.506L111.138,49.401C111.03,49.292 110.969,49.145 110.969,48.992C110.97,48.839 111.031,48.693 111.14,48.585C112.655,47.082 117.91,41.869 119.111,40.677C119.263,40.527 119.485,40.473 119.688,40.536L120.087,40.66L111.244,49.506Z" style="fill:white;"/>
</g>
</g>
<g id="trauma">
</g>
<g id="wound">
</g>
</g>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 4.9 KiB

25
assets/images/tab-icons/ghetto.svg
View file

@ -1,25 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(1,0,0,1,-160,0)">
<g id="unknown">
</g>
<g id="plumbing">
</g>
<g id="genetics">
</g>
<g id="surgery">
</g>
<g transform="matrix(1.066,1.30071e-32,0,1.05526,-9.51961,-1.33485)">
<g id="trauma">
<path d="M143.062,8.827C143.062,8.827 143.199,12.305 143.199,15.785C143.199,19.265 143.062,22.743 143.062,22.743C143.062,23.266 143.482,23.691 144,23.691C144.518,23.691 144.938,23.266 144.938,22.743C144.938,22.743 144.801,19.265 144.801,15.785C144.801,12.305 144.938,8.827 144.938,8.827C144.938,8.304 144.518,7.879 144,7.879C143.482,7.879 143.062,8.304 143.062,8.827Z" style="fill:white;"/>
</g>
</g>
<g id="wound">
</g>
<g id="ghetto" transform="matrix(1.45196,0,0,1.39449,-78.3033,-6.18048)">
<path d="M170.468,13.587C169.14,11.323 168.038,9.673 168.038,9.673C167.486,8.545 167.922,7.165 169.011,6.592C170.1,6.02 171.432,6.472 171.984,7.6C171.984,7.6 172.684,9.69 173.745,12.315C173.853,12.581 173.963,12.853 174.078,13.128C174.427,13.111 174.784,13.104 175.145,13.104C179.944,13.104 183.832,14.478 183.841,16.171C183.843,16.633 183.782,17.068 183.661,17.474C183.191,20.911 180.39,25.512 175.193,25.467C169.485,25.418 166.56,20.269 166.455,16.382L166.45,16.19C166.448,16.136 166.448,16.08 166.459,16.046C166.588,15.013 168.153,14.111 170.468,13.587ZM171.017,14.531C169.451,14.957 168.45,15.613 168.525,16.333C168.706,18.066 171.92,19.459 175.145,19.523C177.71,19.574 181.927,18.31 181.872,16.333C181.837,15.06 178.882,14.024 175.199,14.024C174.951,14.024 174.705,14.029 174.464,14.039C174.657,14.484 174.862,14.932 175.079,15.375C175.224,15.669 175.374,15.959 175.527,16.245C177.111,15.849 180.437,15.972 180.783,16.102C180.952,16.165 181.292,16.283 180.408,16.972C178.327,18.595 173.225,18.781 170.849,17.475C169.898,16.953 169.035,16.313 169.376,15.906C169.376,15.906 170.646,16.196 172.029,16.38C171.703,15.743 171.357,15.123 171.017,14.531ZM169.028,9.437C169.028,9.437 171.03,12.396 173.135,16.707C173.248,16.939 174.098,17.113 173.991,16.886C171.733,12.123 169.475,8.787 169.475,8.787C169.335,8.58 169.059,8.53 168.859,8.675C168.659,8.82 168.888,9.23 169.028,9.437Z" style="fill:white;"/>
</g>
<path d="M212.561,37.261C216.736,39.037 219.667,43.179 219.667,48C219.667,54.163 214.877,59.217 208.819,59.635L210.66,57.287C214.705,56.137 217.667,52.412 217.667,48C217.667,44.184 215.45,40.881 212.232,39.32L212.561,37.261ZM206.452,36.439L204.407,39.032C200.848,40.453 198.333,43.935 198.333,48C198.333,51.774 200.501,55.046 203.663,56.629L203.073,58.574C199.093,56.718 196.333,52.679 196.333,48C196.333,42.086 200.744,37.193 206.452,36.439ZM206.478,57.535L206.909,57.601L206.181,58.515L206.478,57.535ZM209.347,38.438L208.988,38.383L208.487,38.358L209.583,36.968L209.347,38.438Z" style="fill:white;"/>
</g>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 3.3 KiB

27
assets/images/tab-icons/grenade.svg
View file

@ -1,27 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;">
<g transform="matrix(1,0,0,1,-64,0)">
<g transform="matrix(0.610465,0.610465,-0.577946,0.577946,27.6,-22.8943)">
<g id="unknown">
<path d="M59.485,10.232C59.485,7.049 57.039,4.465 54.025,4.465L43.105,4.465C40.091,4.465 37.644,7.049 37.644,10.232L37.644,21.768C37.644,24.951 40.091,27.535 43.105,27.535L54.025,27.535C57.039,27.535 59.485,24.951 59.485,21.768L59.485,10.232Z" style="fill:none;stroke:white;stroke-width:2.97px;"/>
</g>
</g>
<g id="plumbing">
</g>
<g id="grenade" transform="matrix(0.945041,0.54562,-0.54562,0.945041,15.6909,-40.4183)">
<path d="M74.283,5.151L74.283,3.83C74.283,2.889 75.046,2.126 75.987,2.126L78.724,2.126C79.665,2.126 80.429,2.889 80.429,3.83L80.429,5.151C82.141,5.404 83.457,6.881 83.457,8.663L83.457,23.574C83.457,25.534 81.866,27.125 79.906,27.125L74.804,27.125C72.844,27.125 71.253,25.534 71.253,23.574L71.253,8.663C71.253,6.881 72.57,5.403 74.283,5.151ZM73.253,15.733L73.253,23.574C73.253,24.43 73.948,25.125 74.804,25.125L75.34,25.125C75.233,24.899 75.173,24.647 75.173,24.381L75.173,15.783L73.748,15.783C73.578,15.783 73.413,15.766 73.253,15.733ZM81.457,23.369L81.457,21.73L78.593,21.73C78.141,21.73 77.774,22.097 77.774,22.549C77.774,23.002 78.141,23.369 78.593,23.369L81.457,23.369ZM79.511,10.671L73.223,10.671L73.223,13.518L79.511,13.518L79.511,10.671ZM78.229,11.475L74.513,11.475C74.06,11.475 73.872,11.654 73.872,12.106C73.872,12.559 74.033,12.698 74.486,12.698L78.202,12.698C78.654,12.698 78.868,12.538 78.868,12.086C78.868,11.634 78.681,11.475 78.229,11.475ZM75.681,7.112L74.804,7.112C74.022,7.112 73.374,7.692 73.269,8.446C73.423,8.414 73.584,8.398 73.748,8.398L75.173,8.398L75.173,8.341C75.173,7.862 75.367,7.428 75.681,7.112ZM76.283,4.126L76.283,4.943L78.429,4.943L78.429,4.126L76.283,4.126Z" style="fill:white;"/>
</g>
<g id="genetics">
</g>
<g transform="matrix(0.959088,-0.283109,0.283109,0.959088,-11.8658,30.5845)">
<g id="surgery">
<path d="M109.198,52.73L110.616,54.147C110.665,54.197 110.692,54.264 110.691,54.334C110.689,54.404 110.66,54.47 110.609,54.518C109.636,55.473 109.734,57.059 109.893,57.377L109.893,57.377C107.851,59.537 103.147,61.913 99.149,61.086C99.052,61.063 98.975,60.989 98.948,60.893C98.921,60.797 98.948,60.694 99.019,60.624C100.301,59.354 106.993,52.719 107.974,51.746C108.041,51.68 108.148,51.68 108.215,51.746L108.609,52.141L100.493,60.261C100.493,60.261 101.85,60.079 102.046,59.884L109.198,52.73ZM111.42,50.507L113.681,52.768C113.789,52.876 113.85,53.023 113.85,53.175C113.85,53.328 113.789,53.474 113.681,53.582C113.366,53.897 112.932,54.332 112.617,54.647C112.509,54.755 112.362,54.816 112.21,54.816C112.057,54.816 111.911,54.755 111.803,54.647L109.541,52.386L111.42,50.507ZM120.984,40.94L124.165,41.931C124.358,41.991 124.505,42.147 124.553,42.343C124.601,42.539 124.543,42.746 124.4,42.888C122.573,44.709 117.501,49.765 114.908,52.356C114.683,52.581 114.318,52.581 114.094,52.356L111.832,50.095L120.984,40.94ZM108.953,51.798L108.845,51.69C108.738,51.582 108.677,51.436 108.677,51.283C108.677,51.13 108.738,50.984 108.845,50.876C109.161,50.561 109.595,50.126 109.91,49.811C110.018,49.703 110.165,49.643 110.317,49.643C110.47,49.643 110.616,49.703 110.724,49.811L110.832,49.918L108.953,51.798ZM111.244,49.506L111.138,49.401C111.03,49.292 110.969,49.145 110.969,48.992C110.97,48.839 111.031,48.693 111.14,48.585C112.655,47.082 117.91,41.869 119.111,40.677C119.263,40.527 119.485,40.473 119.688,40.536L120.087,40.66L111.244,49.506Z" style="fill:white;"/>
</g>
</g>
<g id="trauma">
</g>
<g id="wound">
</g>
</g>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 4.1 KiB

17
assets/images/tab-icons/medicine.svg
View file

@ -2,23 +2,8 @@
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;"> <svg width="100%" height="100%" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;">
<g transform="matrix(1,0,0,1,0,-32)"> <g transform="matrix(1,0,0,1,0,-32)">
<g transform="matrix(0.610465,0.610465,-0.577946,0.577946,27.6,-22.8943)"> <g transform="matrix(1.19866,0,0,1.19866,-3.89177,-9.82562)">
<g id="unknown">
<path d="M59.485,10.232C59.485,7.049 57.039,4.465 54.025,4.465L43.105,4.465C40.091,4.465 37.644,7.049 37.644,10.232L37.644,21.768C37.644,24.951 40.091,27.535 43.105,27.535L54.025,27.535C57.039,27.535 59.485,24.951 59.485,21.768L59.485,10.232Z" style="fill:none;stroke:white;stroke-width:2.97px;"/>
</g>
</g>
<g id="medicine" transform="matrix(1.19866,0,0,1.19866,-3.89177,-9.82562)">
<path d="M20.099,44.738L26.446,44.738L26.446,51.746L20.099,51.746L20.099,58.093L13.091,58.093L13.091,51.746L6.744,51.746L6.744,44.738L13.091,44.738L13.091,38.391L20.099,38.391L20.099,44.738Z" style="fill:none;stroke:white;stroke-width:2.5px;"/> <path d="M20.099,44.738L26.446,44.738L26.446,51.746L20.099,51.746L20.099,58.093L13.091,58.093L13.091,51.746L6.744,51.746L6.744,44.738L13.091,44.738L13.091,38.391L20.099,38.391L20.099,44.738Z" style="fill:none;stroke:white;stroke-width:2.5px;"/>
</g> </g>
<g id="plumbing">
</g>
<g id="genetics">
</g>
<g id="surgery">
</g>
<g id="trauma">
</g>
<g id="wound">
</g>
</g> </g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 864 B

22
assets/images/tab-icons/plumbing.svg
View file

@ -1,28 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;"> <svg width="100%" height="100%" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(1,0,0,1,-32,-32)"> <g transform="matrix(1,0,0,1,-32,-32)">
<g transform="matrix(0.610465,0.610465,-0.577946,0.577946,27.6,-22.8943)">
<g id="unknown">
<path d="M59.485,10.232C59.485,7.049 57.039,4.465 54.025,4.465L43.105,4.465C40.091,4.465 37.644,7.049 37.644,10.232L37.644,21.768C37.644,24.951 40.091,27.535 43.105,27.535L54.025,27.535C57.039,27.535 59.485,24.951 59.485,21.768L59.485,10.232Z" style="fill:none;stroke:white;stroke-width:2.97px;"/>
</g>
</g>
<g id="plumbing">
<g transform="matrix(0.905401,0,0,0.905401,3.99306,4.1967)"> <g transform="matrix(0.905401,0,0,0.905401,3.99306,4.1967)">
<path d="M48.046,48.061L48,48C48,48 54.988,44.183 59.854,48C64.72,51.817 56,58.592 56,58.592C56,58.592 49.34,65.104 46.301,59.718C43.436,54.639 47.565,48.719 48.046,48.061ZM36.819,39.058L46.122,49.65C47.032,50.686 46.963,48.911 48,48C49.037,47.089 50.789,47.387 49.878,46.35L40.575,35.758C39.665,34.722 38.084,34.619 37.047,35.53C36.01,36.44 35.908,38.021 36.819,39.058Z" style="fill:none;stroke:white;stroke-width:2.21px;stroke-linecap:butt;stroke-miterlimit:2;"/> <path d="M48.046,48.061L48,48C46.963,48.911 47.032,50.686 46.122,49.65L36.819,39.058C35.908,38.021 36.01,36.44 37.047,35.53C38.084,34.619 39.665,34.722 40.575,35.758L49.878,46.35C50.789,47.387 49.037,47.089 48,48C48,48 54.988,44.183 59.854,48C64.72,51.817 56,58.592 56,58.592C56,58.592 49.34,65.104 46.301,59.718C43.436,54.639 47.565,48.719 48.046,48.061Z" style="fill:none;stroke:white;stroke-width:2.21px;"/>
</g> </g>
<path d="M36.797,37.696C36.879,37.198 37.127,36.724 37.536,36.366C38.474,35.541 39.906,35.634 40.73,36.572L49.153,46.162C49.977,47.101 48.391,46.832 47.452,47.656C46.514,48.48 46.576,50.088 45.752,49.15L37.329,39.56C36.899,39.071 36.719,38.448 36.779,37.848C36.78,37.962 36.822,38.075 36.904,38.166L46.084,48.447C46.268,48.653 46.584,48.671 46.79,48.487C46.996,48.303 47.014,47.987 46.83,47.781L37.649,37.5C37.466,37.294 37.149,37.276 36.944,37.46C36.87,37.526 36.821,37.608 36.797,37.696Z" style="fill:white;"/>
<g transform="matrix(0.905401,0,0,0.905401,3.13106,3.32535)"> <g transform="matrix(0.905401,0,0,0.905401,3.13106,3.32535)">
<path d="M50.116,61.604C50.116,61.604 50.632,51.968 60.976,51.393C61.618,51.358 62.111,50.807 62.075,50.165C62.039,49.523 61.489,49.031 60.847,49.066C48.34,49.761 47.788,61.488 47.788,61.488C47.756,62.13 48.251,62.678 48.894,62.71C49.536,62.742 50.084,62.247 50.116,61.604Z" style="fill:none;stroke:white;stroke-width:1.1px;stroke-linecap:butt;stroke-miterlimit:2;"/> <path d="M50.116,61.604C50.116,61.604 50.632,51.968 60.976,51.393C61.618,51.358 62.111,50.807 62.075,50.165C62.039,49.523 61.489,49.031 60.847,49.066C48.34,49.761 47.788,61.488 47.788,61.488C47.756,62.13 48.251,62.678 48.894,62.71C49.536,62.742 50.084,62.247 50.116,61.604Z" style="fill:none;stroke:white;stroke-width:1.1px;"/>
</g>
</g>
<g id="genetics">
</g>
<g id="surgery">
</g>
<g id="trauma">
</g>
<g id="wound">
</g> </g>
</g> </g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

25
assets/images/tab-icons/power.svg
View file

@ -1,25 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(1,0,0,1,-192,-32)">
<g id="unknown">
</g>
<g id="plumbing">
</g>
<g id="genetics">
</g>
<g id="surgery">
</g>
<g id="trauma">
</g>
<g id="wound">
</g>
<g id="construction" transform="matrix(1.14774,0,0,1.14774,-23.9174,-4.93723)">
<path d="M179.793,55.985L170.357,44.785C169.646,45.136 168.846,45.333 168,45.333C165.056,45.333 162.667,42.944 162.667,40C162.667,39.719 162.689,39.442 162.731,39.173L162.739,39.122C162.76,39.006 162.796,38.867 162.895,38.717C162.913,38.688 162.944,38.67 162.978,38.668C163,38.667 163.022,38.672 163.04,38.683L166.564,42.207C166.802,42.445 167.149,42.537 167.474,42.45C167.992,42.312 168.778,42.101 169.296,41.962C169.621,41.875 169.875,41.621 169.962,41.296C170.101,40.778 170.312,39.992 170.45,39.474C170.537,39.149 170.445,38.802 170.207,38.564L166.681,35.038C166.671,35.021 166.666,35 166.668,34.979C166.67,34.945 166.688,34.914 166.717,34.895C166.866,34.796 167.006,34.76 167.122,34.739L167.172,34.731C167.442,34.689 167.718,34.667 168,34.667C170.944,34.667 173.333,37.056 173.333,40C173.333,40.847 173.136,41.648 172.784,42.359L183.984,51.794C184.17,51.912 184.346,52.052 184.508,52.214C185.693,53.399 185.693,55.324 184.508,56.509C183.323,57.695 181.398,57.695 180.212,56.509C180.05,56.347 179.91,56.172 179.793,55.985ZM181.097,53.099C181.794,52.402 182.926,52.402 183.623,53.099C184.32,53.796 184.32,54.927 183.623,55.624C182.926,56.321 181.794,56.321 181.097,55.624C180.4,54.927 180.4,53.796 181.097,53.099ZM179.861,53.234C179.861,53.234 171.858,44.018 171.661,44.184C171.464,44.349 171.438,44.643 171.603,44.84L179.147,53.833C179.312,54.03 179.606,54.056 179.803,53.89C180,53.725 180.026,53.431 179.861,53.234ZM163.115,39.761C163.156,39.639 163.691,40.702 163.879,41.184C164.255,42.149 164.995,43.367 166.305,43.945C167.18,44.33 168.306,44.425 169.74,43.983C169.863,43.945 169.993,44.014 170.031,44.137C170.069,44.26 170,44.39 169.877,44.428C168.307,44.912 167.075,44.793 166.118,44.371C164.68,43.737 163.857,42.412 163.444,41.353C163.238,40.822 163.134,40.359 163.104,40.086C163.086,39.926 163.098,39.813 163.115,39.761Z" style="fill:white;"/>
</g>
<g transform="matrix(0.86944,-0.501971,0.501971,0.86944,2.68937,111.272)">
<path d="M217.42,38.133C217.567,37.951 217.574,37.692 217.435,37.504C217.296,37.315 217.047,37.244 216.83,37.331C212.908,38.897 203.835,42.519 200.92,43.683C200.742,43.754 200.618,43.918 200.599,44.109C200.58,44.3 200.669,44.486 200.83,44.591C202.398,45.613 205.758,47.804 207.079,48.665C207.211,48.751 207.296,48.893 207.31,49.051C207.324,49.208 207.264,49.363 207.149,49.471C205.772,50.761 201.74,54.538 199.293,56.831C199.113,56.999 199.078,57.272 199.21,57.48C199.342,57.689 199.603,57.774 199.833,57.684C204.35,55.908 213.688,52.238 216.715,51.048C216.897,50.977 217.023,50.808 217.039,50.613C217.055,50.417 216.96,50.23 216.792,50.129C215.301,49.233 212.355,47.46 211.174,46.75C211.046,46.673 210.958,46.544 210.933,46.398C210.907,46.251 210.946,46.1 211.04,45.985C212.165,44.6 215.562,40.419 217.42,38.133Z" style="fill:white;"/>
</g>
<path d="M212.561,37.261C216.736,39.037 219.667,43.179 219.667,48C219.667,54.163 214.877,59.217 208.819,59.635L210.66,57.287C214.705,56.137 217.667,52.412 217.667,48C217.667,44.184 215.45,40.881 212.232,39.32L212.561,37.261ZM206.452,36.439L204.407,39.032C200.848,40.453 198.333,43.935 198.333,48C198.333,51.774 200.501,55.046 203.663,56.629L203.073,58.574C199.093,56.718 196.333,52.679 196.333,48C196.333,42.086 200.744,37.193 206.452,36.439ZM206.478,57.535L206.909,57.601L206.181,58.515L206.478,57.535ZM209.347,38.438L208.988,38.383L208.487,38.358L209.583,36.968L209.347,38.438Z" style="fill:white;"/>
</g>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 4.2 KiB

28
assets/images/tab-icons/surgery.svg
View file

@ -1,28 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(1,0,0,1,-96,-32)">
<g id="unknown">
</g>
<g id="plumbing">
</g>
<g id="genetics">
</g>
<g id="surgery">
<g transform="matrix(0.959088,-0.283109,0.283109,0.959088,-11.8658,30.5845)">
<path d="M109.198,52.73L110.616,54.147C110.665,54.197 110.692,54.264 110.691,54.334C110.689,54.404 110.66,54.47 110.609,54.518C109.636,55.473 109.734,57.059 109.893,57.377L109.893,57.377C107.851,59.537 103.147,61.913 99.149,61.086C99.052,61.063 98.975,60.989 98.948,60.893C98.921,60.797 98.948,60.694 99.019,60.624C100.301,59.354 106.993,52.719 107.974,51.746C108.041,51.68 108.148,51.68 108.215,51.746L108.609,52.141L100.493,60.261C100.493,60.261 101.85,60.079 102.046,59.884L109.198,52.73ZM111.42,50.507L113.681,52.768C113.789,52.876 113.85,53.023 113.85,53.175C113.85,53.328 113.789,53.474 113.681,53.582C113.366,53.897 112.932,54.332 112.617,54.647C112.509,54.755 112.362,54.816 112.21,54.816C112.057,54.816 111.911,54.755 111.803,54.647L109.541,52.386L111.42,50.507ZM120.984,40.94L124.165,41.931C124.358,41.991 124.505,42.147 124.553,42.343C124.601,42.539 124.543,42.746 124.4,42.888C122.573,44.709 117.501,49.765 114.908,52.356C114.683,52.581 114.318,52.581 114.094,52.356L111.832,50.095L120.984,40.94ZM108.953,51.798L108.845,51.69C108.738,51.582 108.677,51.436 108.677,51.283C108.677,51.13 108.738,50.984 108.845,50.876C109.161,50.561 109.595,50.126 109.91,49.811C110.018,49.703 110.165,49.643 110.317,49.643C110.47,49.643 110.616,49.703 110.724,49.811L110.832,49.918L108.953,51.798ZM111.244,49.506L111.138,49.401C111.03,49.292 110.969,49.145 110.969,48.992C110.97,48.839 111.031,48.693 111.14,48.585C112.655,47.082 117.91,41.869 119.111,40.677C119.263,40.527 119.485,40.473 119.688,40.536L120.087,40.66L111.244,49.506Z" style="fill:white;"/>
</g>
<path d="M108.812,61.175C108.812,61.175 109.29,61.112 109.983,61.061C110.165,61.047 110.362,61.037 110.568,61.031C110.757,61.025 110.954,61.024 111.154,61.027C112.787,61.057 114.667,61.175 114.667,61.175C114.943,61.175 115.167,60.951 115.167,60.675C115.167,60.399 114.943,60.175 114.667,60.175C114.667,60.175 112.787,60.293 111.154,60.322C110.954,60.326 110.757,60.324 110.568,60.319C110.362,60.313 110.165,60.303 109.983,60.289C109.29,60.238 108.812,60.175 108.812,60.175C108.536,60.175 108.312,60.399 108.312,60.675C108.312,60.951 108.536,61.175 108.812,61.175Z" style="fill:white;"/>
<g transform="matrix(1,0,0,1,8.26067,0)">
<path d="M108.812,61.175C108.812,61.175 109.29,61.112 109.983,61.061C110.165,61.047 110.362,61.037 110.568,61.031C110.757,61.025 110.954,61.024 111.154,61.027C112.787,61.057 114.667,61.175 114.667,61.175C114.943,61.175 115.167,60.951 115.167,60.675C115.167,60.399 114.943,60.175 114.667,60.175C114.667,60.175 112.787,60.293 111.154,60.322C110.954,60.326 110.757,60.324 110.568,60.319C110.362,60.313 110.165,60.303 109.983,60.289C109.29,60.238 108.812,60.175 108.812,60.175C108.536,60.175 108.312,60.399 108.312,60.675C108.312,60.951 108.536,61.175 108.812,61.175Z" style="fill:white;"/>
</g>
</g>
<g transform="matrix(1.066,1.30071e-32,0,1.05526,-9.51961,-1.33485)">
<g id="trauma">
<path d="M143.062,8.827C143.062,8.827 143.199,12.305 143.199,15.785C143.199,19.265 143.062,22.743 143.062,22.743C143.062,23.266 143.482,23.691 144,23.691C144.518,23.691 144.938,23.266 144.938,22.743C144.938,22.743 144.801,19.265 144.801,15.785C144.801,12.305 144.938,8.827 144.938,8.827C144.938,8.304 144.518,7.879 144,7.879C143.482,7.879 143.062,8.304 143.062,8.827Z" style="fill:white;"/>
</g>
</g>
<g id="wound">
</g>
</g>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 4.1 KiB

30
assets/images/tab-icons/trauma.svg
View file

@ -1,30 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(1,0,0,1,-128,0)">
<g id="unknown">
</g>
<g id="plumbing">
</g>
<g id="genetics">
</g>
<g id="surgery">
</g>
<g id="trauma" transform="matrix(1.22679,0,0,1.30023,-32.7878,-4.80367)">
<g transform="matrix(0.963628,2.59017e-17,-0.0175747,0.866596,5.51734,2.91742)">
<path d="M138.787,4.806C139.152,4.435 139.592,4.129 140.086,3.906C140.608,3.671 141.192,3.532 141.81,3.515C142.245,3.502 142.667,3.552 143.065,3.654C143.332,3.722 143.589,3.814 143.833,3.927C144.041,3.831 144.259,3.751 144.486,3.688C144.85,3.588 145.233,3.53 145.631,3.524C146.204,3.517 146.751,3.612 147.251,3.795C147.722,3.968 148.151,4.213 148.522,4.519C149.635,4.75 150.62,5.338 151.348,6.161C152.143,7.062 152.637,8.237 152.657,9.531C152.663,9.882 152.635,10.226 152.575,10.558C152.554,10.672 152.53,10.784 152.502,10.895C153.223,11.397 153.837,12.045 154.297,12.798C154.866,13.731 155.206,14.822 155.226,15.992C155.248,17.085 154.992,18.118 154.522,19.025C154.115,19.811 153.547,20.502 152.86,21.05L152.868,21.152C152.901,22.582 152.346,23.889 151.42,24.839C150.533,25.749 149.306,26.329 147.937,26.364C147.111,26.386 146.325,26.205 145.627,25.87C145.149,25.641 144.712,25.339 144.33,24.977C143.97,25.356 143.552,25.679 143.09,25.932C142.41,26.305 141.633,26.526 140.804,26.548C139.422,26.587 138.154,26.063 137.211,25.192C136.223,24.278 135.594,22.979 135.554,21.528L135.555,21.465C134.844,20.945 134.245,20.278 133.801,19.509C133.285,18.617 132.98,17.587 132.949,16.485C132.916,15.303 133.208,14.187 133.741,13.22C134.164,12.454 134.742,11.783 135.434,11.251C135.403,11.148 135.376,11.044 135.351,10.938C135.275,10.606 135.231,10.261 135.221,9.908C135.186,8.675 135.581,7.53 136.269,6.614C136.896,5.78 137.771,5.14 138.787,4.806ZM143.428,5.684C143.694,5.846 144.02,5.848 144.281,5.688C144.488,5.559 144.714,5.454 144.956,5.382C145.192,5.311 145.441,5.268 145.7,5.259C146.072,5.246 146.429,5.299 146.756,5.411C147.098,5.529 147.409,5.707 147.667,5.937C147.786,6.045 147.932,6.115 148.086,6.138C148.926,6.257 149.679,6.663 150.228,7.265C150.778,7.868 151.129,8.661 151.157,9.54C151.164,9.781 151.148,10.017 151.109,10.246C151.07,10.481 151.007,10.709 150.924,10.927C150.778,11.3 150.933,11.733 151.279,11.921C152.018,12.316 152.645,12.897 153.09,13.606C153.527,14.302 153.792,15.12 153.818,16.001C153.841,16.833 153.653,17.622 153.299,18.316C152.938,19.025 152.406,19.635 151.759,20.091C151.545,20.241 151.432,20.507 151.468,20.777L151.498,21.16C151.523,22.186 151.12,23.123 150.455,23.804C149.8,24.475 148.89,24.898 147.88,24.92C147.273,24.933 146.698,24.8 146.187,24.551C145.654,24.292 145.192,23.907 144.842,23.434C144.705,23.249 144.494,23.142 144.273,23.145C144.053,23.147 143.848,23.259 143.721,23.446C143.39,23.932 142.944,24.334 142.422,24.616C141.922,24.885 141.352,25.042 140.745,25.054C139.749,25.074 138.837,24.695 138.163,24.062C137.484,23.424 137.051,22.524 137.031,21.519L137.044,21.141C137.069,20.842 136.927,20.551 136.679,20.395C136.021,19.975 135.472,19.398 135.084,18.717C134.708,18.054 134.488,17.291 134.471,16.476C134.454,15.599 134.679,14.773 135.081,14.061C135.49,13.336 136.084,12.729 136.798,12.302C137.147,12.091 137.28,11.633 137.107,11.245C137.014,11.036 136.942,10.816 136.892,10.587C136.843,10.365 136.816,10.134 136.812,9.898C136.796,9.067 137.073,8.299 137.542,7.687C138.014,7.071 138.684,6.615 139.456,6.407C139.604,6.366 139.737,6.283 139.841,6.166C140.088,5.889 140.402,5.666 140.757,5.51C141.098,5.361 141.478,5.276 141.88,5.269C142.161,5.263 142.433,5.298 142.69,5.366C142.956,5.436 143.204,5.545 143.428,5.684Z" style="fill:white;"/>
</g>
<g transform="matrix(0.86894,1.00037e-32,0,0.811596,18.9668,2.66785)">
<path d="M143.062,8.827C143.062,8.827 143.199,12.305 143.199,15.785C143.199,19.265 143.062,22.743 143.062,22.743C143.062,23.266 143.482,23.691 144,23.691C144.518,23.691 144.938,23.266 144.938,22.743C144.938,22.743 144.801,19.265 144.801,15.785C144.801,12.305 144.938,8.827 144.938,8.827C144.938,8.304 144.518,7.879 144,7.879C143.482,7.879 143.062,8.304 143.062,8.827Z" style="fill:white;"/>
</g>
<g transform="matrix(0.764324,0,0,0.781873,33.4734,3.59226)">
<path d="M140.531,10.806L140,7.982C140.011,7.303 140.617,6.761 141.353,6.771C142.089,6.78 142.677,7.339 142.666,8.018L141.831,12.017C141.763,12.372 141.638,12.546 141.478,12.601C141.318,12.655 141.109,12.731 140.882,12.582C140.757,12.501 140.635,12.313 140.405,12.129C140.368,12.099 140.323,12.087 140.277,12.063L140.166,12.009C140.233,12.233 140.287,12.432 140.321,12.581C140.412,12.979 140.369,13.262 140.317,13.377C140.145,13.757 139.874,13.953 139.531,13.992C139.124,14.036 138.607,14.027 138.191,13.983C138.122,13.976 138.051,13.882 138.051,13.882C138.051,13.882 138.003,13.744 138.059,13.703C138.077,13.69 138.003,13.673 138.018,13.653C137.936,13.774 137.814,13.866 137.785,14.02C137.703,14.453 137.929,14.9 137.986,15.285C138.027,15.57 138.009,15.808 137.989,15.998C137.953,16.33 137.721,16.507 137.552,16.658C137.343,16.846 136.932,16.911 136.638,16.934C136.638,16.938 136.628,16.938 136.613,16.938L136.615,16.936L136.638,16.934C136.639,16.932 136.637,16.929 136.632,16.926C136.626,16.922 136.62,16.928 136.615,16.936L136.607,16.936L136.58,16.938L136.598,16.938L136.613,16.938L136.604,16.95C136.576,16.977 136.508,16.941 136.494,16.974C136.468,17.038 136.41,17.092 136.402,17.174C136.384,17.363 136.372,17.573 136.384,17.836C136.558,17.892 136.815,17.952 137.037,17.914C137.289,17.871 137.53,17.741 137.764,17.62C138.046,17.453 138.247,16.911 138.511,16.382C138.855,15.695 139.231,15.027 139.561,14.693C139.877,14.375 140.259,14.325 140.573,14.314C140.979,14.299 141.423,14.525 141.822,15.214C142.039,15.614 142.206,15.958 142.254,16.351C142.31,16.804 142.212,17.287 142.069,17.986C141.918,18.643 141.703,18.938 141.441,19.048C141.178,19.158 140.905,19.254 140.609,19.157C140.624,19.187 140.64,19.216 140.659,19.245C140.897,19.609 141.225,19.883 141.332,20.109C141.443,20.341 141.358,20.541 141.286,20.714C141.203,20.916 140.969,21.053 140.522,21.148C140.216,21.213 139.618,21.53 139.149,21.643C139.183,21.906 139.195,22.19 139.182,22.488C139.164,22.877 139.123,23.262 139.144,23.623C139.157,23.846 139.145,24.046 139.229,24.205C139.253,24.25 139.25,24.308 139.293,24.334C139.454,24.435 139.634,24.245 139.929,24.064C139.989,24.027 139.979,23.941 140.021,23.878C140.068,23.808 140.087,23.729 140.091,23.647C139.592,23.296 139.418,22.656 139.709,22.12C140.038,21.513 140.839,21.267 141.497,21.571C141.668,21.704 141.872,21.773 141.976,21.945C142.223,22.352 142.523,22.828 142.31,23.409C142.021,24.196 141.346,25.162 140.463,25.291C139.605,25.431 139.153,25.292 138.764,25.034C138.638,24.95 138.516,24.873 138.398,24.769C137.702,24.157 137.555,22.528 136.952,21.851C136.814,21.692 136.74,21.534 136.699,21.389C136.537,20.82 136.698,20.374 137.061,20.094C137.328,19.889 137.669,19.645 138.174,19.629C138.707,19.612 139.429,19.746 139.985,19.834C139.968,19.768 139.945,19.704 139.911,19.649C139.686,19.283 139.427,18.948 139.371,18.612C139.315,18.336 139.421,18.166 139.48,18.043C139.609,17.777 139.881,17.73 140.192,17.697L140.227,17.697L140.137,17.233C139.502,17.79 138.608,18.313 138.199,18.444C137.922,18.541 137.626,18.585 137.352,18.667C136.801,18.832 136.318,18.972 135.941,18.968C135.388,18.962 135.127,18.624 134.967,18.305C134.712,17.804 134.592,17.426 134.518,17.092C134.413,16.624 134.563,16.26 134.744,15.845C134.777,15.778 134.812,15.719 134.856,15.668C135.203,15.268 135.572,15.126 135.911,15.11C136.195,15.097 136.669,15.188 136.783,15.211C136.886,14.848 136.929,14.307 136.943,13.938C136.951,13.743 136.885,13.587 136.865,13.408C136.839,13.252 136.936,13.151 136.971,13.018C137.052,12.711 137.359,12.614 137.691,12.414C137.793,12.352 137.905,12.32 138.033,12.289C137.917,12.029 137.796,11.746 137.704,11.473C137.488,10.83 137.416,10.232 137.463,9.971C137.574,9.359 137.932,9.087 138.35,9.051C138.555,9.033 138.926,8.995 139.318,9.332C139.63,9.603 140.023,9.938 140.3,10.356C140.398,10.504 140.469,10.657 140.531,10.806ZM140.188,23.709C140.218,23.738 140.256,23.759 140.304,23.77C140.264,23.751 140.225,23.731 140.188,23.709ZM140.093,23.568C140.09,23.463 140.073,23.356 140.069,23.258C140.068,23.23 140.016,23.197 140.016,23.197C140.016,23.197 139.971,23.204 139.977,23.216C139.998,23.266 139.941,23.325 139.973,23.362C140.025,23.423 140.057,23.498 140.093,23.568ZM139.001,20.964C139.009,20.92 139.011,20.873 138.996,20.822C138.992,20.81 138.956,20.832 138.95,20.816C138.968,20.864 138.985,20.913 139.001,20.964ZM140.513,18.615C140.53,18.584 140.541,18.564 140.541,18.564C140.541,18.564 140.517,18.582 140.514,18.599L140.513,18.615ZM140.565,17.787C140.727,17.838 140.87,17.872 140.858,17.767C140.846,17.665 140.683,17.712 140.565,17.787ZM136.529,16.94C136.394,16.948 136.304,16.945 136.304,16.945C136.304,16.945 136.453,16.993 136.516,16.945L136.529,16.94ZM139.885,15.909C139.887,15.9 139.89,15.893 139.884,15.895C139.874,15.899 139.877,15.904 139.885,15.909ZM136.775,15.241C136.733,15.271 136.661,15.319 136.603,15.342C136.525,15.373 136.326,15.523 136.442,15.578C136.592,15.648 136.699,15.493 136.775,15.241Z" style="fill:white;"/>
</g>
<g transform="matrix(-0.7527,0,0,0.781873,253.042,3.59226)">
<path d="M140.182,12.022L140.264,12.065C140.331,12.102 140.395,12.132 140.446,12.176C140.645,12.346 140.763,12.502 140.879,12.578C141.111,12.731 141.325,12.651 141.49,12.592C141.646,12.536 141.767,12.364 141.835,12.017L142.687,8.018C142.698,7.339 142.1,6.78 141.353,6.771C140.606,6.761 139.991,7.304 139.98,7.982L140.494,10.66C140.443,10.56 140.386,10.458 140.319,10.357C140.043,9.94 139.647,9.605 139.333,9.335C138.92,8.979 138.526,9.031 138.313,9.056C137.909,9.103 137.552,9.375 137.446,9.98C137.4,10.242 137.471,10.833 137.685,11.47C137.778,11.746 137.901,12.031 138.019,12.293C137.893,12.325 137.783,12.359 137.682,12.422C137.352,12.626 137.039,12.72 136.962,13.029C136.929,13.158 136.834,13.258 136.861,13.411C136.879,13.588 136.943,13.745 136.934,13.939C136.917,14.305 136.874,14.842 136.772,15.204C136.636,15.177 136.177,15.094 135.897,15.109C135.556,15.127 135.173,15.264 134.834,15.674C134.791,15.726 134.757,15.784 134.728,15.852C134.549,16.265 134.401,16.627 134.507,17.093C134.583,17.425 134.703,17.802 134.96,18.302C135.122,18.621 135.382,18.956 135.935,18.964C136.314,18.969 136.8,18.829 137.355,18.665C137.63,18.583 137.927,18.54 138.206,18.443C138.61,18.313 139.491,17.799 140.127,17.25L140.215,17.697L140.189,17.699C139.873,17.733 139.594,17.781 139.467,18.054C139.41,18.175 139.308,18.342 139.364,18.612C139.42,18.947 139.679,19.281 139.903,19.646C139.938,19.702 139.969,19.767 139.997,19.835C139.435,19.748 138.698,19.612 138.158,19.632C137.639,19.651 137.296,19.904 137.026,20.119C136.677,20.397 136.525,20.834 136.683,21.391C136.723,21.534 136.797,21.688 136.932,21.845C137.534,22.52 137.688,24.134 138.378,24.753C138.496,24.859 138.617,24.937 138.742,25.023C139.136,25.292 139.592,25.435 140.471,25.289C141.356,25.158 142.035,24.193 142.327,23.406C142.541,22.829 142.242,22.357 141.999,21.954C141.895,21.78 141.687,21.709 141.514,21.574C140.848,21.266 140.032,21.508 139.694,22.113C139.394,22.65 139.569,23.293 140.078,23.646C140.074,23.73 140.056,23.81 140.008,23.882C139.967,23.944 139.981,24.029 139.922,24.066C139.629,24.244 139.454,24.435 139.296,24.333C139.254,24.306 139.258,24.248 139.235,24.202C139.152,24.042 139.165,23.841 139.154,23.617C139.135,23.257 139.177,22.872 139.196,22.484C139.211,22.185 139.199,21.899 139.164,21.635C139.63,21.522 140.22,21.215 140.523,21.15C140.985,21.053 141.224,20.911 141.305,20.702C141.371,20.532 141.453,20.335 141.343,20.107C141.234,19.882 140.904,19.609 140.666,19.246C140.645,19.215 140.627,19.183 140.612,19.151L140.64,19.161C140.937,19.253 141.201,19.15 141.464,19.035C141.721,18.923 141.93,18.63 142.081,17.985C142.225,17.288 142.326,16.807 142.271,16.354C142.224,15.962 142.056,15.618 141.839,15.218C141.435,14.523 140.983,14.298 140.573,14.313C140.254,14.325 139.863,14.376 139.543,14.7C139.213,15.034 138.84,15.7 138.498,16.386C138.236,16.914 138.038,17.454 137.757,17.621C137.525,17.742 137.286,17.873 137.034,17.917C136.816,17.954 136.563,17.896 136.392,17.842C136.381,17.577 136.393,17.365 136.412,17.176C136.421,17.092 136.48,17.036 136.507,16.972C136.521,16.937 136.591,16.97 136.62,16.942L136.624,16.939L136.62,16.939L136.625,16.939C136.634,16.93 136.649,16.923 136.658,16.929L136.665,16.936L136.625,16.939L136.624,16.939C136.649,16.941 136.669,16.942 136.665,16.936C136.96,16.911 137.361,16.844 137.568,16.658C137.737,16.507 137.972,16.328 138.007,15.994C138.026,15.805 138.044,15.568 138.001,15.284C137.943,14.899 137.716,14.453 137.794,14.019C137.822,13.867 137.942,13.772 138.022,13.65C138.004,13.674 138.09,13.696 138.068,13.71C138.018,13.742 138.053,13.861 138.053,13.861C138.053,13.861 138.056,13.9 138.074,13.902C138.122,13.906 138.137,13.97 138.191,13.976C138.609,14.019 139.127,14.033 139.536,13.99C139.882,13.95 140.159,13.754 140.333,13.37C140.384,13.256 140.426,12.977 140.335,12.585C140.302,12.438 140.249,12.243 140.182,12.022ZM140.169,23.705C140.207,23.727 140.247,23.747 140.288,23.766C140.238,23.756 140.2,23.734 140.169,23.705ZM140.078,23.572C140.041,23.5 140.007,23.42 139.951,23.355C139.92,23.319 139.979,23.262 139.958,23.214C139.953,23.202 139.998,23.197 139.998,23.197C139.998,23.197 140.05,23.232 140.052,23.261C140.057,23.36 140.075,23.467 140.078,23.572ZM139.019,20.963C139.004,20.914 138.987,20.867 138.97,20.822C138.976,20.837 139.012,20.813 139.016,20.825C139.031,20.875 139.028,20.92 139.019,20.963ZM140.52,18.613L140.521,18.599C140.524,18.582 140.549,18.562 140.549,18.562C140.549,18.562 140.538,18.583 140.52,18.613ZM140.791,17.774C140.813,17.772 140.835,17.771 140.857,17.769C140.868,17.768 140.881,17.793 140.881,17.793C140.881,17.793 140.846,17.785 140.791,17.774ZM136.534,16.944L136.533,16.944C136.466,16.996 136.304,16.949 136.304,16.949C136.304,16.949 136.397,16.951 136.534,16.944ZM139.87,15.898C139.864,15.896 139.862,15.893 139.869,15.89C139.873,15.888 139.872,15.892 139.87,15.898ZM136.76,15.246C136.684,15.496 136.576,15.649 136.425,15.579C136.306,15.524 136.509,15.373 136.587,15.342C136.644,15.319 136.714,15.277 136.76,15.246Z" style="fill:white;"/>
</g>
</g>
<g id="wound">
</g>
</g>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 14 KiB

22
assets/images/tab-icons/unknown.svg
View file

@ -2,26 +2,14 @@
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;"> <svg width="100%" height="100%" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;">
<g transform="matrix(1,0,0,1,-32,0)"> <g transform="matrix(1,0,0,1,-32,0)">
<g id="unknown" transform="matrix(0.600398,0.600398,-0.568415,0.568415,27.9364,-22.2528)">
<g transform="matrix(1.01677,0,0,1.01677,-0.814348,-0.268292)"> <g transform="matrix(1.01677,0,0,1.01677,-0.814348,-0.268292)">
<path d="M59.485,10.232C59.485,7.049 57.039,4.465 54.025,4.465L43.105,4.465C40.091,4.465 37.644,7.049 37.644,10.232L37.644,21.768C37.644,24.951 40.091,27.535 43.105,27.535L54.025,27.535C57.039,27.535 59.485,24.951 59.485,21.768L59.485,10.232Z" style="fill:none;stroke:white;stroke-width:2.97px;"/> <path d="M59.485,9.925C59.485,6.912 57.039,4.465 54.025,4.465L43.105,4.465C40.091,4.465 37.644,6.912 37.644,9.925L37.644,22.075C37.644,25.088 40.091,27.535 43.105,27.535L54.025,27.535C57.039,27.535 59.485,25.088 59.485,22.075L59.485,9.925Z" style="fill:none;stroke:white;stroke-width:2.95px;"/>
</g> </g>
<g transform="matrix(0.721405,-0.552881,0.484704,0.732858,3.96616,29.6128)"> <g transform="matrix(0.880231,0.147867,-0.147867,0.880231,7.91589,-7.73109)">
<path d="M44.849,14.354C44.849,12.303 46.514,10.638 48.565,10.638C50.616,10.638 52.281,12.303 52.281,14.354C52.281,16.405 50.616,18.07 48.565,18.07C47.395,18.07 49.01,21.846 49.01,21.846" style="fill:none;stroke:white;stroke-width:2.73px;"/> <path d="M44.849,14.354C44.849,12.303 46.514,10.638 48.565,10.638C50.616,10.638 52.281,12.303 52.281,14.354C52.281,16.405 50.616,18.07 48.565,18.07C47.395,18.07 49.01,21.846 49.01,21.846" style="fill:none;stroke:white;stroke-width:3.36px;"/>
</g> </g>
<g transform="matrix(0.866901,-0.930772,0.835033,0.866074,-8.72076,47.3909)"> <g transform="matrix(1.23609,-0.0106731,0.0106731,1.23609,-12.9565,-4.63585)">
<path d="M49.627,22.899L49.53,22.351" style="fill:none;stroke:white;stroke-width:1.96px;"/> <path d="M49.627,22.899L49.53,22.351" style="fill:none;stroke:white;stroke-width:2.43px;"/>
</g>
</g>
<g id="plumbing">
</g>
<g id="genetics">
</g>
<g id="surgery">
</g>
<g id="trauma">
</g>
<g id="wound">
</g> </g>
</g> </g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

27
assets/images/tab-icons/virus.svg
View file

File diff suppressed because one or more lines are too long
Side by side

Before

Width:  |  Height:  |  Size: 9 KiB

30
assets/images/tab-icons/wound.svg
View file

@ -1,30 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(1,0,0,1,-128,-32)">
<g id="unknown">
</g>
<g id="plumbing">
</g>
<g id="genetics">
</g>
<g id="surgery">
</g>
<g transform="matrix(1.066,1.30071e-32,0,1.05526,-9.51961,-1.33485)">
<g id="trauma">
<path d="M143.062,8.827C143.062,8.827 143.199,12.305 143.199,15.785C143.199,19.265 143.062,22.743 143.062,22.743C143.062,23.266 143.482,23.691 144,23.691C144.518,23.691 144.938,23.266 144.938,22.743C144.938,22.743 144.801,19.265 144.801,15.785C144.801,12.305 144.938,8.827 144.938,8.827C144.938,8.304 144.518,7.879 144,7.879C143.482,7.879 143.062,8.304 143.062,8.827Z" style="fill:white;"/>
</g>
</g>
<g id="wound">
<g transform="matrix(1.05886,0,0,1.05886,-8.3974,-2.14351)">
<path d="M138.945,49.047L138.917,49.023C138.76,48.842 138.72,48.586 138.816,48.366L139.737,45.797C139.77,45.72 139.814,45.651 139.871,45.592L139.387,45.041C139.203,44.822 139.019,44.604 138.835,44.385L138.55,44.031L138.464,44.038C138.464,44.038 138.146,43.904 137.641,43.786C137.39,43.727 137.111,43.679 136.819,43.651C136.653,43.636 136.486,43.636 136.326,43.638C135.698,43.644 135.177,43.691 135.177,43.691C134.937,43.693 134.718,43.557 134.612,43.342C134.506,43.127 134.533,42.87 134.681,42.681L136.099,40.62C135.318,39.398 134.638,38.166 134.065,36.946C133.771,36.619 133.764,36.286 133.796,36.066C133.834,35.797 133.966,35.534 134.278,35.332C134.524,35.177 134.825,35.137 135.103,35.221C135.29,35.278 135.455,35.388 135.578,35.536C135.723,35.554 135.993,35.853 136.305,36.018C136.96,36.364 137.875,36.838 138.956,37.469C139.085,37.475 139.367,37.476 139.738,37.439C139.995,37.413 140.274,37.369 140.56,37.3C140.722,37.262 140.879,37.207 141.03,37.154C141.623,36.945 142.1,36.731 142.1,36.731C142.326,36.651 142.578,36.708 142.748,36.878C142.918,37.047 142.976,37.299 142.897,37.526L142.31,39.623C142.989,40.105 143.689,40.635 144.395,41.218C144.529,41.232 144.805,41.252 145.167,41.24C145.425,41.232 145.706,41.206 145.996,41.158C146.16,41.13 146.321,41.086 146.475,41.043C147.081,40.875 147.571,40.695 147.571,40.695C147.803,40.63 148.05,40.705 148.208,40.885C148.366,41.066 148.406,41.321 148.312,41.541L147.434,44.018C148.117,44.727 148.79,45.489 149.441,46.307C149.572,46.349 149.738,46.396 149.931,46.44C150.182,46.498 150.461,46.545 150.753,46.572C150.919,46.587 151.086,46.586 151.246,46.584C151.874,46.576 152.395,46.527 152.395,46.527C152.635,46.524 152.855,46.659 152.962,46.874C153.068,47.089 153.042,47.346 152.895,47.535L151.62,49.403C152.513,50.85 153.323,52.436 154.009,54.172C154.138,54.496 154.057,54.866 153.805,55.106C153.553,55.347 153.18,55.41 152.863,55.265C151.314,54.568 149.826,53.76 148.411,52.861C148.191,52.05 147.88,51.171 147.516,50.289L147.418,50.062C147.693,50.266 147.972,50.466 148.255,50.661L148.894,51.027C148.986,51.09 149.066,51.166 149.129,51.253C149.881,51.744 150.654,52.208 151.447,52.643C150.626,51.006 149.689,49.53 148.685,48.204L148.324,47.798C148.27,47.727 148.226,47.651 148.194,47.57C147.784,47.056 147.364,46.565 146.938,46.098C143.526,42.356 139.731,40.059 137.211,38.712C138.286,40.588 139.607,42.46 141.147,44.243L141.11,44.296C141.093,44.324 141.077,44.353 141.063,44.383C141.063,44.383 140.323,45.931 139.457,47.875L138.945,49.047ZM144.621,53.053L144.7,53.256C144.661,53.193 144.634,53.125 144.621,53.053ZM142.593,45.829L142.924,46.173L142.785,46.156C142.655,46.152 142.529,46.174 142.411,46.217L142.593,45.829Z" style="fill:white;"/>
</g>
<g transform="matrix(1.2482,0,0,1.15768,-35.8428,-7.65206)">
<path d="M143.869,45.747C143.715,45.474 143.44,45.307 143.143,45.307C142.847,45.307 142.572,45.474 142.418,45.747C142.418,45.747 141.795,47.153 141.066,48.919C140.644,49.939 140.184,51.071 139.818,52.135C139.419,53.294 139.118,54.371 139.115,55.162C139.101,56.365 139.549,57.458 140.271,58.258C141,59.067 142.016,59.57 143.143,59.589C144.283,59.609 145.319,59.119 146.078,58.326C146.847,57.525 147.322,56.404 147.341,55.162C147.359,54.142 146.928,52.63 146.343,51.104C145.328,48.453 143.869,45.747 143.869,45.747ZM143.088,47.888C142.872,48.237 142.626,48.647 142.371,49.099C141.937,49.868 141.477,50.751 141.093,51.644C140.531,52.953 140.127,54.27 140.125,55.162C140.135,56.055 140.483,56.859 141.034,57.436C141.578,58.007 142.326,58.346 143.143,58.332C143.949,58.318 144.671,57.947 145.19,57.368C145.701,56.799 146.005,56.016 145.992,55.162C145.977,54.29 145.527,53.026 144.981,51.743C144.371,50.308 143.62,48.863 143.088,47.888Z" style="fill:white;"/>
</g>
<g transform="matrix(1.05886,0,0,1.05886,-8.3974,-2.14351)">
<path d="M142.82,45.333C142.82,45.333 138.667,52.176 138.667,55.108C138.667,57.4 140.528,59.261 142.82,59.261C145.112,59.261 146.973,57.4 146.973,55.108C146.973,52.176 142.82,45.333 142.82,45.333ZM142.943,57.116C141.673,57.116 140.841,56.058 140.841,54.788C140.841,54.374 140.505,54.038 140.091,54.038C139.677,54.038 139.341,54.374 139.341,54.788C139.341,56.916 140.815,58.616 142.943,58.616C143.357,58.616 143.693,58.28 143.693,57.866C143.693,57.452 143.357,57.116 142.943,57.116Z" style="fill:white;"/>
</g>
</g>
</g>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 5.6 KiB

BIN
assets/projectfiles/icons.afdesign
View file

Binary file not shown.

5
index.html
View file

@ -35,6 +35,11 @@
href="assets/fonts/iosevka/iosevka-aile.css" href="assets/fonts/iosevka/iosevka-aile.css"
as="style" as="style"
/> />
<link
rel="preload"
href="assets/fonts/iosevka/woff2/iosevka-aile-regular.woff2"
as="font"
/>
<link rel="preload" href="style/main.scss" as="style" /> <link rel="preload" href="style/main.scss" as="style" />
<link rel="preload" href="style/bgus.scss" as="style" /> <link rel="preload" href="style/bgus.scss" as="style" />
<link rel="preload" href="src/index.ts" as="script" /> <link rel="preload" href="src/index.ts" as="script" />

74
src/TabManager.ts
View file

@ -3,8 +3,7 @@ import speen from "~/assets/images/speen.svg";
import { getPageHTML } from "./wiki"; import { getPageHTML } from "./wiki";
import { processHTML, bindFunctions, CURRENT_VERSION } from "./userscript"; import { processHTML, bindFunctions, CURRENT_VERSION } from "./userscript";
import cache from "./cache"; import cache from "./cache";
import { nextAnimationFrame, delay } from "./utils"; import { nextAnimationFrame } from "./utils";
import { TabInfo } from "./sections";
// @ts-expect-error: Parcel image import // @ts-expect-error: Parcel image import
import unknown from "~/assets/images/tab-icons/unknown.svg"; import unknown from "~/assets/images/tab-icons/unknown.svg";
@ -16,10 +15,15 @@ function initWaiting(elem: HTMLElement) {
const spinnerImg = document.createElement("img"); const spinnerImg = document.createElement("img");
spinnerImg.src = speen; spinnerImg.src = speen;
spinnerContainer.appendChild(spinnerImg); spinnerContainer.appendChild(spinnerImg);
const spinnerText = document.createElement("p");
spinnerText.appendChild(
document.createTextNode("You start skimming through the manual...")
);
spinnerContainer.appendChild(spinnerText);
elem.appendChild(spinnerContainer); elem.appendChild(spinnerContainer);
} }
async function loadPage(page: string, elem: HTMLElement): Promise<HTMLElement> { async function loadPage(page: string, elem: HTMLElement) {
let html: string | null = null; let html: string | null = null;
const key = `page:${page}`; const key = `page:${page}`;
@ -41,18 +45,7 @@ async function loadPage(page: string, elem: HTMLElement): Promise<HTMLElement> {
// Fetch page content // Fetch page content
if (!html) { if (!html) {
console.log(`${page}: fetching`); console.log(`${page}: fetching`);
let retries = 0;
while (retries < 5) {
try {
// eslint-disable-next-line no-await-in-loop
html = await getPageHTML(page); html = await getPageHTML(page);
break;
} catch (e) {
retries += 1;
// eslint-disable-next-line no-await-in-loop
await delay(1000);
}
}
// Convert relative links to absolute (and proxied) // Convert relative links to absolute (and proxied)
html = html.replace(/"\/wiki/gi, '"//tgproxy.ovo.ovh/wiki'); html = html.replace(/"\/wiki/gi, '"//tgproxy.ovo.ovh/wiki');
@ -60,14 +53,15 @@ async function loadPage(page: string, elem: HTMLElement): Promise<HTMLElement> {
await nextAnimationFrame(); await nextAnimationFrame();
// Set as HTML content and run HTML manipulations on it // Set as HTML content and run HTML manipulations on it
const div = elem.cloneNode(false) as HTMLDivElement; const div = document.createElement("div");
div.className = elem.className;
div.innerHTML = html; div.innerHTML = html;
console.log(`${page}: processing`); console.log(`${page}: processing`);
processHTML(div, page); processHTML(div, page);
// Save result to cache // Save result to cache
cache.set(key, div.innerHTML, CURRENT_VERSION).then(() => { cache.set(key, div.outerHTML, CURRENT_VERSION).then(() => {
console.log(`${page}: saved to cache`); console.log(`${page}: saved to cache`);
}); });
@ -75,13 +69,12 @@ async function loadPage(page: string, elem: HTMLElement): Promise<HTMLElement> {
elem = div; elem = div;
} else { } else {
// Set cached content as HTML // Set cached content as HTML
elem.innerHTML = html; elem.outerHTML = html;
} }
bindFunctions(elem, page); bindFunctions(elem, page);
console.log(`${page}: userscript applied`);
elem.classList.remove("waiting"); elem.classList.remove("waiting");
return elem;
} }
type TabElements = { type TabElements = {
@ -104,8 +97,6 @@ export default class TabManager {
sections: Record<string, Section> = {}; sections: Record<string, Section> = {};
loading: boolean;
constructor( constructor(
sectionlist: HTMLElement, sectionlist: HTMLElement,
tablist: HTMLElement, tablist: HTMLElement,
@ -116,25 +107,6 @@ export default class TabManager {
this.tabContentContainer = tabcontent; this.tabContentContainer = tabcontent;
} }
/**
* Set app-wide loading state
* @param value is app still loading?
*/
setLoading(value: boolean): void {
if (value) {
document.getElementById("app").classList.add("waiting");
initWaiting(this.tabContentContainer);
const spinnerContainer = this.tabContentContainer.querySelector(".speen");
spinnerContainer.appendChild(
document.createTextNode("Loading wiki pages")
);
} else {
document.getElementById("app").classList.remove("waiting");
const elem = this.tabContentContainer.querySelector(".speen");
this.tabContentContainer.removeChild(elem);
}
}
/** /**
* Create section and add it to the section list * Create section and add it to the section list
* @param name Section name * @param name Section name
@ -189,7 +161,7 @@ export default class TabManager {
* @param icon Icon to show * @param icon Icon to show
* @param setActive Also set the tab as active * @param setActive Also set the tab as active
*/ */
async openTab( openTab(
section: string, section: string,
page: string, page: string,
options: { options: {
@ -197,8 +169,7 @@ export default class TabManager {
active?: boolean; active?: boolean;
text?: string; text?: string;
} }
): Promise<void> { ): void {
const { icon, active, text } = options;
// Create tab list item // Create tab list item
const tabListItem = document.createElement("div"); const tabListItem = document.createElement("div");
tabListItem.className = "tab"; tabListItem.className = "tab";
@ -211,10 +182,11 @@ export default class TabManager {
this.setActive(section, page); this.setActive(section, page);
}); });
const iconElement = document.createElement("img"); const iconElement = document.createElement("img");
iconElement.src = icon || unknown; iconElement.src = options.icon || unknown;
tabListItem.title = page.replace(/_/gi, " "); tabListItem.title = page.replace(/_/gi, " ");
tabListItem.appendChild(iconElement); tabListItem.appendChild(iconElement);
const shortTitle = text || page.substr(page.lastIndexOf("_") + 1, 4); const shortTitle =
options.text || page.substr(page.lastIndexOf("_") + 1, 4);
tabListItem.appendChild(document.createTextNode(shortTitle)); tabListItem.appendChild(document.createTextNode(shortTitle));
this.tabListContainer.appendChild(tabListItem); this.tabListContainer.appendChild(tabListItem);
@ -224,6 +196,9 @@ export default class TabManager {
tabContentItem.dataset.tab = page; tabContentItem.dataset.tab = page;
initWaiting(tabContentItem); initWaiting(tabContentItem);
// Start loading page for new tab
loadPage(page, tabContentItem);
this.tabContentContainer.appendChild(tabContentItem); this.tabContentContainer.appendChild(tabContentItem);
// Create tab entry // Create tab entry
@ -234,15 +209,8 @@ export default class TabManager {
tabListItem.classList.add("hidden"); tabListItem.classList.add("hidden");
} }
// Start loading page for new tab
const elem = await loadPage(page, tabContentItem);
// Since element can be replaced (when loading for the first time), make sure the reference is updated
if (elem !== tabContentItem) {
this.sections[section].tabs[page].tabContentItem = elem;
}
// If asked for, set it to active // If asked for, set it to active
if (active) { if (options.active) {
this.setActive(section, page); this.setActive(section, page);
} }
} }

43
src/index.ts
View file

@ -1,11 +1,6 @@
import TabManager from "./TabManager"; import TabManager from "./TabManager";
import sections from "./sections"; import sections from "./sections";
import { nextAnimationFrame } from "./utils";
// @ts-expect-error: Parcel image import
import unknown from "~/assets/images/tab-icons/unknown.svg";
async function load() {
const sectionListContainer = document.getElementById("section-list"); const sectionListContainer = document.getElementById("section-list");
const tabListContainer = document.getElementById("tab-list"); const tabListContainer = document.getElementById("tab-list");
const tabContentContainer = document.getElementById("tabs"); const tabContentContainer = document.getElementById("tabs");
@ -14,45 +9,17 @@ async function load() {
tabListContainer, tabListContainer,
tabContentContainer tabContentContainer
); );
manager.setLoading(true);
await nextAnimationFrame(); sections.forEach((section) => {
// Add loading "bar"
const spinnerContainer = document.querySelector("#tabs > .speen");
const icons = document.createElement("div");
icons.className = "loading-icons";
sections.forEach((section) =>
section.tabs.forEach((tab) => {
const iconElement = document.createElement("img");
iconElement.dataset.tab = tab.page;
iconElement.src = tab.icon || unknown;
iconElement.title = tab.page.replace(/_/gi, " ");
icons.appendChild(iconElement);
})
);
spinnerContainer.appendChild(icons);
const promises = sections.flatMap((section) => {
manager.createSection(section.name); manager.createSection(section.name);
return section.tabs.map(async (tab) => { section.tabs.forEach((tab) => {
// Load page manager.openTab(section.name, tab.page, { icon: tab.icon, text: tab.text });
await manager.openTab(section.name, tab.page, {
icon: tab.icon,
text: tab.text,
});
// Remove icon from loading
icons.removeChild(icons.querySelector(`img[data-tab=${tab.page}]`));
}); });
}); });
Promise.all(promises).then(() => {
// Remove app-wide loading
manager.setLoading(false);
// Set first page as active // Set first page as active
manager.setActive("Medical", "Guide_to_chemistry"); manager.setActive("Medical", "Guide_to_chemistry");
});
}
if ("serviceWorker" in navigator) { if ("serviceWorker" in navigator) {
const x = process.env.SUBPATH ? `${process.env.SUBPATH}/sw.js` : "sw.js"; const x = process.env.SUBPATH ? `${process.env.SUBPATH}/sw.js` : "sw.js";
navigator.serviceWorker navigator.serviceWorker
@ -64,5 +31,3 @@ if ("serviceWorker" in navigator) {
console.log("Service worker registration failed, error:", error); console.log("Service worker registration failed, error:", error);
}); });
} }
load();

55
src/sections.ts
View file

@ -4,58 +4,29 @@ import chemistry from "~/assets/images/tab-icons/chemistry.svg";
import medicine from "~/assets/images/tab-icons/medicine.svg"; import medicine from "~/assets/images/tab-icons/medicine.svg";
// @ts-expect-error: Parcel image import // @ts-expect-error: Parcel image import
import plumbing from "~/assets/images/tab-icons/plumbing.svg"; import plumbing from "~/assets/images/tab-icons/plumbing.svg";
// @ts-expect-error: Parcel image import
import grenade from "~/assets/images/tab-icons/grenade.svg";
// @ts-expect-error: Parcel image import
import genetics from "~/assets/images/tab-icons/genetics.svg";
// @ts-expect-error: Parcel image import
import virus from "~/assets/images/tab-icons/virus.svg";
// @ts-expect-error: Parcel image import
import surgery from "~/assets/images/tab-icons/surgery.svg";
// @ts-expect-error: Parcel image import
import trauma from "~/assets/images/tab-icons/trauma.svg";
// @ts-expect-error: Parcel image import
import wound from "~/assets/images/tab-icons/wound.svg";
// @ts-expect-error: Parcel image import
import ghetto from "~/assets/images/tab-icons/ghetto.svg";
// @ts-expect-error: Parcel image import
import construction from "~/assets/images/tab-icons/construction.svg";
// @ts-expect-error: Parcel image import
import power from "~/assets/images/tab-icons/power.svg";
export interface SectionInfo { const sections = [
name: string;
tabs: TabInfo[];
}
export interface TabInfo {
page: string;
icon: string | null;
text?: string;
}
const sections: SectionInfo[] = [
{ {
name: "Medical", name: "Medical",
tabs: [ tabs: [
{ page: "Guide_to_medicine", icon: medicine }, { page: "Guide_to_medicine", icon: medicine },
{ page: "Guide_to_chemistry", icon: chemistry }, { page: "Guide_to_chemistry", icon: chemistry },
{ page: "Guide_to_plumbing", icon: plumbing }, { page: "Guide_to_plumbing", icon: plumbing },
{ page: "Grenade", text: "nade", icon: grenade }, { page: "Grenade", text: "nade", icon: null },
{ page: "Guide_to_genetics", icon: genetics }, { page: "Guide_to_genetics", icon: null },
{ page: "Infections", text: "virus", icon: virus }, { page: "Infections", text: "virus", icon: null },
{ page: "Surgery", icon: surgery }, { page: "Surgery", icon: null },
{ page: "Guide_to_Traumas", text: "trauma", icon: trauma }, { page: "Guide_to_Traumas", text: "trauma", icon: null },
{ page: "Guide_to_Wounds", text: "wound", icon: wound }, { page: "Guide_to_Wounds", text: "wound", icon: null },
{ page: "Guide_to_Ghetto_Chemistry", text: "ghetto", icon: ghetto }, { page: "Guide_to_Ghetto_Chemistry", text: "ghetto", icon: null },
], ],
}, },
{ {
name: "Engineering", name: "Engineering",
tabs: [ tabs: [
{ page: "Guide_to_construction", icon: construction }, { page: "Guide_to_construction", icon: null },
{ page: "Machines", icon: null }, { page: "Machines", icon: null },
{ page: "Guide_to_power", text: "power", icon: power }, { page: "Guide_to_power", text: "power", icon: null },
{ page: "Solars", text: "solar", icon: null }, { page: "Solars", text: "solar", icon: null },
{ page: "Guide_to_the_Supermatter", text: "smatt", icon: null }, { page: "Guide_to_the_Supermatter", text: "smatt", icon: null },
{ page: "Singularity_and_Tesla_engines", text: "sing/tesl", icon: null }, { page: "Singularity_and_Tesla_engines", text: "sing/tesl", icon: null },
@ -107,17 +78,19 @@ const sections: SectionInfo[] = [
{ {
name: "Other", name: "Other",
tabs: [ tabs: [
{ page: "Rules", text: "rules", icon: null }, { page: "Ai_Modules", text: "aimo", icon: null },
{ page: "AI_modules", text: "aimo", icon: null }, { page: "Silicon_Policy", text: "sipo", icon: null },
{ {
page: "Guide_to_Awesome_Miscellaneous_Stuff", page: "Guide_to_Awesome_Miscellaneous_Stuff",
text: "misc", text: "misc",
icon: null, icon: null,
}, },
{ page: "Creatures", icon: null },
{ page: "Critters", icon: null }, { page: "Critters", icon: null },
{ page: "Guide_to_races", icon: null }, { page: "Guide_to_races", icon: null },
{ page: "Guide_to_food_and_drinks", text: "food", icon: null }, { page: "Guide_to_food_and_drinks", text: "food", icon: null },
{ page: "Guide_to_hydroponics", icon: null }, { page: "Guide_to_hydroponics", icon: null },
{ page: "Guide_to_plants", icon: null },
{ page: "Songs", icon: null }, { page: "Songs", icon: null },
{ page: "Supply_crates", icon: null }, { page: "Supply_crates", icon: null },
{ page: "Auxiliary_Base_Construction", text: "aux", icon: null }, { page: "Auxiliary_Base_Construction", text: "aux", icon: null },

5
src/userscript.ts
View file

@ -4,9 +4,12 @@ import { findParent } from "./utils";
// This is used for cache busting when userscript changes significantly. // This is used for cache busting when userscript changes significantly.
// Only change it when you made changes to the processHTML part! // Only change it when you made changes to the processHTML part!
export const CURRENT_VERSION = "bb7abd544a19369d4b6b7e3dde3eb3cc34c023d4"; export const CURRENT_VERSION = "e700bb9c309627b944618152a7d8e936ae7a05db";
function chemistryFixups(root: HTMLElement) { function chemistryFixups(root: HTMLElement) {
// Enable page-specific CSS rules
root.classList.add("bchem");
// Fix inconsistencies with <p> on random parts // Fix inconsistencies with <p> on random parts
// Ideally I'd like a <p> or something on every part, wrapping it completely, but for now let's just kill 'em // Ideally I'd like a <p> or something on every part, wrapping it completely, but for now let's just kill 'em
root root

8
src/utils.ts
View file

@ -16,10 +16,4 @@ export function nextAnimationFrame(): Promise<void> {
return new Promise((resolve) => requestAnimationFrame(() => resolve())); return new Promise((resolve) => requestAnimationFrame(() => resolve()));
} }
export function delay(ms: number): Promise<void> { export default { findParent, nextAnimationFrame };
return new Promise((resolve) => {
setTimeout(() => resolve(), ms);
});
}
export default { findParent, nextAnimationFrame, delay };

6
style/bgus.scss
View file

@ -88,11 +88,11 @@ span.bgus_nested_element:not(.bgus_collapsed) + div.tooltiptext {
margin-left: -5px; margin-left: -5px;
} }
} }
div[data-tab="Guide_to_chemistry"] table.wikitable > tbody > tr > td:nth-child(2) { .bchem table.wikitable > tbody > tr > td:nth-child(2) {
width: 45%; width: 45%;
padding: 10px; padding: 10px;
} }
div[data-tab="Guide_to_chemistry"] table.wikitable { .bchem table.wikitable {
border: 0 !important; border: 0 !important;
.table-head { .table-head {
text-align: center; text-align: center;
@ -101,7 +101,7 @@ div[data-tab="Guide_to_chemistry"] table.wikitable {
background-color: darken($nanotrasen, 5%) !important; background-color: darken($nanotrasen, 5%) !important;
} }
} }
div[data-tab="Guide_to_chemistry"] .bgus_fz_selected { div.bchem .bgus_fz_selected {
background: $nanotrasen !important; background: $nanotrasen !important;
th, th,
td { td {

54
style/main.scss
View file

@ -20,7 +20,6 @@ body {
z-index: 0; z-index: 0;
img { img {
opacity: 0.4; opacity: 0.4;
width: 80vmin;
} }
} }
@ -38,13 +37,6 @@ body {
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
&.waiting {
#tab-list,
#section-list {
display: none;
}
}
} }
::-webkit-scrollbar { ::-webkit-scrollbar {
@ -67,20 +59,6 @@ body {
border: 1px solid lighten($nanotrasen, 10%); border: 1px solid lighten($nanotrasen, 10%);
} }
.speen {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 12pt;
img {
width: 60vmin;
opacity: 0.9;
padding-bottom: 1em;
}
}
#tabs { #tabs {
flex: 1; flex: 1;
z-index: 1; z-index: 1;
@ -107,6 +85,17 @@ body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100%; height: 100%;
.speen {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
img {
width: 60vmin;
opacity: 0.9;
}
}
} }
} }
@ -222,24 +211,3 @@ noscript {
background: transparent; background: transparent;
width: 100%; width: 100%;
} }
.loading-icons {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
user-select: none;
font-size: 9pt;
padding: 3pt 7pt;
text-transform: uppercase;
flex-wrap: wrap;
div {
border: 1px solid red;
display: flex;
flex-direction: column;
align-items: center;
}
img {
max-width: 32px;
}
}