Skip to content

Commit c163b7b

Browse files
jrasm91jrasm91
committed
feat: more features
1 parent f84800c commit c163b7b

File tree

5 files changed

+275
-150
lines changed

5 files changed

+275
-150
lines changed

‎.github/workflows/build.yml

+1-1
Original file line numberDiff line numberDiff line change
@@ -64,7 +64,7 @@ jobs:
6464
fail-fast: false
6565
max-parallel: 1
6666
matrix:
67-
app_name: ['my', 'buy', 'get', 'next']
67+
app_name: ['next', 'my', 'buy', 'get']
6868
env:
6969
TF_VAR_app_name: ${{ matrix.app_name }}
7070
TF_VAR_stage: ${{ github.event_name == 'pull_request' && format('pr-{0}', github.event.number) || '' }}

‎apps/next.immich.app/routes/download/+page.svelte

+100-105
Original file line numberDiff line numberDiff line change
@@ -32,117 +32,112 @@
3232
</AppShellHeader>
3333

3434
<PageContent class="mx-auto max-w-screen-lg">
35-
<Stack gap={8}>
36-
<Heading size="title">Download</Heading>
37-
<Stack gap={2}>
38-
<div>
39-
<Heading size="large">Mobile Apps</Heading>
40-
<Text color="muted"
41-
>Download Immich app and start backing up your photos and videos securely to your own server</Text
42-
>
43-
</div>
35+
<Heading size="title" class="mb-4">Download</Heading>
36+
37+
<div class="mb-4">
38+
<Heading size="large">Server</Heading>
39+
<Text color="muted">Download, setup, and run Immich on your own server</Text>
40+
</div>
4441

45-
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 l gap-4">
46-
<Card color="secondary">
47-
<CardHeader>
48-
<CardTitle>Android</CardTitle>
49-
</CardHeader>
50-
<CardBody>
51-
<Stack gap={4}>
52-
<a href="https://get.immich.app/android">
53-
<img class="h-24 mx-auto" alt="Get it on Google Play" src={playStoreBadge} />
54-
</a>
55-
<a href="https://get.immich.app/fdroid">
56-
<img class="h-16 mx-auto rounded-xl border border-dark" alt="Get it on F-Droid" src={fdroidBadge} />
57-
</a>
58-
<Button
59-
class="h-16 mx-auto mt-4 dark:bg-black dark:text-white"
60-
size="giant"
61-
href="https://github.com/immich-app/immich/releases/latest"
62-
color="secondary"
63-
>
64-
<Icon icon={mdiAndroid} size="2em" />
65-
<Text>Download APK</Text>
66-
</Button>
67-
</Stack>
68-
</CardBody>
69-
</Card>
42+
<section class="grid auto-rows-fr grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
43+
<Card color="secondary" class="h-full">
44+
<CardHeader>
45+
<CardTitle>Docker Compose</CardTitle>
46+
<CardDescription>Run Immich on <Link href="https://www.docker.com/">Docker</Link></CardDescription>
47+
</CardHeader>
48+
<CardBody class="flex align-middle items-center justify-center ">
49+
<Icon icon={mdiDocker} size="6rem" color="#0db7ed" />
50+
</CardBody>
51+
<CardFooter class="flex flex-col gap-2">
52+
<Button fullWidth href="https://immich.app/docs/install/docker-compose">View Instructions</Button>
53+
</CardFooter>
54+
</Card>
7055

71-
<Card color="secondary">
72-
<CardHeader>
73-
<CardTitle>iOS</CardTitle>
74-
</CardHeader>
75-
<CardBody>
76-
<a href="https://get.immich.app/ios">
77-
<img class="h-16 mt-4 mx-auto" alt="Download on the App Store" src={appStoreBadge} />
78-
</a>
79-
</CardBody>
80-
</Card>
81-
</div>
82-
</Stack>
56+
<Card color="secondary" class="h-full">
57+
<CardHeader>
58+
<CardTitle>Portainer</CardTitle>
59+
<CardDescription>Run Immich on <Link href="https://www.portainer.io/">Portainer</Link></CardDescription>
60+
</CardHeader>
61+
<CardBody class="flex align-middle items-center justify-center ">
62+
<img src={portainerIcon} class="w-20" alt="Portainer logo" />
63+
</CardBody>
64+
<CardFooter>
65+
<Button fullWidth href="https://immich.app/docs/install/portainer">View Instructions</Button>
66+
</CardFooter>
67+
</Card>
8368

84-
<Stack gap={2}>
85-
<div>
86-
<Heading size="large">Server</Heading>
87-
<Text color="muted">Download, setup, and run Immich on your own server</Text>
88-
</div>
69+
<Card color="secondary" class="h-full">
70+
<CardHeader>
71+
<CardTitle>Unraid</CardTitle>
72+
<CardDescription>Run Immich on <Link href="https://unraid.net/">Unraid</Link></CardDescription>
73+
</CardHeader>
74+
<CardBody class="flex align-middle items-center justify-center ">
75+
<img src={unraidIcon} class="w-24" alt="UnRaid logo" />
76+
</CardBody>
77+
<CardFooter>
78+
<Button fullWidth href="https://immich.app/docs/install/unraid">View Instructions</Button>
79+
</CardFooter>
80+
</Card>
8981

