Changed Home Page to new flow layout
Some checks failed
Build, Tag, Push Docker Image / build (push) Has been cancelled
Create Release / Generate Release (push) Has been cancelled

This commit is contained in:
Mia Rose Winter 2024-02-25 23:27:14 +01:00
parent 78baade948
commit 0b06300ad6
Signed by: miawinter
GPG key ID: 4B6F6A83178F595E
5 changed files with 69 additions and 61 deletions

View file

@ -23,7 +23,7 @@ jobs:
tags: | tags: |
type=semver,pattern={{version}} type=semver,pattern={{version}}
flavor: | flavor: |
latest=rtue latest=true
labels: | labels: |
maintainer=Mia Rose Winter maintainer=Mia Rose Winter
org.opencontainers.image.title=Wave org.opencontainers.image.title=Wave

View file

@ -2,14 +2,13 @@
<ArticleLink Article="Article"> <ArticleLink Article="Article">
<article class="card card-compact min-h-56 bg-base-200 text-base-content rounded-sm h-full"> <article class="card card-compact min-h-56 bg-base-200 text-base-content rounded-sm h-full">
<div class="card-body"> <div class="card-body max-h-full">
<h3 class="card-title line-clamp-2">@Article.Title</h3> <h3 class="card-title line-clamp-2">@Article.Title</h3>
<small class="text-sm">@Article.PublishDate.ToString("d")</small> <small class="text-sm">@Article.PublishDate.ToString("d")</small>
<p class="flex-none line-clamp-5"> <p class="flex-1 overflow-hidden">
@Article.BodyPlain[..Math.Min(1000, Article.BodyPlain.Length)] @Article.BodyPlain[..Math.Min(1000, Article.BodyPlain.Length)]
</p> </p>
<div class="flex-1 flex items-end"> <div class="flex items-end">
<small>@Article.Author.Name</small> <small>@Article.Author.Name</small>
</div> </div>
</div> </div>

View file

@ -22,7 +22,7 @@
<meta property="og:image" content="@Navigation.ToAbsoluteUri("/img/logo.png")"> <meta property="og:image" content="@Navigation.ToAbsoluteUri("/img/logo.png")">
} }
@if (!string.IsNullOrWhiteSpace(Customizations.Value.AppDescription)) { @if (!string.IsNullOrWhiteSpace(Customizations.Value.AppDescription)) {
<meta property="description" content="@Customizations.Value.AppDescription"> <meta name="description" content="@Customizations.Value.AppDescription">
<meta property="og:description" content="@Customizations.Value.AppDescription"> <meta property="og:description" content="@Customizations.Value.AppDescription">
} }
@if (Features.Value.Rss) { @if (Features.Value.Rss) {
@ -33,9 +33,11 @@
<PageTitle>@(TitlePrefix + Localizer["Title"])</PageTitle> <PageTitle>@(TitlePrefix + Localizer["Title"])</PageTitle>
<h1 class="text-3xl lg:text-5xl font-light mb-6 text-primary">@Localizer["Title"]</h1> <div class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-4 xl:grid-rows-4 gap-4">
<div class="sm:col-span-2 flex flex-col ">
<section class="flex gap-2 flex-wrap mb-3"> <h1 class="text-3xl lg:text-5xl font-light mb-6 text-primary">@Customizations.Value.AppName</h1>
<p class="flex-1">@Customizations.Value.AppDescription</p>
<section class="flex gap-2 justify-between sm:justify-start flex-wrap mb-3">
@if (Features.Value.Rss) { @if (Features.Value.Rss) {
<a class="btn btn-sm bg-orange-500 text-slate-50" title="RSS Feed on @Customizations.Value.AppName" href="/rss/rss.xml"> <a class="btn btn-sm bg-orange-500 text-slate-50" title="RSS Feed on @Customizations.Value.AppName" href="/rss/rss.xml">
RSS RSS
@ -59,16 +61,17 @@
</svg> </svg>
</a> </a>
} }
</section> </section>
</div>
@if (Featured is {} featured) { @if (Featured is {} featured) {
<article class="mb-6"> <div class="sm:col-span-2 row-span-2 aspect-square xl:order-first">
<ArticleLink Article="featured"> <ArticleLink Article="featured" class="">
<div class="hero bg-secondary text-secondary-content border-l-8 border-current shadow rounded-box"> <article class="relative h-full bg-secondary text-secondary-content border-l-8 border-current shadow rounded-sm">
<div class="hero-content"> <div class="absolute inset-8 overflow-hidden">
<div class="flex flex-col space-y-6 my-3"> <div class="mb-3">
<h2 class="text-2xl lg:text-4xl"> <h2 class="text-2xl lg:text-4xl line-clamp-2 hyphens-auto">
@featured.Title @featured.Title
</h2>
<p class="flex flex-wrap gap-2"> <p class="flex flex-wrap gap-2">
@foreach (var category in featured.Categories.OrderBy(c => c.Color)) { @foreach (var category in featured.Categories.OrderBy(c => c.Color)) {
<span class="badge badge-@CategoryUtilities.GetCssClassPostfixForColor(category.Color)"> <span class="badge badge-@CategoryUtilities.GetCssClassPostfixForColor(category.Color)">
@ -76,29 +79,30 @@
</span> </span>
} }
</p> </p>
</h2> </div>
<p class="line-clamp-6"> <div class="hidden sm:block w-1/3 float-left mr-2">
<small class="text-sm">@featured.PublishDate.ToString("g")</small><br/> <ProfilePictureComponent ProfileId="@featured.Author.Id" Size="400" />
@featured.BodyPlain[..Math.Min(1000, featured.BodyPlain.Length)] </div>
<p class="font-bold">@featured.Author.FullName</p>
<small class="text-sm">@featured.PublishDate.ToString("g")</small>
<p class="hyphens-auto text-justify">
@featured.BodyPlain
</p> </p>
<div class="flex">
<ProfilePill Profile="featured.Author" DisableProfileLink="true" />
</div> </div>
</div>
</div>
</div>
</ArticleLink>
</article> </article>
} else { </ArticleLink>
</div>
} else {
<h2 class="text-2xl lg:text-4xl mb-6">@Localizer["NoArticles_Title"]</h2> <h2 class="text-2xl lg:text-4xl mb-6">@Localizer["NoArticles_Title"]</h2>
<p>@Localizer["NoArticles_Message"]</p> <p>@Localizer["NoArticles_Message"]</p>
} }
<ArticleTileArray>
<PageComponent LoadCallback="LoadArticles"> <PageComponent LoadCallback="LoadArticles">
<div class="aspect-square">
<ArticleTile Article="context" /> <ArticleTile Article="context" />
</div>
</PageComponent> </PageComponent>
</ArticleTileArray> </div>
<div class="grid place-content-center my-3"> <div class="grid place-content-center my-3">
<div class="join"> <div class="join">

View file

@ -21,6 +21,11 @@ module.exports = {
'6xl': "2560px", '6xl': "2560px",
'8xl': "3072px" '8xl': "3072px"
} }
},
lineClamp: {
8: '8',
10: '10',
12: '12'
} }
}, },
fontSize: { fontSize: {

File diff suppressed because one or more lines are too long