~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
fff4a182 — pyrossh

2 years ago 
improve design
Files changed (1) hide show
  1. routes/index.tsx +18 -15
routes/index.tsx CHANGED
@@ -206,7 +206,7 @@ export default function Home() {
206
206
  <TreeIcon size="36" />
207
207
  <h2>Interests</h2>
208
208
  </div>
209
- <ul class="grid gap-2 grid-cols-3 text-center mt-4 ml-2 child:bg-gray-200 child:p-1">
209
+ <ul class="grid gap-2 grid-cols-3 text-center mt-4 ml-2 child:bg-slate-100 child:p-1">
210
210
  <li>HTML</li>
211
211
  <li>CSS</li>
212
212
  <li>Tailwind</li>
@@ -226,24 +226,27 @@ export default function Home() {
226
226
  <ContactIcon size="36" />
227
227
  <h2>Contact</h2>
228
228
  </div>
229
- <div class="mt-4 ml-1 child:flex child:mb-3 heir-a:ml-1 heir-a:text-blue-800">
229
+ <ul class="grid gap-2 grid-cols-1 text-lg text-left mt-4 ml-2 heir-strong:mr-2 child:bg-slate-100 child:p-2">
230
- <div>
230
+ <li>
231
- Email:
231
+ <strong>Email:</strong>
232
- <a href="mailto:pyros2097@gmail.com">pyros2097@gmail.com</a>
232
+ <span>pyros2097@gmail.com</span>
233
- </div>
233
+ </li>
234
- <div>
234
+ <li>
235
- Github:
235
+ <strong>Github:</strong>
236
- <a href="https://github.com/pyrossh">
236
+ <a class="text-blue-900" href="https://github.com/pyrossh">
237
237
  https://github.com/pyrossh
238
238
  </a>
239
- </div>
239
+ </li>
240
- <div>
240
+ <li>
241
+ <strong>LinkedIn:</strong>
241
- LinkedIn:
242
+ <a
243
+ class="text-blue-900"
242
- <a href="https://www.linkedin.com/in/peter-john-in">
244
+ href="https://www.linkedin.com/in/peter-john-in"
245
+ >
243
246
  https://www.linkedin.com/in/pyrossh
244
247
  </a>
245
- </div>
248
+ </li>
246
- </div>
249
+ </ul>
247
250
  </section>
248
251
  </div>
249
252
  </div>