|
3 | 3 | import LightBulbIcon from '$icons/outline/LightBulbIcon.svelte' |
4 | 4 | import XIcon from '$icons/outline/XIcon.svelte' |
5 | 5 |
|
6 | | - export let opaque = false, os = null, onClose = null |
| 6 | + export let opaque = false, |
| 7 | + os = null, |
| 8 | + onClose = null |
7 | 9 |
|
8 | 10 | let filename = null |
9 | 11 | $: { |
|
14 | 16 | } |
15 | 17 | </script> |
16 | 18 |
|
17 | | -<div class={`w-full h-full px-4 py-2 fixed top-0 l-0 bg-black/50 flex items-center justify-center ${opaque ? 'opacity-100' : 'opacity-0'} transition-all`} on:click={() => onClose()}> |
18 | | - <div class="w-full max-h-full max-w-lg px-8 py-6 space-y-4 bg-slate-900 text-slate-100 rounded-xl drop-shadow-xl overflow-x-hidden overflow-y-auto" on:click={(event) => event.stopPropagation()}> |
| 19 | +<div |
| 20 | + class={`w-full h-full px-4 py-2 fixed top-0 l-0 bg-black/50 flex items-center justify-center ${ |
| 21 | + opaque ? 'opacity-100' : 'opacity-0' |
| 22 | + } transition-all`} |
| 23 | + on:click={() => onClose()} |
| 24 | +> |
| 25 | + <div |
| 26 | + class="w-full max-h-full max-w-lg px-8 py-6 space-y-4 bg-slate-900 text-slate-100 rounded-xl drop-shadow-xl overflow-x-hidden overflow-y-auto" |
| 27 | + on:click={(event) => event.stopPropagation()} |
| 28 | + > |
19 | 29 | <div class="flex flex-row space-x-2"> |
20 | 30 | <div class="w-6 h-6 grow-0 shrink-0"> |
21 | 31 | <LightBulbIcon /> |
22 | 32 | </div> |
23 | 33 |
|
24 | 34 | <div class="font-bold text-xl grow-0 shrink-0">Tip!</div> |
25 | 35 |
|
26 | | - <div class="w-full grow-1 shrink-1"></div> |
| 36 | + <div class="w-full grow-1 shrink-1" /> |
27 | 37 |
|
28 | 38 | <button class="w-6 h-6 grow-0 shrink-0" on:click={() => onClose()}> |
29 | 39 | <XIcon /> |
|
32 | 42 |
|
33 | 43 | {#if os === 'win'} |
34 | 44 | <ol class="leading-relaxed space-y-3 list-decimal ml-4"> |
35 | | - <li>Once your download is finished, double-click <code class="bg-slate-700 px-2 py-1 rounded-md">{filename}</code>.</li> |
36 | | - <li>If Windows displays a dialog box indicating that the app was blocked by SmartScreen, click <span class="font-bold">More info</span>, then click <span class="font-bold">Run anyway</span>.</li> |
37 | | - <li>StemRoller will extract itself to the directory you choose. Once this is done, you may delete the original <code class="bg-slate-700 px-2 py-1 rounded-md">{filename}</code> you downloaded.</li> |
38 | | - <li>Open the extracted directory and double-click <code class="bg-slate-700 px-2 py-1 rounded-md">StemRoller.exe</code> to run the app.</li> |
| 45 | + <li> |
| 46 | + Once your download is finished, double-click <code |
| 47 | + class="bg-slate-700 px-2 py-1 rounded-md">{filename}</code |
| 48 | + >. |
| 49 | + </li> |
| 50 | + <li> |
| 51 | + If Windows displays a dialog box indicating that the app was blocked by SmartScreen, click <span |
| 52 | + class="font-bold">More info</span |
| 53 | + >, then click <span class="font-bold">Run anyway</span>. |
| 54 | + </li> |
| 55 | + <li> |
| 56 | + StemRoller will extract itself to the directory you choose. Once this is done, you may |
| 57 | + delete the original <code class="bg-slate-700 px-2 py-1 rounded-md">{filename}</code> you downloaded. |
| 58 | + </li> |
| 59 | + <li> |
| 60 | + Open the extracted directory and double-click <code |
| 61 | + class="bg-slate-700 px-2 py-1 rounded-md">StemRoller.exe</code |
| 62 | + > to run the app. |
| 63 | + </li> |
39 | 64 | </ol> |
40 | 65 | {:else if os === 'mac'} |
41 | 66 | <ol class="leading-relaxed space-y-3 list-decimal ml-4"> |
42 | | - <li>Once your download is finished, double-click <code class="bg-slate-700 px-2 py-1 rounded-md">{filename}</code>.</li> |
43 | | - <li>While holding the <span class="font-bold">Control</span> key on your keyboard, click on the extracted <code class="bg-slate-700 px-2 py-1 rounded-md">StemRoller</code> app (<span class="italic">not</span> the <code>zip</code> file).</li> |
| 67 | + <li> |
| 68 | + Once your download is finished, double-click <code |
| 69 | + class="bg-slate-700 px-2 py-1 rounded-md">{filename}</code |
| 70 | + >. |
| 71 | + </li> |
| 72 | + <li> |
| 73 | + While holding the <span class="font-bold">Control</span> key on your keyboard, click on |
| 74 | + the extracted <code class="bg-slate-700 px-2 py-1 rounded-md">StemRoller</code> app (<span |
| 75 | + class="italic">not</span |
| 76 | + > |
| 77 | + the <code>zip</code> file). |
| 78 | + </li> |
44 | 79 | <li>Click <span class="font-bold">Open</span> in the shortcut menu.</li> |
45 | 80 | <li>Click <span class="font-bold">Open</span> again in the popup.</li> |
46 | 81 | </ol> |
47 | 82 | {/if} |
48 | 83 |
|
49 | | - <p class="leading-loose italic">Splitting usually takes at least <span class="font-bold">15 minutes</span> and consumes significant energy and CPU resources.</p> |
| 84 | + <p class="leading-loose italic"> |
| 85 | + Splitting is fastest on Apple Silicon devices or NVIDIA GPUs. On older hardware, it may take |
| 86 | + up to <span class="font-bold">30 minutes</span> and will consume significant energy and CPU resources. |
| 87 | + </p> |
50 | 88 |
|
51 | | - <p class="leading-loose">Make sure you always download StemRoller from it's official website, <a href="/" class="text-cyan-500 underline">stemroller.com</a>, or from <a target="_blank" rel="noopener noreferrer" href="https://github.com/stemrollerapp" class="text-cyan-500 underline">github.com/stemrollerapp</a>.</p> |
| 89 | + <p class="leading-loose"> |
| 90 | + Make sure you always download StemRoller from it's official website, <a |
| 91 | + href="/" |
| 92 | + class="text-cyan-500 underline">stemroller.com</a |
| 93 | + >, or from |
| 94 | + <a |
| 95 | + target="_blank" |
| 96 | + rel="noopener noreferrer" |
| 97 | + href="https://github.com/stemrollerapp" |
| 98 | + class="text-cyan-500 underline">github.com/stemrollerapp</a |
| 99 | + >. |
| 100 | + </p> |
52 | 101 | </div> |
53 | 102 | </div> |
0 commit comments