~repos /website

#astro#js#html#css

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

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


0c84c28b pyrossh

1 year ago
layouts
src/lib/components/Footer.svelte CHANGED
@@ -3,7 +3,7 @@
3
3
  </script>
4
4
 
5
5
  <footer class="flex w-full flex-1 flex-row justify-center text-xl leading-6 bg-black-lighter">
6
- <div class="flex flex-row flex-1 py-4 max-w-5xl">
6
+ <div class="flex flex-row flex-1 py-4 px-3 max-w-5xl">
7
7
  <div class="flex-1">
8
8
  <SocialLinks />
9
9
  </div>
src/lib/components/Header.svelte CHANGED
@@ -4,7 +4,7 @@
4
4
  </script>
5
5
 
6
6
  <header>
7
- <nav class="spy-2 m:py-0 flex w-full flex-1 flex-row justify-center bg-black font-mono">
7
+ <nav class="py-2 md:py-0 flex w-full flex-1 flex-row justify-center bg-black font-mono">
8
8
  <div class="flex flex-row flex-1 items-center p-3 max-w-5xl">
9
9
  <a class="flex text-#f1fa8c pr-4 hover:no-underline ml-0 pl-0" href="{base}/">
10
10
  <span class="mr-1 font-logo font-bold">木</span> pyros.sh
@@ -17,9 +17,7 @@
17
17
  <div>|</div>
18
18
  <a href="{base}/posts" rel="prefetch"> posts </a>
19
19
  </div>
20
- <div class="hidden sm:flex">
21
- <SocialLinks />
20
+ <SocialLinks />
22
- </div>
23
21
  </div>
24
22
  </nav>
25
23
  </header>
src/routes/+page.svelte CHANGED
@@ -40,12 +40,10 @@
40
40
  </p>
41
41
  <div>
42
42
  <div class="flex items-center mt-8 mb-4">
43
- <div class="i-ic-outline-space-dashboard text-pink-800 mr-2" />
43
+ <div class="i-ant-design:project-outlined text-pink-800 mr-2" />
44
44
  <h2>Projects</h2>
45
45
  </div>
46
- <div
47
- class="grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-8 child-section:flex child-section:flex-col child-section:mt-4 child-section:mx-1"
46
+ <div class="grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-8">
48
- >
49
47
  <Slide title="rust-embed" link="https://github.com/pyrossh/rust-embed">
50
48
  <p>
51
49
  A rust proc-macro which loads files into the rust binary at compile time during release
@@ -244,6 +242,10 @@
244
242
  --at-apply: text-xl font-semibold middle;
245
243
  }
246
244
 
245
+ section {
246
+ --at-apply: flex flex-col mt-4 mx-1;
247
+ }
248
+
247
249
  .soft-link {
248
250
  --at-apply: text-base text-blue-900 flex flex-col items-center;
249
251
  }