~repos /only-bible-app
git clone https://pyrossh.dev/repos/only-bible-app.git
The only bible app you will ever need. No ads. No in-app purchases. No distractions.
10216bb6
—
pyrossh 1 year ago
improve website
website/src/lib/components/intro.svelte
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
<h1
|
|
2
|
+
class="sm:m-0 text-3xl font-bold text-center sm:text-left sm:text-4xl lg:leading-tight text-white"
|
|
3
|
+
>
|
|
4
|
+
The only bible app you will ever need
|
|
5
|
+
</h1>
|
|
6
|
+
<div class="text-center sm:text-left flex flex-col text-lg text-neutral-100 sm:mt-5">
|
|
7
|
+
<span>No ads,</span>
|
|
8
|
+
<span>No in-app purchases,</span>
|
|
9
|
+
<span>No distractions.</span>
|
|
10
|
+
</div>
|
website/src/routes/+page.svelte
CHANGED
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
import AppStoreIcon from '$lib/icons/appstore.svg?component';
|
|
4
4
|
import lightPng from '$lib/images/light.png?enhanced';
|
|
5
5
|
import logoPng from '../../../assets/icon.png';
|
|
6
|
+
import Intro from '$lib/components/intro.svelte';
|
|
6
7
|
</script>
|
|
7
8
|
|
|
8
9
|
<svelte:head>
|
|
@@ -95,19 +96,11 @@
|
|
|
95
96
|
<!-- ========== END HEADER ========== -->
|
|
96
97
|
|
|
97
98
|
<!-- ========== HERO ========== -->
|
|
98
|
-
<div class="flex flex-1 flex-col sm:flex-row items-center mt-
|
|
99
|
+
<div class="flex flex-1 flex-col-reverse sm:flex-row items-center mt-10 sm:mt-0">
|
|
99
100
|
<div class="flex flex-col items-center sm:items-start">
|
|
100
|
-
<h1
|
|
101
|
-
|
|
101
|
+
<div class="hidden sm:block sm:mb-10">
|
|
102
|
-
>
|
|
103
|
-
The only bible app you will ever need
|
|
104
|
-
|
|
102
|
+
<Intro />
|
|
105
|
-
<div class="flex flex-row gap-2 sm:flex-col mb-10 text-lg text-neutral-100 mt-5">
|
|
106
|
-
<span>No ads,</span>
|
|
107
|
-
<span>No in-app purchases,</span>
|
|
108
|
-
<span>No distractions.</span>
|
|
109
103
|
</div>
|
|
110
|
-
|
|
111
104
|
<!-- Buttons -->
|
|
112
105
|
<div class="flex flex-col sm:flex-row">
|
|
113
106
|
<a
|
|
@@ -133,7 +126,7 @@
|
|
|
133
126
|
<!-- Slider -->
|
|
134
127
|
<!-- End Slider -->
|
|
135
128
|
<div
|
|
136
|
-
class="not-prose flex items-center mt-20 sm:flex-row [&>picture]:flex [&>picture]:justify-center sm:[&>picture]:justify-end"
|
|
129
|
+
class="not-prose flex items-center mt-10 sm:mt-20 sm:flex-row [&>picture]:flex [&>picture]:justify-center sm:[&>picture]:justify-end"
|
|
137
130
|
>
|
|
138
131
|
<enhanced:img
|
|
139
132
|
class="w-9/12"
|
|
@@ -158,6 +151,9 @@
|
|
|
158
151
|
</div>
|
|
159
152
|
</div>
|
|
160
153
|
</div>
|
|
154
|
+
<div class="sm:hidden">
|
|
155
|
+
<Intro />
|
|
156
|
+
</div>
|
|
161
157
|
<!-- End Col -->
|
|
162
158
|
</div>
|
|
163
159
|
<!-- ========== END HERO ========== -->
|