diff --git a/build/dsh-loader.gif b/build/dsh-loader.gif new file mode 100644 index 00000000..57aac117 Binary files /dev/null and b/build/dsh-loader.gif differ diff --git a/build/plugin-recovery.html b/build/plugin-recovery.html new file mode 100644 index 00000000..dc9af93a --- /dev/null +++ b/build/plugin-recovery.html @@ -0,0 +1,465 @@ + + + + + + + DSH Desktop + + + +
+
+
+ + + +
+
+ +
+

+ +

+

+ +
+
+

+

+
+
    +
    + +
    +
    + +
    +

    + + +

    +
    + +
    + +
    +

    +

    +

    +
    
    +            
    + +
    +
    +
    +
    + + +
    + + + + diff --git a/build/splash.html b/build/splash.html index 136f56e2..0a2c3baa 100644 --- a/build/splash.html +++ b/build/splash.html @@ -9,28 +9,22 @@ * { box-sizing: border-box; } html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; } body { display: grid; place-items: center; color: #17181a; background: #f8f8f6; } - main { display: grid; justify-items: center; gap: 18px; padding: 32px; text-align: center; } - .mark { width: 72px; height: 72px; border-radius: 18px; animation: breathe 1.9s ease-in-out infinite; } + main { display: grid; justify-items: center; gap: 12px; padding: 32px; text-align: center; } + .mark { width: 196px; height: auto; image-rendering: pixelated; } .title { margin: 0; font-size: 23px; font-weight: 650; letter-spacing: -0.02em; } - .status { margin: -7px 0 0; color: #777a80; font-size: 13px; } - .track { width: 168px; height: 3px; overflow: hidden; border-radius: 99px; background: rgba(20, 21, 24, 0.09); } - .bar { width: 42%; height: 100%; border-radius: inherit; background: #4d6bfe; animation: travel 1.25s ease-in-out infinite; } - @keyframes breathe { 0%, 100% { transform: scale(0.97); opacity: 0.86; } 50% { transform: scale(1); opacity: 1; } } - @keyframes travel { 0% { transform: translateX(-105%); } 100% { transform: translateX(345%); } } + .status { margin: -4px 0 0; color: #777a80; font-size: 13px; } @media (prefers-color-scheme: dark) { body { color: #f3f4f6; background: #141416; } + .mark { filter: invert(1); } .status { color: #9ca0a8; } - .track { background: rgba(255, 255, 255, 0.11); } } - @media (prefers-reduced-motion: reduce) { .mark, .bar { animation: none; } .bar { width: 100%; opacity: 0.6; } }
    - +

    Starting DSH Desktop

    First launch may take a moment.

    -