~repos /only-bible-app

#kotlin#android#ios

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.

Readme
|
Commits
|
Files
14d8f4a1 — pyrossh

1 year ago 
improve website
Files changed (7) hide show
  1. website/package-lock.json +0 -6
  2. website/package.json +1 -2
  3. website/src/app.d.ts +6 -0
  4. website/src/lib/images/light.png +0 -0
  5. website/src/routes/+layout.svelte +1 -1
  6. website/src/routes/+page.svelte +17 -34
  7. website/tailwind.config.js +1 -1
website/package-lock.json CHANGED
@@ -8,7 +8,6 @@
8
8
  "name": "website",
9
9
  "version": "0.0.1",
10
10
  "dependencies": {
11
- "@preline/overlay": "^2.1.0",
12
11
  "preline": "^2.1.0"
13
12
  },
14
13
  "devDependencies": {
@@ -1648,11 +1647,6 @@
1648
1647
  "url": "https://opencollective.com/popperjs"
1649
1648
  }
1650
1649
  },
1651
- "node_modules/@preline/overlay": {
1652
- "version": "2.1.0",
1653
- "resolved": "https://registry.npmjs.org/@preline/overlay/-/overlay-2.1.0.tgz",
1654
- "integrity": "sha512-IvXOnzk+AHhRu91COFQpd/sHFm9B2w0qlW2pI5RbnrJK3Q1WIqK0TLUAe7yaEfG8Qw8crgsBGLJzNyuTIkwobw=="
1655
- },
1656
1650
  "node_modules/@rollup/pluginutils": {
1657
1651
  "version": "5.1.0",
1658
1652
  "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.0.tgz",
website/package.json CHANGED
@@ -36,7 +36,6 @@
36
36
  },
37
37
  "type": "module",
38
38
  "dependencies": {
39
- "@preline/overlay": "^2.1.0",
40
39
  "preline": "^2.1.0"
41
40
  }
42
- }
41
+ }
website/src/app.d.ts CHANGED
@@ -9,6 +9,12 @@ declare global {
9
9
  // interface PageState {}
10
10
  // interface Platform {}
11
11
  }
12
+
13
+ interface Window {
14
+ HSStaticMethods: {
15
+ autoInit: () => void,
16
+ }
17
+ }
12
18
  }
13
19
 
14
20
  export { };
website/src/lib/images/light.png CHANGED
Binary file
website/src/routes/+layout.svelte CHANGED
@@ -7,7 +7,7 @@
7
7
  });
8
8
  </script>
9
9
 
10
- <div class="prose mx-auto">
10
+ <div class="prose mx-auto h-full">
11
11
  <slot />
12
12
  </div>
13
13
 
website/src/routes/+page.svelte CHANGED
@@ -2,7 +2,6 @@
2
2
  import PlayStoreIcon from '$lib/icons/playstore.svg?component';
3
3
  import AppStoreIcon from '$lib/icons/appstore.svg?component';
4
4
  import lightPng from '$lib/images/light.png?enhanced';
5
- import darkPng from '$lib/images/dark.png?enhanced';
6
5
  import logoPng from '../../../assets/icon.png';
7
6
  </script>
8
7
 
@@ -11,7 +10,7 @@
11
10
  <meta name="description" content="The only bible app you will ever need" />
12
11
  </svelte:head>
13
12
 
14
- <main class="flex flex-col text-black mx-4 items">
13
+ <main class="flex flex-col mx-4 h-full">
15
14
  <!-- ========== HEADER ========== -->
16
15
  <header class="text-sm mt-4">
17
16
  <nav class="sm:flex sm:flex-1 sm:items-center sm:justify-between" aria-label="Global">
@@ -27,7 +26,7 @@
27
26
  <div class="sm:hidden">
28
27
  <button
29
28
  type="button"
