~repos /website
git clone https://pyrossh.dev/repos/website.git
木 Personal website of pyrossh. Built with astrojs, shiki, vite.
105f23f0
—
pyrossh 1 year ago
update app page
src/lib/assets/images/app_icon.png
ADDED
|
Binary file
|
src/lib/assets/images/app_image.png
ADDED
|
Binary file
|
src/lib/assets/images/dark.png
DELETED
|
Binary file
|
src/lib/assets/images/light.png
DELETED
|
Binary file
|
src/lib/components/Intro.svelte
CHANGED
|
@@ -2,7 +2,10 @@
|
|
|
2
2
|
The only bible app you will ever need
|
|
3
3
|
</h1>
|
|
4
4
|
<div class="text-center sm:text-left flex flex-col text-lg sm:mt-5">
|
|
5
|
-
<
|
|
5
|
+
<p>No ads</p>
|
|
6
|
-
<
|
|
6
|
+
<p>No in-app purchases</p>
|
|
7
|
-
<
|
|
7
|
+
<p>No distractions</p>
|
|
8
|
+
<p>Offline First</p>
|
|
9
|
+
<p>Optimized reading</p>
|
|
10
|
+
<p>Online Audio Playback</p>
|
|
8
11
|
</div>
|
src/routes/only-bible-app/+page.svelte
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
<script>
|
|
2
2
|
import PlayStoreIcon from '$lib/assets/icons/playstore.svg?component';
|
|
3
3
|
import AppStoreIcon from '$lib/assets/icons/appstore.svg?component';
|
|
4
|
+
import AppIconPng from '$lib/assets/images/app_icon.png';
|
|
4
|
-
import
|
|
5
|
+
import AppImagePng from '$lib/assets/images/app_image.png?enhanced';
|
|
5
|
-
import logoPng from '$lib/assets/logos/onlybible.png';
|
|
6
6
|
import Intro from '$lib/components/Intro.svelte';
|
|
7
7
|
</script>
|
|
8
8
|
|
|
@@ -13,8 +13,8 @@
|
|
|
13
13
|
|
|
14
14
|
<div class="flex flex-col mx-4">
|
|
15
15
|
<div class="flex flex-1 flex-col sm:flex-row items-center sm:items-start">
|
|
16
|
-
<div class="flex flex-col items-center sm:items-start
|
|
16
|
+
<div class="flex flex-col items-center sm:items-start">
|
|
17
|
-
<img class="mr-2 w-40 m-0 rounded-xl" src={
|
|
17
|
+
<img class="mr-2 w-40 m-0 rounded-xl" src={AppIconPng} alt="Only Bible App" />
|
|
18
18
|
<div
|
|
19
19
|
class="flex flex-1 items-center text-5xl font-semibold no-underline focus:outline-none focus:ring-1 focus:ring-gray-600"
|
|
20
20
|
aria-label="Brand"
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
<div
|
|
50
50
|
class="not-prose flex items-center sm:flex-row [&>picture]:flex [&>picture]:justify-center sm:[&>picture]:justify-end mt-10 sm:mt-0"
|
|
51
51
|
>
|
|
52
|
-
<enhanced:img class="w-6/12" src={
|
|
52
|
+
<enhanced:img class="w-6/12" src={AppImagePng} alt="app screenshot" />
|
|
53
53
|
</div>
|
|
54
54
|
</div>
|
|
55
55
|
</div>
|