Skip to content

Commit 9125ea3

Browse files
sadespressosadespresso
committed
polishments
1 parent 1e9c4da commit 9125ea3

11 files changed

+231
-155
lines changed

‎src/app.css

+12
Original file line numberDiff line numberDiff line change
@@ -58,3 +58,15 @@ li {
5858
display: none;
5959
}
6060
}
61+
62+
h1 {
63+
@apply text-3xl font-bold;
64+
}
65+
66+
h2 {
67+
@apply text-2xl font-bold;
68+
}
69+
70+
h3 {
71+
@apply text-xl font-bold;
72+
}

‎src/lib/components/DocHeader.svelte

+15
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<script lang="ts">
2+
import type { Snippet } from 'svelte';
3+
4+
interface $Props {
5+
children?: Snippet;
6+
id: string;
7+
}
8+
9+
let { id, children }: $Props = $props();
10+
</script>
11+
12+
<h3 {id} class="mt-8 scroll-mt-20 md:mt-12">
13+
<button class="text-inherit opacity-60" onclick={() => (location.hash = id)}>#</button>
14+
&nbsp;{@render children?.()}
15+
</h3>

‎src/lib/components/FlexDownloadButtons.svelte

+26
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
<div class="flex flex-col items-center justify-center gap-4 sm:flex-row md:gap-6">
2+
<a
3+
href="https://play.google.com/store/apps/details?id=mn.flow.flow&utm_source=web"
4+
target="_blank"
5+
aria-label="Google Play Store"
6+
data-aos="fade-right"
7+
>
8+
<img src="/googleplaystore.svg" alt="Google Play Store Download Button" />
9+
</a>
10+
<a
11+
href="https://apps.apple.com/mn/app/flow-expense-tracker/id6477741670?utm_source=web"
12+
target="_blank"
13+
aria-label="App Store"
14+
data-aos="fade-right"
15+
>
16+
<img src="/appstore.svg" alt="App Store Download Button" />
17+
</a>
18+
<a
19+
href="https://github.com/flow-mn/flow/releases/latest"
20+
target="_blank"
21+
aria-label="GitHub releases"
22+
data-aos="fade-right"
23+
>
24+
<img src="/releases_on_github.svg" alt="GitHub releases Download Button" />
25+
</a>
26+
</div>

‎src/lib/components/MDLayout.svelte

-39
This file was deleted.

‎src/lib/components/NavBar.svelte

+6-2
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
});
1212
</script>
1313

14-
<nav class="fixed left-0 right-0 top-0 bg-background shadow-sm">
14+
<nav class="fixed left-0 right-0 top-0 z-50 bg-background shadow-sm">
1515
<Frame>
1616
<ul class="flex h-[var(--navbar-height,4rem)] w-full flex-row items-center gap-8 font-semibold">
1717
<li>
@@ -27,7 +27,11 @@
2727
<a href="/faq" class:active={path === '/faq'}>FAQ</a>
2828
</li>
2929
<li>
30-
<a href="https://github.com/flow-mn/flow" target="_blank" class="ir">
30+
<a
31+
href="https://github.com/flow-mn/flow"
32+
target="_blank"
33+
class="inline-flex flex-row items-center gap-2"
34+
>
3135
<GitHubOctocat />
3236
<span class="hidden md:block">GitHub</span>
3337
</a>

‎src/routes/+page.svelte

+6-18
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,12 @@
11
<script>
22
import DiscordLogo from '$lib/components/DiscordLogo.svelte';
3+
import FlexDownloadButtons from '$lib/components/FlexDownloadButtons.svelte';
34
</script>
45

6+
<svelte:head>
7+
<title>Flow - FOSS expense tracker</title>
8+
</svelte:head>
9+
510
<section class="flex flex-col items-center gap-10">
611
<div class="h-20"></div>
712

@@ -19,24 +24,7 @@
1924
Join Discord for updates
2025
</a>
2126

22-
<div class="flex flex-col items-center justify-center gap-4 sm:flex-row md:gap-6">
23-
<a
24-
href="https://play.google.com/store/apps/details?id=mn.flow.flow&utm_source=web"
25-
target="_blank"
26-
aria-label="Google Play Store"
27-
data-aos="fade-right"
28-
>
29-
<img src="/googleplaystore.svg" alt="Google Play Store Download Button" />
30-
</a>
31-
<a
32-
href="https://apps.apple.com/mn/app/flow-expense-tracker/id6477741670?utm_source=web"
33-
target="_blank"
34-
aria-label="App Store"
35-
data-aos="fade-right"
36-
>
37-
<img src="/appstore.svg" alt="App Store Download Button" />
38-
</a>
39-
</div>
27+
<FlexDownloadButtons />
4028

4129
<div class="h-20"></div>
4230

‎src/routes/donate/+page.svelte

+4
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
<svelte:head>
2+
<title>Donate Flow</title>
3+
</svelte:head>
4+
15
<p class="mb-8 max-w-prose">
26
Flow is a totally free project, and will stay that way. As Flow doesn't generate any revenue, it'd
37
mean so much to support the project 🤩

‎src/routes/faq/+page.svelte