90-
<section class="grid auto-rows-fr grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
91-
<Card color="secondary" class="h-full">
92-
<CardHeader>
93-
<CardTitle>Docker Compose</CardTitle>
94-
<CardDescription>Run Immich on <Link href="https://www.docker.com/">Docker</Link></CardDescription>
95-
</CardHeader>
96-
<CardBody class="flex align-middle items-center justify-center ">
97-
<Icon icon={mdiDocker} size="6rem" color="#0db7ed" />
98-
</CardBody>
99-
<CardFooter class="flex flex-col gap-2">
100-
<Button fullWidth href="https://immich.app/docs/install/docker-compose">View Instructions</Button>
101-
</CardFooter>
102-
</Card>
82+
<Card color="secondary" class="h-full">
83+
<CardHeader>
84+
<CardTitle>TrueNAS SCALE</CardTitle>
85+
<CardDescription
86+
>Run Immich on <Link href="https://www.truenas.com/truenas-scale/">TrueNAS SCALE</Link></CardDescription
87+
>
88+
</CardHeader>
89+
<CardBody class="flex align-middle items-center justify-center ">
90+
<img src={truenasIcon} class="w-24" alt="TrueNAS SCALE logo" />
91+
</CardBody>
92+
<CardFooter>
93+
<Button fullWidth href="https://immich.app/docs/install/truenas">View Instructions</Button>
94+
</CardFooter>
95+
</Card>
96+
</section>
10397

104-
<Card color="secondary" class="h-full">
105-
<CardHeader>
106-
<CardTitle>Portainer</CardTitle>
107-
<CardDescription>Run Immich on <Link href="https://www.portainer.io/">Portainer</Link></CardDescription>
108-
</CardHeader>
109-
<CardBody class="flex align-middle items-center justify-center ">
110-
<img src={portainerIcon} class="w-20" alt="Portainer logo" />
111-
</CardBody>
112-
<CardFooter>
113-
<Button fullWidth href="https://immich.app/docs/install/portainer">View Instructions</Button>
114-
</CardFooter>
115-
</Card>
98+
<div class="mt-8 mb-4">
99+
<Heading size="large">Mobile Apps</Heading>
100+
<Text color="muted"
101+
>Download Immich app and start backing up your photos and videos securely to your own server</Text
102+
>
103+
</div>
116104

117-
<Card color="secondary" class="h-full">
118-
<CardHeader>
119-
<CardTitle>Unraid</CardTitle>
120-
<CardDescription>Run Immich on <Link href="https://unraid.net/">Unraid</Link></CardDescription>
121-
</CardHeader>
122-
<CardBody class="flex align-middle items-center justify-center ">
123-
<img src={unraidIcon} class="w-24" alt="UnRaid logo" />
124-
</CardBody>
125-
<CardFooter>
126-
<Button fullWidth href="https://immich.app/docs/install/unraid">View Instructions</Button>
127-
</CardFooter>
128-
</Card>
105+
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 l gap-4">
106+
<Card color="secondary">
107+
<CardHeader>
108+
<CardTitle>Android</CardTitle>
109+
</CardHeader>
110+
<CardBody>
111+
<Stack gap={4}>
112+
<a href="https://get.immich.app/android">
113+
<img class="h-24 mx-auto" alt="Get it on Google Play" src={playStoreBadge} />
114+
</a>
115+
<a href="https://get.immich.app/fdroid">
116+
<img class="h-16 mx-auto rounded-xl border border-dark" alt="Get it on F-Droid" src={fdroidBadge} />
117+
</a>
118+
<Button
119+
class="h-16 mx-auto mt-4 dark:bg-black dark:text-white"
120+
size="giant"
121+
href="https://github.com/immich-app/immich/releases/latest"
122+
color="secondary"
123+
>
124+
<Icon icon={mdiAndroid} size="2em" />
125+
<Text>Download APK</Text>
126+
</Button>
127+
</Stack>
128+
</CardBody>
129+
</Card>
129130

130-
<Card color="secondary" class="h-full">
131-
<CardHeader>
132-
<CardTitle>TrueNAS SCALE</CardTitle>
133-
<CardDescription
134-
>Run Immich on <Link href="https://www.truenas.com/truenas-scale/">TrueNAS SCALE</Link></CardDescription
135-
>
136-
</CardHeader>
137-
<CardBody class="flex align-middle items-center justify-center ">
138-
<img src={truenasIcon} class="w-24" alt="TrueNAS SCALE logo" />
139-
</CardBody>
140-
<CardFooter>
141-
<Button fullWidth href="https://immich.app/docs/install/truenas">View Instructions</Button>
142-
</CardFooter>
143-
</Card>
144-
</section>
145-
</Stack>
146-
</Stack>
131+
<Card color="secondary">
132+
<CardHeader>
133+
<CardTitle>iOS</CardTitle>
134+
</CardHeader>
135+
<CardBody>
136+
<a href="https://get.immich.app/ios">
137+
<img class="h-16 mt-4 mx-auto" alt="Download on the App Store" src={appStoreBadge} />
138+
</a>
139+
</CardBody>
140+
</Card>
141+
</div>
147142
</PageContent>
148143
</AppShell>

0 commit comments

Comments
 (0)