diffity/index.html at main · nilbuild/diffity · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Diffity</title>
    <script>
      (function () {
        var stored = null;
        try { stored = localStorage.getItem('diffity-theme'); } catch (e) {}
        var dark = stored ? stored === 'dark' : window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
        document.documentElement.setAttribute('data-theme', dark ? 'dark' : 'light');
        try { if (localStorage.getItem('diffity-diff-palette') === 'colorblind') document.documentElement.setAttribute('data-diff-palette', 'colorblind'); } catch (e) {}
      })();
    </script>
    <style>
      #splash { position: fixed; inset: 0; z-index: 100; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px;
        background: #ffffff; color: #8b949e; font: 12px -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; transition: opacity 0.18s; -webkit-user-select: none; user-select: none; }
      #splash .fg { fill: #1f2328; }
      #splash .row { display: flex; align-items: center; gap: 8px; }
      #splash .spin { width: 10px; height: 10px; border: 2px solid rgba(9, 105, 218, 0.3); border-top-color: #0969da; border-radius: 50%; animation: splash-spin 0.8s linear infinite; }
      [data-theme='dark'] #splash { background: #141414; color: #737373; }
      [data-theme='dark'] #splash .fg { fill: #e5e5e5; }
      [data-theme='dark'] #splash .spin { border-color: rgba(96, 165, 250, 0.3); border-top-color: #60a5fa; }
      @keyframes splash-spin { to { transform: rotate(360deg); } }
      html, body { background: #ffffff; margin: 0; } [data-theme='dark'], [data-theme='dark'] body { background: #141414; }
    </style>
  </head>
  <body>
    <div id="splash" data-tauri-drag-region>
      <svg width="56" height="56" viewBox="0 0 2048 1992" xmlns="http://www.w3.org/2000/svg" aria-label="Diffity">
        <path class="fg" transform="translate(0 1992) scale(0.1 -0.1)" d="M1785 19710 c-520 -29 -933 -248 -1262 -670 -159 -204 -281 -509 -303 -758 -25 -276 -8 -16637 17 -16729 194 -715 631 -1150 1284 -1278 140 -27 5847 -42 6079 -15 459 52 860 375 975 784 19 69 40 138 46 153 12 31 95 288 164 508 23 77 73 225 110 330 36 104 82 246 102 315 20 68 51 160 70 204 18 43 52 139 74 214 22 74 47 152 56 175 9 22 33 99 53 171 20 72 78 262 129 421 154 484 172 544 212 700 21 83 49 186 62 230 102 334 149 1009 92 1310 -8 44 -26 152 -40 240 -101 640 -578 1434 -1173 1950 -351 306 -919 650 -1320 801 -35 14 -111 46 -170 73 -59 27 -199 79 -312 116 -113 37 -261 87 -330 111 -69 23 -177 59 -240 79 -441 137 -607 394 -453 698 72 143 178 201 568 311 278 79 724 231 827 283 37 18 100 46 140 62 513 205 1179 654 1570 1060 420 435 825 1066 1011 1576 14 39 39 102 55 140 17 39 44 117 61 175 16 58 40 132 51 165 12 33 34 114 50 180 16 66 45 167 65 225 19 58 47 164 61 237 13 73 36 169 49 214 14 45 34 143 45 218 10 75 35 213 54 306 38 185 59 321 106 695 17 135 42 317 55 405 14 88 29 225 35 305 6 79 17 187 25 240 19 129 61 531 80 775 18 235 41 444 60 570 8 50 22 167 30 260 9 94 25 240 36 325 27 207 36 446 19 547 -43 267 -244 500 -500 578 -59 18 -8165 32 -8475 15z M13110 19519 c-336 -59 -598 -382 -640 -788 -5 -58 -24 -172 -40 -255 -16 -83 -50 -268 -76 -411 -25 -143 -57 -300 -70 -350 -14 -49 -34 -135 -45 -190 -42 -215 -62 -318 -99 -520 -48 -259 -64 -335 -95 -450 -13 -49 -36 -155 -50 -235 -14 -80 -34 -179 -45 -220 -10 -41 -30 -149 -45 -240 -15 -91 -42 -230 -61 -310 -19 -80 -41 -190 -49 -245 -16 -107 -50 -291 -92 -500 -49 -243 -52 -278 -52 -578 -1 -315 11 -409 89 -702 16 -60 36 -144 45 -185 69 -335 292 -858 507 -1188 487 -750 1194 -1324 2027 -1646 48 -19 108 -44 131 -56 111 -56 788 -293 1088 -381 130 -38 185 -65 240 -119 232 -224 171 -574 -124 -716 -70 -33 -121 -51 -499 -169 -411 -128 -565 -180 -645 -217 -47 -22 -125 -57 -175 -78 -635 -268 -1263 -699 -1655 -1136 -68 -77 -152 -169 -186 -205 -327 -352 -690 -947 -889 -1456 -36 -92 -82 -206 -101 -253 -85 -202 -177 -461 -220 -617 -80 -286 -84 -304 -99 -448 -9 -77 -24 -189 -35 -250 -33 -186 -70 -483 -120 -990 -5 -49 -12 -229 -15 -400 -3 -170 -12 -389 -20 -485 -18 -218 -33 -496 -45 -840 -6 -146 -15 -377 -21 -515 -17 -417 16 -542 190 -715 247 -244 413 -252 1256 -60 72 17 177 39 235 50 249 49 998 280 1360 420 444 172 568 227 885 392 464 242 1201 719 1493 966 29 25 95 77 146 116 671 510 1347 1195 1774 1796 53 74 135 187 182 250 79 105 123 165 270 375 102 146 261 407 352 580 53 99 122 230 154 290 110 206 298 611 374 805 29 74 69 173 88 220 50 123 155 427 192 555 17 61 46 157 65 215 18 58 43 154 55 214 12 60 35 157 52 215 16 58 38 161 48 230 11 70 31 180 44 246 32 158 62 420 111 985 72 826 16 2327 -110 2950 -13 63 -31 167 -40 230 -9 63 -34 185 -55 270 -21 85 -51 214 -65 285 -50 237 -189 711 -261 884 -19 47 -53 133 -74 191 -111 305 -481 1057 -685 1390 -175 288 -219 357 -258 408 -24 31 -75 104 -115 162 -39 58 -119 164 -179 235 -59 72 -151 182 -203 246 -292 359 -454 526 -945 975 -111 102 -147 131 -380 311 -211 163 -850 594 -1035 698 -47 27 -130 74 -185 106 -246 142 -645 320 -1030 458 -110 40 -249 91 -310 115 -135 54 -463 157 -605 190 -58 14 -152 42 -210 62 -116 40 -282 54 -400 33z"/>
      </svg>
      <div class="row"><span class="spin"></span>Loading…</div>
    </div>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>