|
1 | 1 | --- |
2 | | -import { LinkCard, Icon, LinkButton } from '@astrojs/starlight/components'; |
| 2 | +import { CardGrid, LinkCard, Icon, LinkButton } from '@astrojs/starlight/components'; |
3 | 3 | import { type StarlightIcon } from '@astrojs/starlight/types'; |
4 | 4 | import { withBase } from '../base-path'; |
5 | 5 |
|
@@ -49,6 +49,24 @@ const manualDownloadOptions = { |
49 | 49 | href: withBase('/configuration/docker/', import.meta.env.BASE_URL), |
50 | 50 | }, |
51 | 51 | }; |
| 52 | +
|
| 53 | +const hostedOptions = { |
| 54 | + aibadgr: { |
| 55 | + headline: 'Run on AI Badgr', |
| 56 | + description: 'Run on the AI Badgr hosted GPU service', |
| 57 | + href: 'https://aibadgr.com/gpu/launch?template=invokeai', |
| 58 | + }, |
| 59 | + runpod: { |
| 60 | + headline: 'Run on RunPod', |
| 61 | + description: 'Run on the RunPod hosted GPU service', |
| 62 | + href: 'https://www.runpod.io/blog/invoke-ai-stable-diffusion-runpod-nfz18', |
| 63 | + }, |
| 64 | + railway: { |
| 65 | + headline: 'Run on Railway', |
| 66 | + description: 'Run on the Railway hosted GPU service', |
| 67 | + href: 'https://railway.com/deploy/invokeai', |
| 68 | + }, |
| 69 | +}; |
52 | 70 | --- |
53 | 71 |
|
54 | 72 | <div class="download-options"> |
@@ -92,6 +110,20 @@ const manualDownloadOptions = { |
92 | 110 | )) |
93 | 111 | } |
94 | 112 | </div> |
| 113 | + |
| 114 | + <!-- Hosted Options --> |
| 115 | + <div class="download-options__hosted"> |
| 116 | + <h3>Hosted Options</h3> |
| 117 | + <p>For users who want to run Invoke on a hosted GPU service instead of their own hardware.</p> |
| 118 | + |
| 119 | + <CardGrid> |
| 120 | + { |
| 121 | + Object.entries(hostedOptions).map(([key, { headline, href, description }]) => ( |
| 122 | + <LinkCard title={headline} {href} {description} /> |
| 123 | + )) |
| 124 | + } |
| 125 | + </CardGrid> |
| 126 | + </div> |
95 | 127 | </div> |
96 | 128 |
|
97 | 129 | <style is:global> |
@@ -134,6 +166,23 @@ const manualDownloadOptions = { |
134 | 166 | } |
135 | 167 | } |
136 | 168 |
|
| 169 | + .download-options__hosted { |
| 170 | + margin: 0; |
| 171 | + border-radius: var(--radius); |
| 172 | + background: var(--sl-color-black); |
| 173 | + border: 1px solid var(--sl-color-gray-5); |
| 174 | + padding: 1.5rem; |
| 175 | + |
| 176 | + h3 { |
| 177 | + margin-top: 0; |
| 178 | + } |
| 179 | + |
| 180 | + > p { |
| 181 | + margin-top: 0.5rem; |
| 182 | + color: var(--sl-color-gray-2); |
| 183 | + } |
| 184 | + } |
| 185 | + |
137 | 186 | .download-options--launcher { |
138 | 187 | display: grid; |
139 | 188 | gap: 1.5rem; |
|
0 commit comments