-
Notifications
You must be signed in to change notification settings - Fork 1
/
friends.html
759 lines (759 loc) · 57.3 KB
/
friends.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>友人 - Cynosura</title>
<meta name="description" content="友链列表，按 A-Z 顺序排列">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--主题色-->
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#EBF4F4">
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#121212">
<!--Open Graph protocol-->
<meta property="og:type" content="website">
<meta property="og:title" content="友人 - Cynosura">
<meta property="og:description" content="友链列表，按 A-Z 顺序排列">
<meta property="og:url" content="https://cynosura.one/friends">
<meta property="og:image" content="https://cynosura.one/img/banner.webp">
<!--Twitter Card-->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@astraorsa">
<meta name="twitter:title" content="友人 - Cynosura">
<meta name="twitter:description" content="友链列表，按 A-Z 顺序排列">
<meta name="twitter:image" content="https://cynosura.one/img/banner.webp">
<!--链接样式-->
<link rel="stylesheet" type="text/css" href="css/main.css">
<script src="js/menu.js" defer></script>
<!--图标-->
<link rel="icon" type="image/x-icon" href="img/favicon.ico">
</head>
<body>
<header>
<img class="header-avatar" src="img/avatar.webp" width="600" height="600" alt="site-avatar">
<h1 class="header-title">Cynosura</h1>
<p class="header-description">Trying to light up the dark.</p>
</header>
<main class="friends-main">
<nav class="menu">
<div class="menu-a">
<button class="menu-button" onclick="window.location.href='index.html'" aria-labelledby="menu-a-index">
<svg class="icon menu-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.8913288,10 L11.8900003,3.99867157 L5.88867192,10 L5.89001465,10 L5.89001465,20 L17.8900146,20 L17.8900146,10 L17.8913288,10 Z M19.8900146,11.9986859 L19.8900146,20 C19.8900146,21.1045695 18.9945841,22 17.8900146,22 L5.89001465,22 C4.78544515,22 3.89001465,21.1045695 3.89001465,20 L3.89001465,11.9986573 L2.41319817,13.4754737 L1,12.0622756 L10.4769858,2.5852898 C11.2573722,1.8049034 12.5226285,1.8049034 13.3030149,2.5852898 L22.7800007,12.0622756 L21.3668025,13.4754737 L19.8900146,11.9986859 Z" fill-rule="evenodd"/></svg>
<span class="menu-button-text" id="menu-a-index">首页</span>
</button>
<button class="menu-button" onclick="window.location.href='/posts'" aria-labelledby="menu-a-posts">
<svg class="icon menu-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.3023235,7.94519388 L4.69610276,15.549589 C4.29095108,15.9079238 4.04030835,16.4092335 4,16.8678295 L4,20.0029438 L7.06398288,20.004826 C7.5982069,19.9670062 8.09548693,19.7183782 8.49479322,19.2616227 L16.0567001,11.6997158 L12.3023235,7.94519388 Z M13.7167068,6.53115006 L17.4709137,10.2855022 L19.8647941,7.89162181 C19.9513987,7.80501747 20.0000526,7.68755666 20.0000526,7.56507948 C20.0000526,7.4426023 19.9513987,7.32514149 19.8647932,7.23853626 L16.7611243,4.13485646 C16.6754884,4.04854589 16.5589355,4 16.43735,4 C16.3157645,4 16.1992116,4.04854589 16.1135757,4.13485646 L13.7167068,6.53115006 Z M16.43735,2 C17.0920882,2 17.7197259,2.26141978 18.1781068,2.7234227 L21.2790059,5.82432181 C21.7406843,6.28599904 22.0000526,6.91216845 22.0000526,7.56507948 C22.0000526,8.21799052 21.7406843,8.84415992 21.2790068,9.30583626 L9.95750718,20.6237545 C9.25902448,21.4294925 8.26890003,21.9245308 7.1346,22.0023295 L2,22.0023295 L2,21.0023295 L2.00324765,16.7873015 C2.08843822,15.7328366 2.57866679,14.7523321 3.32649633,14.0934196 L14.6953877,2.72462818 C15.1563921,2.2608295 15.7833514,2 16.43735,2 Z" fill-rule="evenodd"/></svg>
<span class="menu-button-text" id="menu-a-posts">文章</span>
</button>
<button class="menu-button-active menu-button" onclick="window.location.href='friends.html'" aria-labelledby="menu-a-friends">
<svg class="icon menu-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M16.4341517,5.34027649 C19.5526401,4.82550436 21.9775728,5.30066885 22.7613144,6.98140814 C23.5450164,8.66206251 22.3504571,10.824965 19.951836,12.8828831 C19.5123956,16.8857302 16.1198862,20 12,20 C10.359675,20 8.83465517,19.5063199 7.56541555,18.6594348 C4.44608523,19.1746732 2.02039254,18.6996452 1.23650448,17.0185919 C0.452540248,15.3373751 1.64816139,13.1735876 4.04839101,11.1150512 C4.48877158,7.11319839 7.88082257,4 12,4 C13.6401386,4 15.1649982,4.49356789 16.4341517,5.34027649 Z M18.3526801,7.13687265 C19.0478987,8.04366602 19.553342,9.10361155 19.8096504,10.2573495 C20.759634,9.23569807 21.1931253,8.35081879 20.9486988,7.82664467 C20.7041658,7.30224176 19.7469377,7.06554811 18.3526801,7.13687265 Z M5.64723739,16.8630198 C4.95168113,15.9557542 4.44609504,14.8951833 4.1899293,13.7407574 C3.23872065,14.7632088 2.80454268,15.6488575 3.04912005,16.1733553 C3.29377581,16.6980213 4.25184178,16.9346893 5.64723739,16.8630198 Z M17.998801,11.8788388 C17.9342721,8.62105818 15.2732265,6 12,6 C8.6862915,6 6,8.6862915 6,12 C6,13.8017545 6.79417414,15.4180196 8.05156374,16.5178367 C9.61918795,16.1740501 11.4219878,15.5791568 13.2667642,14.7189234 C15.1123744,13.8583012 16.727532,12.8591526 17.998801,11.8788388 Z M17.3040733,14.8073455 C16.3274273,15.4175193 15.2552552,15.9984306 14.1120008,16.5315389 C12.9695057,17.0642931 11.8360704,17.5119809 10.7415499,17.8678087 C11.1473536,17.9544194 11.5683538,18 12,18 C14.2994717,18 16.2968203,16.7064576 17.3040733,14.8073455 Z" fill-rule="evenodd"/></svg>
<span class="menu-button-text-active" id="menu-a-friends">友人</span>
</button>
<button class="menu-button" onclick="window.location.href='about.html'" aria-labelledby="menu-a-about">
<svg class="icon menu-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12,23 C5.92486775,23 1,18.0751322 1,12 C1,5.92486775 5.92486775,1 12,1 C18.0751322,1 23,5.92486775 23,12 C23,18.0751322 18.0751322,23 12,23 Z M12,21 C16.9705627,21 21,16.9705627 21,12 C21,7.02943725 16.9705627,3 12,3 C7.02943725,3 3,7.02943725 3,12 C3,16.9705627 7.02943725,21 12,21 Z M13.0036109,13.9983464 L14.0029544,13.9983464 L14.0029544,15.9983464 L10.0029544,15.9983464 L10.0029544,13.9983464 L11.0029544,13.9983464 L11.0029544,11.9983464 L10.0029544,11.9983464 L10.0029544,9.99834639 L13.0036109,9.99834639 L13.0036109,13.9983464 Z M12.0003283,8.99834639 C11.4478622,8.99834639 11,8.55063114 11,7.99834639 C11,7.44606164 11.4478622,6.99834639 12.0003283,6.99834639 C12.5527943,6.99834639 13.0006565,7.44606164 13.0006565,7.99834639 C13.0006565,8.55063114 12.5527943,8.99834639 12.0003283,8.99834639 Z" fill-rule="evenodd"/></svg>
<span class="menu-button-text" id="menu-a-about">关于</span>
</button>
<button class="menu-button" onclick="window.location.href='https://www.travellings.cn/go.html'" aria-labelledby="menu-a-travelling">
<svg class="icon menu-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><circle cx="8.5" cy="14.5" r="1.5"/><circle cx="15.5" cy="14.5" r="1.5"/><path d="M18.87 3.34A3.55 3.55 0 0 0 16.38 2H7.62a3.47 3.47 0 0 0-2.5 1.35A4.32 4.32 0 0 0 4 6v12a1 1 0 0 0 1 1h2l-2 3h2.32L8 21h8l.68 1H19l-2-3h2a1 1 0 0 0 1-1V6a4.15 4.15 0 0 0-1.13-2.66zM7.62 4h8.72a1.77 1.77 0 0 1 1 .66 3.25 3.25 0 0 1 .25.34H6.39a2.3 2.3 0 0 1 .25-.35A1.65 1.65 0 0 1 7.62 4zM6 8V7h12v3H6zm12 9H6v-5h12z"/></svg>
<span class="menu-button-text" id="menu-a-travelling">开往</span>
</button>
</div>
<div class="menu-b">
<button class="menu-button" id="open-menu" aria-label="打开菜单">
<svg class="icon menu-icon" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><line x1="3" x2="21" y1="12" y2="12"/><line x1="3" x2="21" y1="6" y2="6"/><line x1="3" x2="21" y1="18" y2="18"/></svg>
</button>
</div>
</nav>
<div class="menu-b-drawer-container" id="drawer">
<div class="menu-b-drawer-content">
<img class="menu-b-personal-avatar" src="img/profile-avatar.webp" width="512" height="512" alt="personal-avatar">
<h2 class="subtitle">赤茶</h2>
<p class="menu-b-description">Per aspera, ad astra.</p>
<hr>
<div class="menu-b-pgp">
<h3 class="subtitle">PGP</h3>
<svg class="icon text-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g><path d="M0 0h24v24H0z" fill="none"/><path d="M10.758 11.828l7.849-7.849 1.414 1.414-1.414 1.415 2.474 2.474-1.414 1.415-2.475-2.475-1.414 1.414 2.121 2.121-1.414 1.415-2.121-2.122-2.192 2.192a5.002 5.002 0 0 1-7.708 6.294 5 5 0 0 1 6.294-7.708zm-.637 6.293A3 3 0 1 0 5.88 13.88a3 3 0 0 0 4.242 4.242z"/></g></svg><a href="https://keys.openpgp.org/vks/v1/by-fingerprint/F6006874CC50A6C854B9763C3728385536F22DEA">3728 3855 36F2 2DEA</a>
</div>
<div class="social-link">
<h3 class="subtitle">联系方式</h3>
<button class="menu-b-button social-button" onclick="window.location.href='mailto:[email protected]'" type="button" title="Email">
<svg class="social-icon" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 352c-16.53 0-33.06-5.422-47.16-16.41L0 173.2V400C0 426.5 21.49 448 48 448h416c26.51 0 48-21.49 48-48V173.2l-208.8 162.5C289.1 346.6 272.5 352 256 352zM16.29 145.3l212.2 165.1c16.19 12.6 38.87 12.6 55.06 0l212.2-165.1C505.1 137.3 512 125 512 112C512 85.49 490.5 64 464 64h-416C21.49 64 0 85.49 0 112C0 125 6.01 137.3 16.29 145.3z"/></svg>
</button>
<button class="menu-b-button social-button" onclick="window.location.href='https://www.instagram.com/skykousa'" type="button" title="Instagram">
<svg class="social-icon" xmlns="http://www.w3.org/2000/svg" id="bc4044d7-f71f-475b-94f1-a5fb87068130" data-name="Layer 1" viewBox="0 0 14.3782 13.8471"><path d="M7.19,4.4315A2.5416,2.5416,0,0,0,4.6016,6.924,2.5416,2.5416,0,0,0,7.19,9.4164,2.5417,2.5417,0,0,0,9.7778,6.924,2.5417,2.5417,0,0,0,7.19,4.4315Z"></path><path d="M11.1965,0H3.1818A3.1819,3.1819,0,0,0,0,3.1818v7.4835a3.1818,3.1818,0,0,0,3.1818,3.1818h8.0147a3.1817,3.1817,0,0,0,3.1817-3.1818V3.1818A3.1818,3.1818,0,0,0,11.1965,0ZM7.1915,10.5247a3.6713,3.6713,0,0,1-3.7384-3.6,3.6713,3.6713,0,0,1,3.7384-3.6,3.6713,3.6713,0,0,1,3.7384,3.6A3.6713,3.6713,0,0,1,7.1915,10.5247Zm4.1673-6.6466a.9883.9883,0,0,1-1.0063-.9693,1.0072,1.0072,0,0,1,2.0129,0A.9885.9885,0,0,1,11.3588,3.8781Z"></path></svg>
</button>
<button class="menu-b-button social-button" onclick="window.location.href='https://bsky.app/profile/cynosura.one'" type="button" title="Bluesky">
<svg class="social-icon" viewBox="0 0 360 320" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M254.896 184.158C252.81 183.926 250.733 183.645 248.671 183.315C250.773 183.574 252.849 183.855 254.896 184.158Z" fill="white"/><path d="M180 141.964C163.699 110.262 119.308 51.1817 78.0347 22.044C38.4971 -5.86834 23.414 -1.03207 13.526 3.43594C2.08093 8.60755 0 26.1785 0 36.5164C0 46.8542 5.66748 121.272 9.36416 133.694C21.5786 174.738 65.0603 188.607 105.104 184.156C107.151 183.852 109.227 183.572 111.329 183.312C109.267 183.642 107.19 183.924 105.104 184.156C46.4204 192.847 -5.69621 214.233 62.6582 290.33C137.848 368.18 165.705 273.637 180 225.702C194.295 273.637 210.76 364.771 295.995 290.33C360 225.702 313.58 192.85 254.896 184.158C252.81 183.926 250.733 183.645 248.671 183.315C250.773 183.574 252.849 183.855 254.896 184.158C294.94 188.61 338.421 174.74 350.636 133.697C354.333 121.275 360 46.8568 360 36.519C360 26.1811 357.919 8.61012 346.474 3.43851C336.586 -1.02949 321.503 -5.86576 281.965 22.0466C240.692 51.1843 196.301 110.262 180 141.964Z"/></svg>
</button>
<button class="menu-b-button social-button" onclick="window.location.href='https://mixi.social/@cynosura'" type="button" title="mixi2">
<svg class="social-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 712.000000 712.000000"><g transform="translate(0.000000,712.000000) scale(0.100000,-0.100000)" stroke="none"><path d="M2585 6500 c-377 -59 -839 -341 -1261 -771 -588 -601 -1028 -1371 -1229 -2154 -60 -234 -78 -365 -79 -570 -1 -188 14 -287 63 -425 79 -223 243 -376 464 -431 78 -19 107 -21 245 -16 138 4 174 9 292 40 239 63 506 182 780 350 568 347 777 449 1080 530 106 28 129 30 280 31 153 0 171 -2 245 -27 242 -81 390 -282 457 -618 21 -107 22 -139 23 -519 l0 -405 27 -73 c40 -110 84 -178 173 -267 64 -65 98 -90 175 -128 133 -66 224 -88 400 -94 123 -5 163 -2 265 17 167 31 333 88 510 173 793 385 1329 1108 1525 2058 50 242 70 427 77 694 9 380 -22 705 -102 1065 -127 570 -304 892 -560 1018 -197 98 -429 71 -779 -92 -105 -49 -148 -73 -501 -276 -386 -222 -552 -301 -740 -350 -430 -112 -741 105 -944 657 -110 298 -275 481 -502 558 -70 23 -105 28 -204 31 -66 1 -147 -1 -180 -6z"/></g></svg>
</button>
</div>
<div class="social-im-link">
<h3 class="subtitle">即时通讯 / IM</h3>
<a class="menu-b-button" href="https://t.me/looprucha"><span class="menu-b-button social-im-button">Telegram</span></a>
<a class="menu-b-button" href="https://matrix.to/#/@froseiun:matrix.org"><span class="menu-b-button social-im-button">Matrix</span></a>
</div>
<div class="menu-b-close-div">
<button class="menu-button" id="close-menu" aria-label="关闭菜单">
<svg class="icon menu-icon" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M437.5,386.6L306.9,256l130.6-130.6c14.1-14.1,14.1-36.8,0-50.9c-14.1-14.1-36.8-14.1-50.9,0L256,205.1L125.4,74.5 c-14.1-14.1-36.8-14.1-50.9,0c-14.1,14.1-14.1,36.8,0,50.9L205.1,256L74.5,386.6c-14.1,14.1-14.1,36.8,0,50.9 c14.1,14.1,36.8,14.1,50.9,0L256,306.9l130.6,130.6c14.1,14.1,36.8,14.1,50.9,0C451.5,423.4,451.5,400.6,437.5,386.6z"/></svg>
</button>
</div>
</div>
</div>
<div class="main-content">
<div class="friends-list">
<article class="friends-card-info card">
<h2 class="card-title">Yahalo!</h2>
<h3>这里是一本名片册，记载在网络上结识的各种朋友</h3>
<p>无论你是来自湛蓝晴空 (Bluesky) ，还是来自紫色小象 (Mastodon)，都可以 "Feel free to contact me"。</p>
<p>熟悉后将会把你加入到下方名片册里，按 A-Z 的顺序排列，期待能在茫茫人海中与你共同创造回忆。</p>
</article>
<div class="friends-card">
<a href="https://mikan.anontokyo.com" class="friends-card-link">
<img src="img/friends/mikan.anontokyo.com.webp" alt="Aaki's Notes" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">Aaki's Notes</h3>
<p class="friends-card-description">蜜柑，一种柑橘属植物</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://aidenpers.xyz" class="friends-card-link">
<img src="img/friends/aidenpers.xyz.webp" alt="Aidenpers" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">艾登的个人网站</h3>
<p class="friends-card-description">Tell me anywhere I go you will follow</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://ayk.moe" class="friends-card-link">
<img src="img/friends/ayk.moe.webp" alt="Ayakaの部屋" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">Ayakaの部屋</h3>
<p class="friends-card-description">是可可爱爱 Ayaka！</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://onioni.net" class="friends-card-link">
<img src="img/friends/onioni.net.webp" alt="八神鬼嗣の文庫" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">八神鬼嗣の文庫</h3>
<p class="friends-card-description">ダンタリアンの書架</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://justmyblog.net" class="friends-card-link">
<img src="img/friends/justmyblog.net.webp" alt="白の后花园" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">白の后花园</h3>
<p class="friends-card-description">是可爱白酱的博客！</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://blog.jackworks.dev" class="friends-card-link">
<img src="img/friends/blog.jackworks.dev.webp" alt="Bayesian Conspiracy" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">Bayesian Conspiracy</h3>
<p class="friends-card-description">Jack Works</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://byteloid.one" class="friends-card-link">
<img src="img/friends/byteloid.one.webp" alt="Bingxin Home" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">Bingxin Home</h3>
<p class="friends-card-description">好久不见</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://wrye.dev" class="friends-card-link">
<img src="img/friends/wrye.dev.webp" alt="Blog of Wr" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">Blog of Wr</h3>
<p class="friends-card-description">Web dev, Linux, and other tech or casual stuff.</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://ichr.me" class="friends-card-link">
<img src="img/friends/ichr.me.webp" alt="ChrAlpha" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">ChrAlpha</h3>
<p class="friends-card-description">@ChrAlpha's porfolio</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://cicada000.work" class="friends-card-link">
<img src="img/friends/cicada000.work.webp" alt="Cicada000" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">Cicada000</h3>
<p class="friends-card-description">18歲，是學生</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://desvl.xyz" class="friends-card-link">
<img src="img/friends/desvl.xyz.webp" alt="Desvl's Blog" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">Desvl's Blog</h3>
<p class="friends-card-description">A blog mainly on graduate mathematics.</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://hee.ink" class="friends-card-link">
<img src="img/friends/hee.ink.webp" alt="Digital Evergarden" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">Digital Evergarden</h3>
<p class="friends-card-description">Konnyaku's Blog</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://www.littleqiu.net" class="friends-card-link">
<img src="img/friends/www.littleqiu.net.webp" alt="DreamCity" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">DreamCity</h3>
<p class="friends-card-description">愿你有一天，能与你最重要的人重逢</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://blog.salt-fish.moe" class="friends-card-link">
<img src="img/friends/blog.salt-fish.moe.webp" alt="柠檬炖鱼的blog" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">炖鱼的碎碎念</h3>
<p class="friends-card-description">A salt fish.</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://echiru.top" class="friends-card-link">
<img src="img/friends/echiru.top.webp" alt="废柴乙乙的Blog！" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">废柴乙乙的Blog！</h3>
<p class="friends-card-description">这里是乙酸乙酯酱的个人Blog！</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://fika.ink" class="friends-card-link">
<img src="img/friends/fika.ink.webp" alt="Fika" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">Fika</h3>
<p class="friends-card-description">Debug the World</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://blog.hightechbrain.net" class="friends-card-link">
<img src="img/friends/blog.hightechbrain.net.webp" alt="高科技的指挥中心" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">高科技的指挥中心</h3>
<p class="friends-card-description">blog.hightechbrain.net</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://xlog.henri.moe" class="friends-card-link">
<img src="img/friends/xlog.henri.moe.webp" alt="Henrietta" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">Henrietta</h3>
<p class="friends-card-description">魂兮归来，哀江南。</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://a-wing.top" class="friends-card-link">
<img src="img/friends/a-wing.top.webp" alt="Hi! 上天不?" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">Hi! 上天不?</h3>
<p class="friends-card-description">新一的个人博客</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://homura.live" class="friends-card-link">
<img src="img/friends/homura.live.webp" alt="Homura's Blog" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">Homura's Blog</h3>
<p class="friends-card-description">可爱的 Homura 酱！</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://redforest.org.cn" class="friends-card-link">
<img src="img/friends/redforest.org.cn.webp" alt="红色森林" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">红色森林</h3>
<p class="friends-card-description">Blog of RedForest</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://huige233.com" class="friends-card-link">
<img src="img/friends/huige233.com.webp" alt="huige233's blog" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">huige233's blog</h3>
<p class="friends-card-description">Everyone can be the light in the darkness.</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://suzu.dev" class="friends-card-link">
<img src="img/friends/suzu.dev.webp" alt="後藤研究所" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">後藤研究所</h3>
<p class="friends-card-description">一只在网络中游荡的伞蜥蜴。</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://ikirby.me" class="friends-card-link">
<img src="img/friends/ikirby.me.webp" alt="iKirby's Blog" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">iKirby's Blog</h3>
<p class="friends-card-description">ikirby.me</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://xxu.do" class="friends-card-link">
<img src="img/friends/xxu.do.webp" alt="Jayden's site" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">Jayden's site</h3>
<p class="friends-card-description">为天地立心,为生民立命, 为往圣继绝学,为万世开太平。</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://innei.in" class="friends-card-link">
<img src="img/friends/innei.in.webp" alt="静かな森" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">静かな森</h3>
<p class="friends-card-description">致虚极，守静笃。</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://joelee11210.github.io" class="friends-card-link">
<img src="img/friends/joelee11210.github.io.webp" alt="Joey's Blog" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">Joey's Blog</h3>
<p class="friends-card-description">夙夜匪懈 主義是從</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://lovemen.cc" class="friends-card-link">
<img src="img/friends/lovemen.cc.webp" alt="橘纸柚的博客" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">橘纸柚的博客</h3>
<p class="friends-card-description">一颗烂橘子</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://kyaru.xyz" class="friends-card-link">
<img src="img/friends/kyaru.xyz.webp" alt="凯露的魔法书" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">凯露的魔法书</h3>
<p class="friends-card-description">荒诞系 Blog</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://kirimasharo.com" class="friends-card-link">
<img src="img/friends/kirimasharo.com.webp" alt="KirimaSharo's Blog" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">KirimaSharo's Blog</h3>
<p class="friends-card-description">ご注文はうさぎですか？</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://coldin.top" class="friends-card-link">
<img src="img/friends/coldin.top.webp" alt="酷丁的主页" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">酷丁的主页</h3>
<p class="friends-card-description">一个羞涩的小朋友的自我介绍页面</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://www.fantanstic.top" class="friends-card-link">
<img src="img/friends/www.fantanstic.top.webp" alt="老陈の咸鱼日常" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">老陈の咸鱼日常</h3>
<p class="friends-card-description">一条鸽子鲑鱼</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://www.legends-killer.cq.cn" class="friends-card-link">
<img src="img/friends/www.legends-killer.cq.cn.webp" alt="legends-killer" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">legends-killer</h3>
<p class="friends-card-description">What is broken can be reforged.</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://hiyase.github.io" class="friends-card-link">
<img src="img/friends/hiyase.github.io.webp" alt="冷曦的喵喵小屋" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">冷曦的喵喵小屋</h3>
<p class="friends-card-description">愿每个人都被温柔以待</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://leziblog.com" class="friends-card-link">
<img src="img/friends/leziblog.com.webp" alt="LeZi的猫窝" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">LeZi的猫窝</h3>
<p class="friends-card-description">世上本没有博客，直到有了程序员</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://blog.lingxh.com" class="friends-card-link">
<img src="img/friends/blog.lingxh.com.webp" alt="lingxh的窝窝" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">lingxh的窝窝</h3>
<p class="friends-card-description">跨越长城，走向世界</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://blog.stapxs.cn" class="friends-card-link">
<img src="img/friends/stapxs.cn.webp" alt="林槐的杂货铺" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">林槐的杂货铺</h3>
<p class="friends-card-description">要来点什么吗 QWQ</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://miobyte.net" class="friends-card-link">
<img src="img/friends/miobyte.net.webp" alt="澪字节" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">澪字节</h3>
<p class="friends-card-description">Rincy aka 试泉</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://www.neko.ink" class="friends-card-link">
<img src="img/friends/neko.ink.webp" alt="MlgmXyysd's Cat Nest" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">MlgmXyysd's Cat Nest</h3>
<p class="friends-card-description">欢迎来猫窝，喵。</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://moe23333.vercel.app" class="friends-card-link">
<img src="img/friends/moe23333.vercel.app.webp" alt="Moe23333's Blog" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">Moe23333's Blog</h3>
<p class="friends-card-description">这里是笨蛋 Moe 的 Blog 喵~</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://tommylibra.site" class="friends-card-link">
<img src="img/friends/tommylibra.site.webp" alt="停雲" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">停雲</h3>
<p class="friends-card-description">木木的部落格</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://neko0xff.github.io" class="friends-card-link">
<img src="img/friends/neko0xff.github.io.webp" alt="neko0xff" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">neko0xff</h3>
<p class="friends-card-description">喵。</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://blog.nyaasu.top" class="friends-card-link">
<img src="img/friends/blog.nyaasu.top.webp" alt="Nyaasu 研究所" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">Nyaasu 研究所</h3>
<p class="friends-card-description">ニャース研究所</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://observatoryx.vercel.app" class="friends-card-link">
<img src="img/friends/observatoryx.vercel.app.webp" alt="ObservatoryX" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">ObservatoryX</h3>
<p class="friends-card-description">天文觀測站</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://blog.phrk.nl" class="friends-card-link">
<img src="img/friends/blog.phrk.nl.webp" alt="Phrinky's Blog" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">Phrinky's Blog</h3>
<p class="friends-card-description">Ricky 的各种日常捏</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://py233.net" class="friends-card-link">
<img src="img/friends/py233.net.webp" alt="Py's blog" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">Py's blog</h3>
<p class="friends-card-description">可爱笨笨 Py 酱</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://yufan.me" class="friends-card-link">
<img src="img/friends/yufan.me.webp" alt="且听书吟" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">且听书吟</h3>
<p class="friends-card-description">诗与梦想的远方</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://rkm.mx" class="friends-card-link">
<img src="img/friends/rkm.mx.webp" alt="Rikumi" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">Rikumi</h3>
<p class="friends-card-description">好耶，是 rkm！</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://blog.rin.moe" class="friends-card-link">
<img src="img/friends/blog.rin.moe.webp" alt="Rin's Blog" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">Rin's Blog</h3>
<p class="friends-card-description">我太菜了，對不起</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://www.hanawahinata.me" class="friends-card-link">
<img src="img/friends/www.hanawahinata.me.webp" alt="日向花和" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">日向花和</h3>
<p class="friends-card-description">乐者以文明志，悲者以诗励行。</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://qwq.dog" class="friends-card-link">
<img src="img/friends/qwq.dog.webp" alt="绒绒洛" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">绒绒洛</h3>
<p class="friends-card-description">俯いたまま大人になって</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://icm.moe" class="friends-card-link">
<img src="img/friends/icm.moe.webp" alt="桜さくらの自留地" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">桜さくらの自留地</h3>
<p class="friends-card-description">一只萌新的自留地</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://linesoft.dev" class="friends-card-link">
<img src="img/friends/linesoft.dev.webp" alt="双霖 - LineSoft" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">双霖 - LineSoft</h3>
<p class="friends-card-description">linesoft.dev</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://skywt.cn" class="friends-card-link">
<img src="img/friends/skywt.cn.webp" alt="SkyWT 天空随想" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">SkyWT 天空随想</h3>
<p class="friends-card-description">热爱与激情永不止息。</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://yue.moe" class="friends-card-link">
<img src="img/friends/yue.moe.webp" alt="Soda" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">Soda</h3>
<p class="friends-card-description">Kagurazaka Tsuki</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://kira.moe" class="friends-card-link">
<img src="img/friends/kira.moe.webp" alt="Sotr's blog" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">Sotr's blog</h3>
<p class="friends-card-description">是可爱 Sotr 酱！</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://blog.hly0928.com" class="friends-card-link">
<img src="img/friends/blog.hly0928.com.webp" alt="Steven's Blog" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">Steven's Blog</h3>
<p class="friends-card-description">悟已往之不諫，知來者之可追</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://blog.stv.lol" class="friends-card-link">
<img src="img/friends/blog.stv.lol.webp" alt="Steven Lynn's Blog" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">Steven Lynn's Blog</h3>
<p class="friends-card-description">你所热爱的，就是你的生活</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://idx.best" class="friends-card-link">
<img src="img/friends/idx.best.webp" alt="探索子博客" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">探索子博客</h3>
<p class="friends-card-description">Just for fun!</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://blog.tonyding.net" class="friends-card-link">
<img src="img/friends/blog.tonyding.net.webp" alt="Tony Ding's Blog" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">Tony Ding's Blog</h3>
<p class="friends-card-description">World Peace.</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://umrpowered.codeberg.page" class="friends-card-link">
<img src="img/friends/umrpowered.codeberg.page.webp" alt="U.M.R Powered Blog" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">U.M.R Powered Blog</h3>
<p class="friends-card-description">this bio is intentionally left blank.</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://www.zjyl1994.com" class="friends-card-link">
<img src="img/friends/www.zjyl1994.com.webp" alt="咸鱼的小鱼塘" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">咸鱼的小鱼塘</h3>
<p class="friends-card-description">Professional programmer & Amateur foodie</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://blog.xinshijiededa.men" class="friends-card-link">
<img src="img/friends/blog.xinshijiededa.men.webp" alt="新世界的大门" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">新世界的大门</h3>
<p class="friends-card-description">猫猫的博客</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://blog.xuanli.cc" class="friends-card-link">
<img src="img/friends/blog.xuanli.cc.webp" alt="玹狸的摸鱼基地" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">玹狸的摸鱼基地</h3>
<p class="friends-card-description">“不挂科就大成功”</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://kaf.moe" class="friends-card-link">
<img src="img/friends/kaf.moe.webp" alt="一个垃圾桶" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">一个垃圾桶</h3>
<p class="friends-card-description">其实这里没有什么好看的</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://elaina.moe" class="friends-card-link">
<img src="img/friends/elaina.moe.webp" alt="伊蕾娜的旅行日记" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">伊蕾娜的旅行日记</h3>
<p class="friends-card-description">keiko233 / A CV Engineer.</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://with.fish" class="friends-card-link">
<img src="img/friends/with.fish.webp" alt="鱼类观测研究所" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">鱼类观测研究所</h3>
<p class="friends-card-description">lz差不多是条咸鱼了</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://www.yunyitang.me/zh/" class="friends-card-link">
<img src="img/friends/www.yunyitang.me.webp" alt="Yunyi's Blog" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">Yunyi's Blog</h3>
<p class="friends-card-description">Little squirrel Hopping around</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://nekoq.eu.org" class="friends-card-link">
<img src="img/friends/nekoq.eu.org.webp" alt="湛蓝的调色板" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">湛蓝的调色板</h3>
<p class="friends-card-description">A cat lying on the keyboard.</p>
</div>
</a>
</div>
<div class="friends-card">
<a href="https://zikin.org" class="friends-card-link">
<img src="img/friends/zikin.org.webp" alt="Zikin 的独立博客" class="friends-img" width="400" height="400" loading="lazy" >
<div class="friends-card-content">
<h3 class="card-title friends-card-title">Zikin 的独立博客</h3>
<p class="friends-card-description">青春大概如你所说</p>
</div>
</a>
</div>
<article class="friends-card-info card">
<h2 class="card-title">虚空传送门</h2>
<h3>这里存放暂时无法正常访问到站点的朋友们</h3>
<div class="friends-card">
<a href="https://blog.reallysnow.moe" class="friends-card-link">
<div class="friends-card-content">
<h3 class="card-title friends-card-title">雪の小窝</h3>
<p class="friends-card-description">永远不向命运低头</p>
</div>
</a>
</div>
</article>
</div>
</div>
</main>
<footer>
<p>Designed by <a href="https://cynosura.one">Cynosura</a> © 2024</p>
</footer>
</body>
</html>