+147
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,147 @@
1+
<script lang="ts">
2+
import FlexDownloadButtons from '$lib/components/FlexDownloadButtons.svelte';
3+
import DocHeader from '$lib/components/DocHeader.svelte';
4+
</script>
5+
6+
<svelte:head>
7+
<title>Frequently Asked Questions</title>
8+
</svelte:head>
9+
10+
{#snippet beggingEntry()}
11+
<ul class="list-inside list-disc">
12+
<li>
13+
<a href="https://buymeacoffee.com/sadespresso">Buy me a coffee</a>
14+
</li>
15+
<li>Skrill: [email protected]</li>
16+
</ul>
17+
{/snippet}
18+
19+
<section class="flex flex-col items-center justify-center gap-4">
20+
<div class="flex max-w-screen-md flex-col">
21+
<h1 class="mb-8">Frequently Asked Questions</h1>
22+
23+
<DocHeader id="what-is-flow">What is Flow?</DocHeader>
24+
25+
<p>
26+
Flow is a free and open-source personal finance tracking app. As Flow is offline, you are in
27+
control of your data.
28+
</p>
29+
30+
<DocHeader id="where-do-i-download-flow">Where do I download Flow?</DocHeader>
31+
32+
<p>You can download Flow from:</p>
33+
<br />
34+
<FlexDownloadButtons />
35+
<br />
36+
37+
<DocHeader id="can-i-export-all-of-my-data">Can I export all of my data?</DocHeader>
38+
39+
<p>
40+
Yes, you can export JSON/ZIP backups which you can import it to another device, and CSV files
41+
for analyzing your data in spreadsheet software (i.e., Excel, Google Sheets), which is not
42+
recoverable like JSON/ZIP backups.
43+
</p>
44+
45+
<DocHeader id="does-flow-have-online-sync">Does Flow have online sync?</DocHeader>
46+
47+
<p>
48+
No. It's planned, and is likely to take quite some time. In the meantime, I recommend doing
49+
periodic backups to avoid data loss.
50+
</p>
51+
52+
<DocHeader id="will-flow-have-online-sync">Will Flow have online sync?</DocHeader>
53+
54+
<p>
55+
Yes, it will. It's likely to take quite some time. In the meantime, I recommend doing periodic
56+
backups to avoid data loss.
57+
</p>
58+
59+
<DocHeader id="does-flow-work-offline">Does Flow work offline?</DocHeader>
60+
61+
<p>
62+
Yes, Flow doesn't require internet except for gather exchange rates data.
63+
<br />
64+
Flow doesn't need exchange rates if you use only one currency.
65+
</p>
66+
67+
<DocHeader id="does-flow-support-multi-currency">Does Flow support multi-currency</DocHeader>
68+
69+
<p>
70+
Yes. Flow can generate reports, summaries involving accounts with different currency.
71+
<br />
72+
<span class="opacity-60">Cross-currency transfers are not available at the moment.</span>
73+
</p>
74+
75+
<DocHeader id="can-i-make-transfers-between-different-currency-accounts">
76+
Can I make transfers between different currency accounts?
77+
</DocHeader>
78+
79+
<p>
80+
No, at the moment, it's not possible. This feature is planned, and is expected to be out in
81+
the near future.
82+
</p>
83+
84+
<DocHeader id="is-flow-free">Is Flow free?</DocHeader>
85+
86+
<p>
87+
Yes, Flow is absolutely free. All of the features are available for free without any
88+
limitations. Please consider supporting if you can as I make Flow on the side, and does not
89+
generate money off of it ^^
90+
</p>
91+
<br />
92+
{@render beggingEntry()}
93+
94+
<DocHeader id="how-many-accounts-can-i-have-at-max"
95+
>How many accounts can I have at max?</DocHeader
96+
>
97+
98+
You can have as many accounts as you want.
99+
100+
<DocHeader id="i-dont-find-x-features-will-it-be-implemented">
101+
I don't find X features, will it be implemented?
102+
</DocHeader>
103+
104+
<p>
105+
If you have ideas to make Flow better, please submit it to our GitHub
106+
<a href="https://github.com/flow-mn/flow/issues" target="_blank">issue tracker</a>. As long as
107+
it aligns with Flow's vision, it will be implemented.
108+
</p>
109+
110+
<DocHeader id="why-is-flow-free-and-or-open-source"
111+
>Why is Flow free and/or open-source?</DocHeader
112+
>
113+
114+
<p>
115+
Many benefit from open source, including me. And this is my small contribution. Please
116+
consider supporting if you can as I make Flow on the side, and does not generate money off of
117+
it ^^
118+
</p>
119+
<br />
120+
{@render beggingEntry()}
121+
122+
<DocHeader id="can-i-add-recurring-transactions">Can I add recurring transactions?</DocHeader>
123+
124+
<p>No, not at the moment, but it's planned.</p>
125+
126+
<DocHeader id="how-do-i-contact-the-maintainer">How do I contact the maintainer?</DocHeader>
127+
128+
<p>You can contact through any of the following channels:</p>
129+
<br />
130+
<ul class="list-inside list-disc">
131+
<li><a href="mailto:[email protected]" target="_blank">[email protected]</a></li>
132+
<li><a href="mailto:[email protected]" target="_blank">[email protected]</a></li>
133+
<li><a href="https://discord.gg/Ndh9VDeZa4" target="_blank">Flow's discord channel</a></li>
134+
<li>
135+
More contact information on <a href="https://dev.gege.mn/#contact" target="_blank"
136+
>https://dev.gege.mn</a
137+
>
138+
</li>
139+
</ul>
140+
</div>
141+
</section>
142+
143+
<style>
144+
p {
145+
@apply mt-2 max-w-prose;
146+
}
147+
</style>

0 commit comments

Comments
 (0)