~repos /website

#astro#js#html#css

git clone https://pyrossh.dev/repos/website.git

木 Personal website of pyrossh. Built with astrojs, shiki, vite.

Readme
|
Commits
|
Files
8651b5e4 — pyrossh

1 year ago 
improve website
Files changed (6) hide show
  1. .prettierrc +14 -16
  2. src/routes/+layout.svelte +16 -11
  3. src/routes/only-bible-app/+layout.svelte +9 -0
  4. src/routes/only-bible-app/+page.svelte +55 -18
  5. src/routes/only-bible-app/privacy-policy/+page.svelte +3 -3
  6. src/routes/only-bible-app/terms-and-conditions/+page.svelte +3 -3
.prettierrc CHANGED
@@ -1,17 +1,15 @@
1
1
  {
2
- "useTabs": true,
2
+ "useTabs": true,
3
- "singleQuote": true,
3
+ "singleQuote": true,
4
- "trailingComma": "all",
4
+ "trailingComma": "all",
5
- "printWidth": 100,
5
+ "printWidth": 100,
6
- "plugins": [
7
- "prettier-plugin-svelte"
6
+ "plugins": ["prettier-plugin-svelte"],
8
- ],
9
- "overrides": [
7
+ "overrides": [
10
- {
8
+ {
11
- "files": "*.svelte",
9
+ "files": "*.svelte",
12
- "options": {
10
+ "options": {
13
- "parser": "svelte"
11
+ "parser": "svelte"
14
- }
12
+ }
15
- }
13
+ }
16
- ]
14
+ ]
17
- }
15
+ }
src/routes/+layout.svelte CHANGED
@@ -7,6 +7,7 @@
7
7
 
8
8
  const { page } = getStores();
9
9
  let url = `https://pyrossh.dev${$page.url.pathname}`;
10
+ const isAppPage = $page.url.pathname.includes('only-bible-app');
10
11
  </script>
11
12
 
12
13
  <svelte:head>
@@ -17,15 +18,19 @@
17
18
  <meta property="og:type" content="website" />
18
19
  <meta property="og:url" content={url} />
19
20
  </svelte:head>
