~repos /website

#astro#js#html#css

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

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


f926a102 pyrossh

1 year ago
Improve main page
src/lib/components/Slide.svelte CHANGED
@@ -12,7 +12,9 @@
12
12
  target="_blank"
13
13
  rel="noopener noreferrer"
14
14
  >
15
+ <slot name="icon">
15
- <div class="i-mdi-github mr-2" />
16
+ <div class="i-mdi-github mr-2" />
17
+ </slot>
16
18
  <h2>{title}</h2>
17
19
  </a>
18
20
  <!-- {@render children()} -->
src/routes/+page.svelte CHANGED
@@ -73,25 +73,38 @@
73
73
  <p>👾 A statically typed, functional programming language inspired by rust, koka.</p>
74
74
  <p>WIP to support compilation to WASM.</p>
75
75
  </Slide>
76
- <Slide title="onlybible.app" link="https://github.com/pyrossh/onlybible.app">
76
+ <Slide title="Only Bible App" link="https://github.com/pyrossh/onlybible.app">
77
+ <img
78
+ slot="icon"
79
+ class="mr-2 w-9 rounded-3"
80
+ src="https://is1-ssl.mzstatic.com/image/thumb/Purple126/v4/59/26/b8/5926b8c7-b993-c4d4-8945-1fe3de765e27/AppIcon-0-0-1x_U007emarketing-0-7-0-0-85-220.png/540x540bb.jpg"
81
+ alt="Only Bible App"
82
+ />
77
83
  <p>
78
84
  The only bible app you will ever need. No ads, No in-app purchases, No distractions.
79
85
  </p>
80
86
  <div class="flex mt-4">
81
87
  <a
82
- class="mr-4"
88
+ class="mr-2 w-36 ml-(-2)"
83
89
  href="https://play.google.com/store/apps/details?id=sh.pyros.only_bible_app"
84
90
  rel="noopener noreferrer"
85
91
  target="blank"
86
92
  >
93
+ <img
87
- <!-- <GooglePlayIcon /> -->
94
+ alt="Get it on Google Play"
95
+ src="https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png"
96
+ />
88
97
  </a>
89
98
  <a
99
+ class="mt-2"
90
- href="https://apps.apple.com/us/app/only-bible-app/id6467606465"
100
+ href="https://apps.apple.com/us/app/only-bible-app/id6467606465?itsct=apps_box_badge&amp;itscg=30200"
91
101
  rel="noopener noreferrer"
92
102
  target="blank"
93
103
  >
104
+ <img
105
+ src="https://tools.applemediaservices.com/api/badges/download-on-the-app-store/black/en-us?size=250x83&amp;releaseDate=1695600000"
94
- <!-- <AppStoreIcon /> -->
106
+ alt="Download on the App Store"
107
+ />
95
108
  </a>
96
109
  </div>
97
110
  </Slide>