30
- class="hs-collapse-toggle p-2 inline-flex justify-center items-center gap-2 rounded-lg border border-gray-700 hover:border-gray-600 font-medium text-gray-300 hover:text-white shadow-sm align-middle focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-900 focus:ring-blue-600 transition-all text-sm dark:border-neutral-700 dark:hover:border-neutral-600"
29
+ class="hs-collapse-toggle p-2 inline-flex justify-center items-center rounded-lg border border-gray-200 hover:border-gray-100 font-medium text-gray-200 hover:text-white shadow-sm"
31
30
  data-hs-collapse="#navbar-collapse-with-animation"
32
31
  aria-controls="navbar-collapse-with-animation"
33
32
  aria-label="Toggle navigation"
@@ -96,16 +95,18 @@
96
95
  <!-- ========== END HEADER ========== -->
97
96
 
98
97
  <!-- ========== HERO ========== -->
99
- <div class="flex flex-col sm:flex-row mt-12">
98
+ <div class="flex flex-1 flex-col sm:flex-row items-center mt-20 sm:mt-0">
100
- <div class="flex flex-1 flex-col items-center sm:items-start mt-8">
99
+ <div class="flex flex-col items-center sm:items-start">
101
100
  <h1
102
- class="text-3xl font-bold text-center sm:text-left text-gray-300 sm:text-4xl lg:leading-tight dark:text-white"
101
+ class="m-0 text-3xl font-bold text-center sm:text-left sm:text-4xl lg:leading-tight text-white"
103
102
  >
104
103
  The only bible app you will ever need
105
104
  </h1>
106
- <p class="mt-3 text-lg text-center sm:text-left text-gray-300 dark:text-neutral-400">
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
- No ads, No in-app purchases, No distractions.
107
+ <span>No in-app purchases,</span>
108
+ <span>No distractions.</span>
108
- </p>
109
+ </div>
109
110
 
110
111
  <!-- Buttons -->
111
112
  <div class="flex flex-col sm:flex-row">
@@ -129,12 +130,16 @@
129
130
  <!-- End Buttons -->
130
131
  </div>
131
132
  <!-- End Col -->
133
+ <!-- Slider -->
134
+ <!-- End Slider -->
135
+ <div
132
- <div class="flex flex-1 items-center sm:flex-row">
136
+ class="not-prose flex items-center mt-20 sm:flex-row [&>picture]:flex [&>picture]:justify-center sm:[&>picture]:justify-end"
137
+ >
133
138
  <enhanced:img
134
- class="cursor-zoom-in"
139
+ class="w-9/12"
135
140
  data-hs-overlay="#hs-unstyled-modal"
136
141
  src={lightPng}
137
- alt="app light screen shot"
142
+ alt="app screenshot"
138
143
  />
139
144
  <div
140
145
  id="hs-unstyled-modal"
@@ -152,28 +157,6 @@
152
157
  </div>
153
158
  </div>
154
159
  </div>
155
- <enhanced:img
156
- data-hs-overlay="#hs-unstyled-modal-2"
157
- class="cursor-zoom-in"
158
- src={darkPng}
159
- alt="app dark screen shot"
160
- />
161
- <div
162
- id="hs-unstyled-modal-2"
163
- class="hs-overlay hidden size-full fixed top-0 start-0 z-[60] overflow-x-hidden overflow-y-auto pointer-events-none"
164
- >
165
- <div
166
- class="hs-overlay-open:opacity-100 hs-overlay-open:duration-500 opacity-0 transition-all sm:max-w-lg sm:w-full m-3 sm:mx-auto"
167
- >
168
- <div class="pointer-events-auto">
169
- <enhanced:img
170
- data-hs-overlay="#hs-unstyled-modal"
171
- src={darkPng}
172
- alt="app dark screen shot"
173
- />
174
- </div>
175
- </div>
176
- </div>
177
160
  </div>
178
161
  <!-- End Col -->
179
162
  </div>
website/tailwind.config.js CHANGED
@@ -9,7 +9,7 @@ export default {
9
9
  typography: ({ theme }) => ({
10
10
  DEFAULT: {
11
11
  css: {
12
- maxWidth: "70rem",
12
+ maxWidth: "50rem",
13
13
  h1: {
14
14
  fontWeight: "500",
15
15
  marginTop: "1rem",