Skip to content

Commit e281289

Browse files
CodeDoctorDECodeDoctorDE
committed
Improve footer
1 parent 2d3b759 commit e281289

File tree

4 files changed

+43
-14
lines changed

4 files changed

+43
-14
lines changed

‎.github/workflows/deploy.yml‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ jobs:
1818
env: |
1919
APP_NAME=Butterfly
2020
APP_DOWNLOAD_URL=https://butterfly.linwood.dev/downloads
21-
APP_WEB_URL=https://butterfly.linwood.dev
21+
APP_WEB_URL=https://web.butterfly.linwood.dev
2222
APP_WEB_PREVIEW_URL=https://preview.butterfly.linwood.dev
2323
asset_links: |
2424
[

‎src/components/Footer.astro‎

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
<footer class="container-md">
2+
<div class="col align-center gap-xs">
3+
<hr class="mv-md" />
4+
<a
5+
class="card paper pv-xs ph-sm row gap-xs align-center bold mb-sm"
6+
href="https://linwood.dev"
7+
target="_blank"
8+
>
9+
<img src="/favicon.svg" width="32" alt="Linwood logo" />
10+
Linwood
11+
</a>
12+
<div class="row gap-xs justify-center wrap">
13+
<a class="btn" href="https://bsky.app/profile/linwood.dev" rel="me" target="_blank"
14+
>Bluesky</a
15+
>
16+
<a class="btn" href="https://floss.social/@Linwood" rel="me" target="_blank"
17+
>Mastodon</a
18+
>
19+
<a class="btn" href="https://linwood.dev/matrix" rel="me" target="_blank">Matrix</a>
20+
<a class="btn" href="https://linwood.dev/discord" rel="me" target="_blank">Discord</a>
21+
<a class="btn" href="https://github.com/LinwoodDev" rel="me" target="_blank">GitHub</a
22+
>
23+
</div>
24+
<div class="row gap-xs justify-center wrap">
25+
<a class="btn" href="https://linwood.dev/imprint">Impressum</a>
26+
<a class="btn" href="https://linwood.dev/privacypolicy">Datenschutzerklärung</a>
27+
</div>
28+
</div>
29+
</footer>
30+
<style>
31+
footer {
32+
padding: 25px;
33+
text-align: center;
34+
}
35+
</style>

‎src/layouts/Layout.astro‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,6 @@
11
---
2+
import Footer from '../components/Footer.astro';
3+
24
interface Props {
35
title: string;
46
}
@@ -18,5 +20,6 @@ const { title } = Astro.props;
1820
</head>
1921
<body class="h-full">
2022
<slot />
23+
<Footer />
2124
</body>
2225
</html>

‎src/pages/404.astro‎

Lines changed: 4 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -10,15 +10,15 @@ const appWebPreviewUrl = import.meta.env.APP_WEB_PREVIEW_URL;
1010
---
1111

1212
<Layout title={`Launch ${appName}`}>
13-
<main class="col align-center justify-center container-md h-full gap-sm">
14-
<div class="pb-md col align-center">
13+
<main class="col align-center justify-center container-md gap-sm">
14+
<div class="pb-md col align-center pt-xl">
1515
<h1 class="title mt-none">Launch{appName && ` ${appName}`}</h1>
1616
<p>
1717
On mobile it should start automatically. If not, look in the address bar
1818
for the app icon and tap it.
1919
</p>
2020
</div>
21-
<div class="row align-center wrap gap-xs">
21+
<div class="row align-center wrap gap-xs justify-center">
2222
{
2323
appWebUrl && (
2424
<a class="btn primary launch-btn" href={appWebUrl} target="_blank">
@@ -38,7 +38,7 @@ const appWebPreviewUrl = import.meta.env.APP_WEB_PREVIEW_URL;
3838
)
3939
}
4040
</div>
41-
<div class="row align-center wrap gap-xs">
41+
<div class="row align-center wrap gap-xs justify-center">
4242
{
4343
appLaunchUrl && (
4444
<a class="btn primary launch-btn" href={appLaunchUrl}>
@@ -50,15 +50,6 @@ const appWebPreviewUrl = import.meta.env.APP_WEB_PREVIEW_URL;
5050
>Download {appName}</a
5151
>
5252
</div>
53-
<hr class="mv-md" />
54-
<a
55-
class="card paper pv-xs ph-sm row gap-xs align-center bold"
56-
href="https://linwood.dev"
57-
target="_blank"
58-
>
59-
<img src="/favicon.svg" width="32" alt="Linwood logo" />
60-
Linwood
61-
</a>
6253
</main>
6354
</Layout>
6455

0 commit comments

Comments
 (0)