21
+ {#if !isAppPage}
20
- <div class="leading-8 flex flex-1 flex-col text-base sm:leading-7 m-0">
22
+ <div class="leading-8 flex flex-1 flex-col text-base sm:leading-7 m-0">
21
- <Header />
23
+ <Header />
22
- <main class="flex flex-1 bg-white">
24
+ <main class="flex flex-1 bg-white">
23
- <div class="flex flex-1 flex-row justify-center">
25
+ <div class="flex flex-1 flex-row justify-center">
24
- <div class="flex flex-1 flex-row max-w-5xl my-4 p-4">
26
+ <div class="flex flex-1 flex-row max-w-5xl my-4 p-4">
25
- <!-- {@render children()} -->
27
+ <!-- {@render children()} -->
26
- <slot />
28
+ <slot />
29
+ </div>
27
30
  </div>
31
+ </main>
32
+ <Footer />
28
- </div>
33
+ </div>
29
- </main>
34
+ {:else}
30
- <Footer />
35
+ <slot />
31
- </div>
36
+ {/if}
src/routes/only-bible-app/+layout.svelte ADDED
@@ -0,0 +1,9 @@
1
+ <div class="prose h-full sm:w-6/12 mx-auto">
2
+ <slot />
3
+ </div>
4
+
5
+ <style lang="postcss">
6
+ :global(html) {
7
+ background-color: #482929;
8
+ }
9
+ </style>
src/routes/only-bible-app/+page.svelte CHANGED
@@ -3,7 +3,6 @@
3
3
  import AppStoreIcon from '$lib/assets/icons/appstore.svg?component';
4
4
  import AppIconPng from '$lib/assets/images/app_icon.png';
5
5
  import AppImagePng from '$lib/assets/images/app_image.png?enhanced';
6
- import Intro from '$lib/components/Intro.svelte';
7
6
  </script>
8
7
 
9
8
  <svelte:head>
@@ -11,25 +10,53 @@
11
10
  <meta name="description" content="The only bible app you will ever need" />
12
11
  </svelte:head>
13
12
 
14
- <div class="flex flex-col mx-4">
13
+ <main class="flex flex-col mx-4">
14
+ <header class="text-sm mt-4">
15
- <div class="flex flex-1 flex-col sm:flex-row items-center sm:items-start">
15
+ <nav class="flex flex-1 justify-between" aria-label="Global">
16
- <div class="flex flex-col items-center sm:items-start">
16
+ <div class="flex flex-1">
17
- <img class="mr-2 w-40 m-0 rounded-xl" src={AppIconPng} alt="Only Bible App" />
18
- <div
17
+ <a
19
- class="flex flex-1 items-center text-5xl font-semibold no-underline focus:outline-none focus:ring-1 focus:ring-gray-600"
18
+ class="flex flex-1 items-center text-xl font-semibold text-gray-200 no-underline focus:outline-none focus:ring-1 focus:ring-gray-600"
19
+ href="/"
20
- aria-label="Brand"
20
+ aria-label="Brand"
21
- >
21
+ >
22
+ <img class="mr-2 w-10 m-0 rounded-xl" src={AppIconPng} alt="Only Bible App" />
22
- <div class="flex flex-1 mt-8">Only Bible App</div>
23
+ <div class="flex flex-1">Only Bible App</div>
24
+ </a>
23
25
  </div>
26
+ <div class="flex flex-col gap-5 mt-5 sm:flex-row sm:items-center sm:justify-end sm:mt-0">
27
+ <a
28
+ class="text-gray-300 font-medium focus:outline-none focus:ring-1 no-underline hover:text-neutral-100 focus:ring-neutral-200"
29
+ href="/only-bible-app/privacy-policy">Privacy Policy</a
30
+ >
31
+ <a
32
+ class="text-gray-300 font-medium focus:outline-none focus:ring-1 no-underline hover:text-neutral-100 focus:ring-neutral-200"
33
+ href="/only-bible-app/terms-and-conditions">Terms & Conditions</a
34
+ >
35
+ </div>
36
+ </nav>
37
+ </header>
38
+ <div class="flex flex-1 flex-col sm:flex-row items-center mt-10 sm:mt-0">
39
+ <div class="flex flex-col items-center sm:items-start">
24
- <div class="mb-4">
40
+ <div class="block mb-4">
41
+ <h1
42
+ class="flex flex-col items-center sm:items-start sm:m-0 text-3xl font-bold text-center sm:text-left sm:text-4xl lg:leading-tight text-white"
43
+ >
44
+ <img class="w-40 m-0 rounded-xl mb-8" src={AppIconPng} alt="Only Bible App" />
45
+ The only bible app you will ever need
25
- <Intro />
46
+ </h1>
47
+ <div class="text-center sm:text-left flex flex-col text-lg text-neutral-100 sm:mt-5">
48
+ <span>No ads,</span>
49
+ <span>No in-app purchases,</span>
50
+ <span>No distractions.</span>
51
+ <span>Offline first.</span>
52
+ </div>
26
53
  </div>
27
54
  <div class="flex flex-col items-center sm:items-start">
28
- <h3 class="m-0 my-4 font-semibold">Download it now.</h3>
55
+ <h3 class="text-gray-200 m-0 my-4">Get it now!</h3>
29
56
  <div class="flex flex-col sm:flex-row">
30
57
  <a
31
58
  class="mt-4 sm:mt-0 sm:mr-2"
32
- href="https://play.google.com/store/apps/details?id=sh.pyros.only_bible_app"
59
+ href="https://play.google.com/store/apps/details?id=dev.pyrossh.onlyBible"
33
60
  rel="noopener noreferrer"
34
61
  target="blank"
35
62
  >
@@ -37,7 +64,7 @@
37
64
  </a>
38
65
  <a
39
66
  class="mt-8 sm:mt-0"
40
- href="https://apps.apple.com/us/app/only-bible-app/id6467606465?itsct=apps_box_badge&amp;itscg=30200"
67
+ href="https://apps.apple.com/us/app/only-bible-app/id6467606465?itsct=apps_box_badge&itscg=30200"
41
68
  rel="noopener noreferrer"
42
69
  target="blank"
43
70
  >
@@ -47,9 +74,19 @@
47
74
  </div>
48
75
  </div>
49
76
  <div
50
- class="not-prose flex items-center sm:flex-row [&>picture]:flex [&>picture]:justify-center sm:[&>picture]:justify-end mt-10 sm:mt-0"
77
+ class="not-prose flex items-center mt-10 sm:mt-20 sm:flex-row [&>picture]:flex [&>picture]:justify-center sm:[&>picture]:justify-end"
51
78
  >
52
- <enhanced:img class="w-6/12" src={AppImagePng} alt="app screenshot" />
79
+ <enhanced:img class="w-9/12" src={AppImagePng} alt="app screenshot" />
53
80
  </div>
54
81
  </div>
82
+ <footer class="text-center py-5 mt-20">
83
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
84
+ <p class="text-sm text-gray-300 dark:text-neutral-400">
85
+ Copyright © 2024 <a
86
+ class="decoration-2 underline underline-offset-2 font-medium hover:text-gray-400 hover:decoration-gray-400"
87
+ href="https://github.com/pyrossh">pyrossh</a
88
+ >
89
+ </p>
55
- </div>
90
+ </div>
91
+ </footer>
92
+ </main>
src/routes/only-bible-app/privacy-policy/+page.svelte CHANGED
@@ -2,7 +2,7 @@
2
2
  <title>Privacy Policy | Only Bible App</title>
3
3
  </svelte:head>
4
4
 
5
- <main class="prose mx-4">
5
+ <main class="mx-4 text-gray-300">
6
6
  <h1 class="text-center">Privacy Policy</h1>
7
7
  <p>
8
8
  Only Bible App does not collect any information about you or your usage of the app. It does not
@@ -13,8 +13,8 @@
13
13
  <h4>Changes to this Privacy Policy</h4>
14
14
  I may update our Privacy Policy from time to time. Thus, you are advised to review this page periodically
15
15
  for any changes. I will notify you of any changes by posting the new Privacy Policy on this page.
16
- <p>This policy is effective as of <strong>2023-09-08</strong></p>
16
+ <p>This policy is effective as of <strong class="text-gray-300">2023-09-08</strong></p>
17
17
  <h4>Contact Us</h4>
18
18
  If you have any questions or suggestions for us you can contact us at
19
- <strong>pyros2097@gmail.com</strong>
19
+ <strong class="text-gray-300">pyros2097@gmail.com</strong>
20
20
  </main>
src/routes/only-bible-app/terms-and-conditions/+page.svelte CHANGED
@@ -2,7 +2,7 @@
2
2
  <title>Terms and Conditions | Only Bible App</title>
3
3
  </svelte:head>
4
4
 
5
- <main class="mx-4 pb-10">
5
+ <main class="mx-4 pb-10 text-gray-300">
6
6
  <h1 class="text-center text-3xl">Terms and Conditions</h1>
7
7
  <p>
8
8
  By downloading or using the app, these terms will automatically apply to you – you should make
@@ -31,8 +31,8 @@
31
31
  I may update our Terms and conditions from time to time. Thus, you are advised to review this page
32
32
  periodically for any changes. I will notify you of any changes by posting the new Terms and conditions
33
33
  on this page.
34
- <p>This policy is effective as of <strong>2023-09-08</strong></p>
34
+ <p>This policy is effective as of <strong class="text-gray-300">2023-09-08</strong></p>
35
35
  <h4>Contact Us</h4>
36
36
  If you have any questions or suggestions for us you can contact us at
37
- <strong>pyros2097@gmail.com</strong>
37
+ <strong class="text-gray-300">pyros2097@gmail.com</strong>
38
38
  </main>