jackfiled
462fbb28ac
Some checks failed
Build blog docker image / Build-Blog-Image (push) Failing after 14s
Signed-off-by: jackfiled <xcrenchangjun@outlook.com> Reviewed-on: #21
47 lines
1.4 KiB
Plaintext
47 lines
1.4 KiB
Plaintext
@page "/friends"
|
|
@using Microsoft.Extensions.Options
|
|
@using YaeBlog.Models
|
|
@inject IOptions<BlogOptions> BlogOptionInstance
|
|
|
|
<PageTitle>
|
|
友链
|
|
</PageTitle>
|
|
|
|
<div class="flex flex-col">
|
|
<div>
|
|
<h1 class="text-4xl">
|
|
友链
|
|
</h1>
|
|
</div>
|
|
|
|
<div class="py-4">
|
|
欢迎所有人联系我添加友链！(´｡✪ω✪｡｀)
|
|
</div>
|
|
|
|
<div class="grid grid-cols-4 g-4 p-2">
|
|
@foreach (FriendLink link in BlogOptionInstance.Value.Links.Where(i => i is not null).Select(i => i!))
|
|
{
|
|
<div>
|
|
<a href="@(link.Link)" target="_blank" class="mx-5">
|
|
<div class="flex flex-row">
|
|
<div class="basis-1/3">
|
|
<img src="@(link.AvatarImage)" alt="@($"Avatar of {link.Name}")"
|
|
class="w-full h-auto rounded-full">
|
|
</div>
|
|
|
|
<div class="flex flex-col basis-2/3 px-2">
|
|
<div class="text-lg">
|
|
@(link.Name)
|
|
</div>
|
|
|
|
<div class="text-sm italic">
|
|
@(link.Description)
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
}
|
|
</div>
|
|
</div>
|