~repos /website
git clone https://pyrossh.dev/repos/website.git
木 Personal website of pyrossh. Built with astrojs, shiki, vite.
4caa8bb5
—
Peter John 11 months ago
improve software block again
- src/routes/+page.svelte +15 -35
src/routes/+page.svelte
CHANGED
|
@@ -4,13 +4,11 @@
|
|
|
4
4
|
import onlyBiblePng from '$lib/assets/images/app_icon.png?enhanced';
|
|
5
5
|
import pyrosshPng from '$lib/assets/logos/pyrossh.png?enhanced';
|
|
6
6
|
import stats from '$lib/assets/logos/stats.png?enhanced';
|
|
7
|
-
import fleet from '$lib/assets/logos/fleet.png?enhanced';
|
|
8
7
|
import code from '$lib/assets/logos/code.png?enhanced';
|
|
9
8
|
import helix from '$lib/assets/logos/helix.png?enhanced';
|
|
10
9
|
import nu from '$lib/assets/logos/nu.png?enhanced';
|
|
11
10
|
import iterm from '$lib/assets/logos/iterm.png?enhanced';
|
|
12
11
|
import zellij from '$lib/assets/logos/zellij.png?enhanced';
|
|
13
|
-
import slurp from '$lib/assets/logos/slurp.png?enhanced';
|
|
14
12
|
import inkscape from '$lib/assets/logos/inkscape.png?enhanced';
|
|
15
13
|
</script>
|
|
16
14
|
|
|
@@ -161,7 +159,7 @@
|
|
|
161
159
|
<Icon class="text-blue-800 mr-2" icon="eos-icons:software-outlined" width="36" />
|
|
162
160
|
<h2>Software</h2>
|
|
163
161
|
</div>
|
|
164
|
-
<ul class="grid gap-2 grid-cols-3
|
|
162
|
+
<ul class="grid gap-2 grid-cols-3 md:grid-cols-7 text-center mt-4 *:bg-slate-100 *:p-1">
|
|
165
163
|
<li>
|
|
166
164
|
<a
|
|
167
165
|
class="soft-link"
|
|
@@ -169,7 +167,7 @@
|
|
|
169
167
|
target="_blank"
|
|
170
168
|
rel="noopener noreferrer"
|
|
171
169
|
>
|
|
172
|
-
Stats
|
|
170
|
+
<div>Stats</div>
|
|
173
171
|
<enhanced:img class="soft-icon" src={stats} alt="Stats" />
|
|
174
172
|
</a>
|
|
175
173
|
</li>
|
|
@@ -180,7 +178,7 @@
|
|
|
180
178
|
target="_blank"
|
|
181
179
|
rel="noopener noreferrer"
|
|
182
180
|
>
|
|
183
|
-
VS Code
|
|
181
|
+
<div>VS Code</div>
|
|
184
182
|
<enhanced:img class="soft-icon" src={code} alt="VsCode" />
|
|
185
183
|
</a>
|
|
186
184
|
</li>
|
|
@@ -191,21 +189,10 @@
|
|
|
191
189
|
target="_blank"
|
|
192
190
|
rel="noopener noreferrer"
|
|
193
191
|
>
|
|
194
|
-
Helix
|
|
192
|
+
<div>Helix</div>
|
|
195
193
|
<enhanced:img class="soft-icon" src={helix} alt="Helix" />
|
|
196
194
|
</a>
|
|
197
195
|
</li>
|
|
198
|
-
<li>
|
|
199
|
-
<a
|
|
200
|
-
class="soft-link"
|
|
201
|
-
href="https://www.jetbrains.com/fleet/"
|
|
202
|
-
target="_blank"
|
|
203
|
-
rel="noopener noreferrer"
|
|
204
|
-
>
|
|
205
|
-
Fleet
|
|
206
|
-
<enhanced:img class="soft-icon" src={fleet} alt="fleet" />
|
|
207
|
-
</a>
|
|
208
|
-
</li>
|
|
209
196
|
<li>
|
|
210
197
|
<a
|
|
211
198
|
class="soft-link"
|
|
@@ -213,8 +200,8 @@
|
|
|
213
200
|
target="_blank"
|
|
214
201
|
rel="noopener noreferrer"
|
|
215
202
|
>
|
|
216
|
-
Nushell
|
|
203
|
+
<div>Nushell</div>
|
|
217
|
-
<enhanced:img class="soft-icon" src={nu} alt="nu-shell" />
|
|
204
|
+
<enhanced:img class="soft-icon rounded-md" src={nu} alt="nu-shell" />
|
|
218
205
|
</a>
|
|
219
206
|
</li>
|
|
220
207
|
<li>
|
|
@@ -224,7 +211,7 @@
|
|
|
224
211
|
target="_blank"
|
|
225
212
|
rel="noopener noreferrer"
|
|
226
213
|
>
|
|
227
|
-
iTerm2
|
|
214
|
+
<div>iTerm2</div>
|
|
228
215
|
<enhanced:img class="soft-icon" src={iterm} alt="iterm2" />
|
|
229
216
|
</a>
|
|
230
217
|
</li>
|
|
@@ -235,7 +222,7 @@
|
|
|
235
222
|
target="_blank"
|
|
236
223
|
rel="noopener noreferrer"
|
|
237
224
|
>
|
|
238
|
-
Zellij
|
|
225
|
+
<div>Zellij</div>
|
|
239
226
|
<enhanced:img class="soft-icon" src={zellij} alt="zellij" />
|
|
240
227
|
</a>
|
|
241
228
|
</li>
|
|
@@ -247,21 +234,10 @@
|
|
|
247
234
|
target="_blank"
|
|
248
235
|
rel="noopener noreferrer"
|
|
249
236
|
>
|
|
250
|
-
Inkscape
|
|
237
|
+
<div>Inkscape</div>
|
|
251
238
|
<enhanced:img class="soft-icon" src={inkscape} alt="inkscape" />
|
|
252
239
|
</a>
|
|
253
240
|
</li>
|
|
254
|
-
<li>
|
|
255
|
-
<a
|
|
256
|
-
class="soft-link"
|
|
257
|
-
href="https://colorslurp.com"
|
|
258
|
-
target="_blank"
|
|
259
|
-
rel="noopener noreferrer"
|
|
260
|
-
>
|
|
261
|
-
Slurp
|
|
262
|
-
<enhanced:img class="soft-icon" src={slurp} alt="slurp" />
|
|
263
|
-
</a>
|
|
264
|
-
</li>
|
|
265
241
|
</ul>
|
|
266
242
|
</section>
|
|
267
243
|
</div>
|
|
@@ -278,10 +254,14 @@
|
|
|
278
254
|
}
|
|
279
255
|
|
|
280
256
|
.soft-link {
|
|
281
|
-
@apply text-base flex flex-
|
|
257
|
+
@apply text-base flex flex-row items-center;
|
|
258
|
+
|
|
259
|
+
div {
|
|
260
|
+
@apply flex-1;
|
|
261
|
+
}
|
|
282
262
|
}
|
|
283
263
|
|
|
284
264
|
.soft-icon {
|
|
285
|
-
@apply w-
|
|
265
|
+
@apply w-8;
|
|
286
266
|
}
|
|
287
267
|
</style>
|