~repos /website

#astro#js#html#css

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

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


1b998c9b pyrossh

1 year ago
Add app icons
.vscode/extensions.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "recommendations": [
3
3
  "denoland.vscode-deno",
4
- "sastan.twind-intellisense"
4
+ "bradlc.vscode-tailwindcss"
5
5
  ]
6
6
  }
routes/index.tsx CHANGED
@@ -6,7 +6,7 @@ import HardwareIcon from "../components/icons/HardwareIcon.tsx";
6
6
  import SoftwareIcon from "../components/icons/SoftwareIcon.tsx";
7
7
  import GooglePlayIcon from "../components/icons/GooglePlayIcon.tsx";
8
8
  import AppStoreIcon from "../components/icons/AppStoreIcon.tsx";
9
- import { Head } from "$fresh/runtime.ts";
9
+ import { asset, Head } from "$fresh/runtime.ts";
10
10
 
11
11
  export default function Home() {
12
12
  return (
@@ -21,7 +21,7 @@ export default function Home() {
21
21
  <div class="heir-h2:text-xl heir-h2:font-bold heir-h2:middle">
22
22
  <h1 class="text-3xl font-bold mb-4">Hello!</h1>
23
23
  <p>
24
- I'm{" "}
24
+ I{"'"}m{" "}
25
25
  <a class="underline" href="https://www.linkedin.com/in/peter-john-in">
26
26
  <strong>Peter John</strong>
27
27
  </a>
@@ -30,7 +30,7 @@ export default function Home() {
30
30
  </p>
31
31
  <p>
32
32
  I currently work for Equal Experts. I have a strong passion for golang
33
- but I also work with react and nodejs. I've mostly worked with
33
+ but I also work with react and nodejs. I{"'"}ve mostly worked with
34
34
  startups and product based companies. I have gained a lot of domain
35
35
  specific knowledge in healthcare and finance during these startup
36
36
  years.
@@ -39,8 +39,8 @@ export default function Home() {
39
39
  I like to work on open source and hobby projects. Over the course of
40
40
  {" "}
41
41
  {new Date().getFullYear() - 2014}{" "}
42
- years I've accumulated a lot of useful projects used by many people
42
+ years I{"'"}ve accumulated a lot of useful projects used by many
43
- around the world.
43
+ people around the world.
44
44
  </p>
45
45
  <div>
46
46
  <div class="flex items-center mt-8 mb-4 child-svg:mr-2 child-svg:text-pink-800">
@@ -114,7 +114,7 @@ export default function Home() {
114
114
  <SoftwareIcon size="32" />
115
115
  <h2>Software</h2>
116
116
  </div>
117
- <ul class="grid gap-2 grid-cols-3 text-center mt-4 heir-a:text-blue-900 child:bg-gray-200 child:p-1">
117
+ <ul class="grid gap-2 grid-cols-3 text-center mt-4 heir-img:w-12 heir-a:text-base heir-a:text-blue-900 heir-a:flex heir-a:flex-col heir-a:items-center child:bg-gray-200 child:p-2 child:pb-4">
118
118
  <li>
119
119
  <a
120
120
  href="https://github.com/exelban/stats"
@@ -122,6 +122,7 @@ export default function Home() {
122
122
  rel="noopener noreferrer"
123
123
  >
124
124
  Stats
125
+ <img src={asset("/logos/stats.png")} />
125
126
  </a>
126
127
  </li>
127
128
  <li>
@@ -131,6 +132,7 @@ export default function Home() {
131
132
  rel="noopener noreferrer"
132
133
  >
133
134
  Brave
135
+ <img src={asset("/logos/brave.png")} />
134
136
  </a>
135
137
  </li>
136
138
  <li>
@@ -140,6 +142,7 @@ export default function Home() {
140
142
  rel="noopener noreferrer"
141
143
  >
142
144
  VS Code
145
+ <img src={asset("/logos/code.png")} />
143
146
  </a>
144
147
  </li>
145
148
  <li>
@@ -149,6 +152,7 @@ export default function Home() {
149
152
  rel="noopener noreferrer"
150
153
  >
151
154
  Helix
155
+ <img src={asset("/logos/helix.png")} />
152
156
  </a>
153
157
  </li>
154
158
  <li>
@@ -158,6 +162,7 @@ export default function Home() {
158
162
  rel="noopener noreferrer"
159
163
  >
160
164
  Fish
165
+ <img src={asset("/logos/fish.png")} />
161
166
  </a>
162
167
  </li>
163
168
  <li>
@@ -167,6 +172,7 @@ export default function Home() {
167
172
  rel="noopener noreferrer"
168
173
  >
169
174
  iTerm2
175
+ <img src={asset("/logos/iterm.png")} />
170
176
  </a>
171
177
  </li>
172
178
  <li>
@@ -176,6 +182,7 @@ export default function Home() {
176
182
  rel="noopener noreferrer"
177
183
  >
178
184
  Slurp
185
+ <img class="w-12" src={asset("/logos/slurp.png")} />
179
186
  </a>
180
187
  </li>
181
188
  <li>
@@ -185,6 +192,7 @@ export default function Home() {
185
192
  rel="noopener noreferrer"
186
193
  >
187
194
  Curve
195
+ <img class="w-12" src={asset("/logos/curve.png")} />
188
196
  </a>
189
197
  </li>
190
198
  </ul>
static/logos/brave.png ADDED
Binary file
static/logos/code.png ADDED
Binary file
static/logos/curve.png ADDED
Binary file
static/logos/fish.png ADDED
Binary file
static/logos/helix.png ADDED
Binary file
static/logos/iterm.png ADDED
Binary file
static/logos/slurp.png ADDED
Binary file
static/logos/stats.png ADDED
Binary file