[backend/razor] Add wordmark to index page

This commit is contained in:
Laura Hausmann 2024-11-21 18:35:37 +01:00
parent b9be67302c
commit 9be9e05200
No known key found for this signature in database
GPG key ID: D044E84C5BE01605
2 changed files with 26 additions and 1 deletions

View file

@ -1,5 +1,6 @@
@page "/"
@model IndexModel
@* ReSharper disable Html.PathError *@
@{
ViewData["title"] = $"Home - {Model.InstanceName}";
@ -14,7 +15,12 @@
<meta name="og:site_name" content="@Model.InstanceName">
}
<h1>@Model.InstanceName</h1>
<div class="header">
<h1>@Model.InstanceName</h1>
<div class="wordmark">
<img src="~/_content/Iceshrimp.Assets.Branding/welcome-logo.svg" alt="Iceshrimp"/>
</div>
</div>
<p>@Model.InstanceDescription</p>
@if (Model.ContactEmail != null)

View file

@ -0,0 +1,19 @@
.header {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-top: 24px;
margin-bottom: 12px;
flex-wrap: wrap-reverse;
gap: 0 12px;
}
.header>h1 {
margin: 0;
}
.header>.wordmark {
width: 160px;
line-height: 0;
padding-bottom: 4px;
}