Skip to content

Commit

Permalink
feat: more features (#97)
Browse files Browse the repository at this point in the history
  • Loading branch information
jrasm91 authored Jan 21, 2025
1 parent f84800c commit 541f5bf
Show file tree
Hide file tree
Showing 5 changed files with 275 additions and 150 deletions.
2 changes: 1 addition & 1 deletion .github/workflows/build.yml
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@ jobs:
fail-fast: false
max-parallel: 1
matrix:
app_name: ['my', 'buy', 'get', 'next']
app_name: ['next', 'my', 'buy', 'get']
env:
TF_VAR_app_name: ${{ matrix.app_name }}
TF_VAR_stage: ${{ github.event_name == 'pull_request' && format('pr-{0}', github.event.number) || '' }}
Expand Down
205 changes: 100 additions & 105 deletions apps/next.immich.app/routes/download/+page.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -32,117 +32,112 @@
</AppShellHeader>

<PageContent class="mx-auto max-w-screen-lg">
<Stack gap={8}>
<Heading size="title">Download</Heading>
<Stack gap={2}>
<div>
<Heading size="large">Mobile Apps</Heading>
<Text color="muted"
>Download Immich app and start backing up your photos and videos securely to your own server</Text
>
</div>
<Heading size="title" class="mb-4">Download</Heading>

<div class="mb-4">
<Heading size="large">Server</Heading>
<Text color="muted">Download, setup, and run Immich on your own server</Text>
</div>

<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 l gap-4">
<Card color="secondary">
<CardHeader>
<CardTitle>Android</CardTitle>
</CardHeader>
<CardBody>
<Stack gap={4}>
<a href="https://get.immich.app/android">
<img class="h-24 mx-auto" alt="Get it on Google Play" src={playStoreBadge} />
</a>
<a href="https://get.immich.app/fdroid">
<img class="h-16 mx-auto rounded-xl border border-dark" alt="Get it on F-Droid" src={fdroidBadge} />
</a>
<Button
class="h-16 mx-auto mt-4 dark:bg-black dark:text-white"
size="giant"
href="https://github.com/immich-app/immich/releases/latest"
color="secondary"
>
<Icon icon={mdiAndroid} size="2em" />
<Text>Download APK</Text>
</Button>
</Stack>
</CardBody>
</Card>
<section class="grid auto-rows-fr grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
<Card color="secondary" class="h-full">
<CardHeader>
<CardTitle>Docker Compose</CardTitle>
<CardDescription>Run Immich on <Link href="https://www.docker.com/">Docker</Link></CardDescription>
</CardHeader>
<CardBody class="flex align-middle items-center justify-center ">
<Icon icon={mdiDocker} size="6rem" color="#0db7ed" />
</CardBody>
<CardFooter class="flex flex-col gap-2">
<Button fullWidth href="https://immich.app/docs/install/docker-compose">View Instructions</Button>
</CardFooter>
</Card>

<Card color="secondary">
<CardHeader>
<CardTitle>iOS</CardTitle>
</CardHeader>
<CardBody>
<a href="https://get.immich.app/ios">
<img class="h-16 mt-4 mx-auto" alt="Download on the App Store" src={appStoreBadge} />
</a>
</CardBody>
</Card>
</div>
</Stack>
<Card color="secondary" class="h-full">
<CardHeader>
<CardTitle>Portainer</CardTitle>
<CardDescription>Run Immich on <Link href="https://www.portainer.io/">Portainer</Link></CardDescription>
</CardHeader>
<CardBody class="flex align-middle items-center justify-center ">
<img src={portainerIcon} class="w-20" alt="Portainer logo" />
</CardBody>
<CardFooter>
<Button fullWidth href="https://immich.app/docs/install/portainer">View Instructions</Button>
</CardFooter>
</Card>

<Stack gap={2}>
<div>
<Heading size="large">Server</Heading>
<Text color="muted">Download, setup, and run Immich on your own server</Text>
</div>
<Card color="secondary" class="h-full">
<CardHeader>
<CardTitle>Unraid</CardTitle>
<CardDescription>Run Immich on <Link href="https://unraid.net/">Unraid</Link></CardDescription>
</CardHeader>
<CardBody class="flex align-middle items-center justify-center ">
<img src={unraidIcon} class="w-24" alt="UnRaid logo" />
</CardBody>
<CardFooter>
<Button fullWidth href="https://immich.app/docs/install/unraid">View Instructions</Button>
</CardFooter>
</Card>

<section class="grid auto-rows-fr grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
<Card color="secondary" class="h-full">
<CardHeader>
<CardTitle>Docker Compose</CardTitle>
<CardDescription>Run Immich on <Link href="https://www.docker.com/">Docker</Link></CardDescription>
</CardHeader>
<CardBody class="flex align-middle items-center justify-center ">
<Icon icon={mdiDocker} size="6rem" color="#0db7ed" />
</CardBody>
<CardFooter class="flex flex-col gap-2">
<Button fullWidth href="https://immich.app/docs/install/docker-compose">View Instructions</Button>
</CardFooter>
</Card>
<Card color="secondary" class="h-full">
<CardHeader>
<CardTitle>TrueNAS SCALE</CardTitle>
<CardDescription
>Run Immich on <Link href="https://www.truenas.com/truenas-scale/">TrueNAS SCALE</Link></CardDescription
>
</CardHeader>
<CardBody class="flex align-middle items-center justify-center ">
<img src={truenasIcon} class="w-24" alt="TrueNAS SCALE logo" />
</CardBody>
<CardFooter>
<Button fullWidth href="https://immich.app/docs/install/truenas">View Instructions</Button>
</CardFooter>
</Card>
</section>

<Card color="secondary" class="h-full">
<CardHeader>
<CardTitle>Portainer</CardTitle>
<CardDescription>Run Immich on <Link href="https://www.portainer.io/">Portainer</Link></CardDescription>
</CardHeader>
<CardBody class="flex align-middle items-center justify-center ">
<img src={portainerIcon} class="w-20" alt="Portainer logo" />
</CardBody>
<CardFooter>
<Button fullWidth href="https://immich.app/docs/install/portainer">View Instructions</Button>
</CardFooter>
</Card>
<div class="mt-8 mb-4">
<Heading size="large">Mobile Apps</Heading>
<Text color="muted"
>Download Immich app and start backing up your photos and videos securely to your own server</Text
>
</div>

<Card color="secondary" class="h-full">
<CardHeader>
<CardTitle>Unraid</CardTitle>
<CardDescription>Run Immich on <Link href="https://unraid.net/">Unraid</Link></CardDescription>
</CardHeader>
<CardBody class="flex align-middle items-center justify-center ">
<img src={unraidIcon} class="w-24" alt="UnRaid logo" />
</CardBody>
<CardFooter>
<Button fullWidth href="https://immich.app/docs/install/unraid">View Instructions</Button>
</CardFooter>
</Card>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 l gap-4">
<Card color="secondary">
<CardHeader>
<CardTitle>Android</CardTitle>
</CardHeader>
<CardBody>
<Stack gap={4}>
<a href="https://get.immich.app/android">
<img class="h-24 mx-auto" alt="Get it on Google Play" src={playStoreBadge} />
</a>
<a href="https://get.immich.app/fdroid">
<img class="h-16 mx-auto rounded-xl border border-dark" alt="Get it on F-Droid" src={fdroidBadge} />
</a>
<Button
class="h-16 mx-auto mt-4 dark:bg-black dark:text-white"
size="giant"
href="https://github.com/immich-app/immich/releases/latest"
color="secondary"
>
<Icon icon={mdiAndroid} size="2em" />
<Text>Download APK</Text>
</Button>
</Stack>
</CardBody>
</Card>

<Card color="secondary" class="h-full">
<CardHeader>
<CardTitle>TrueNAS SCALE</CardTitle>
<CardDescription
>Run Immich on <Link href="https://www.truenas.com/truenas-scale/">TrueNAS SCALE</Link></CardDescription
>
</CardHeader>
<CardBody class="flex align-middle items-center justify-center ">
<img src={truenasIcon} class="w-24" alt="TrueNAS SCALE logo" />
</CardBody>
<CardFooter>
<Button fullWidth href="https://immich.app/docs/install/truenas">View Instructions</Button>
</CardFooter>
</Card>
</section>
</Stack>
</Stack>
<Card color="secondary">
<CardHeader>
<CardTitle>iOS</CardTitle>
</CardHeader>
<CardBody>
<a href="https://get.immich.app/ios">
<img class="h-16 mt-4 mx-auto" alt="Download on the App Store" src={appStoreBadge} />
</a>
</CardBody>
</Card>
</div>
</PageContent>
</AppShell>
Loading

0 comments on commit 541f5bf

Please sign in to comment.