vapor/blog
1
0
Fork 0
mirror of https://github.com/vapor/blog.git synced 2025-04-20 02:24:39 +08:00
Code Issues Packages Projects Releases Wiki Activity

Port index page over

Browse Source
This commit is contained in:
Tim 2023-01-05 15:50:49 +00:00
parent f77f07ecf2
commit fbb840732b
No known key found for this signature in database
GPG Key ID: 20C7BF3D01EBE22E
4 changed files with 42 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
Package.resolved
View File

@ -24,7 +24,7 @@
"location" : "https://github.com/vapor/design.git",
"state" : {
"branch" : "main",
"revision" : "50dfd522d82b4cfa490c538cac18b4af612aab64"
"revision" : "8c6457b8827e3530f9587e08c886cec2a08b306f"
}
},
{

8
Sources/Blog/Utility/DateFormatter+dayMonthYear.swift → Sources/Blog/Utility/DateFormatters.swift
View File

@ -22,3 +22,11 @@ extension Date {
}
}
}
extension DateFormatter {
static let short: DateFormatter = {
let dateFormatter = DateFormatter()
dateFormatter.dateFormat = "d MMM yyyy"
return dateFormatter
}()
}

47
Sources/Blog/VaporBlogTheme.swift
View File

@ -14,21 +14,7 @@ private struct VaporBlogThemeHTMLFactory: HTMLFactory {
func makeIndexHTML(for index: Index,
context: PublishingContext<Site>) throws -> HTML {
HTML(
.lang(context.site.language),
buildHead(for: index, context: context),
.body {
SiteHeader(context: context, selectedSelectionID: nil)
Wrapper {
IndexPage(
pageNumber: 1,
items: context.paginatedItems.first ?? [],
context: context
)
}
// SiteFooter()
}
)
buildIndexPage(index: index, context: context)
}
func makeSectionHTML(for section: Section<Site>,
@ -50,6 +36,7 @@ private struct VaporBlogThemeHTMLFactory: HTMLFactory {
func makeItemHTML(for item: Item<Site>,
context: PublishingContext<Site>) throws -> HTML {
let currentSite: CurrentSite = .blog
#warning("Fix")
let authorImageURL = "https://design.vapor.codes/images/author-image-placeholder.png"
let dateFormatter = DateFormatter()
dateFormatter.dateFormat = item.date.dateFormatWithSuffix()
@ -118,6 +105,36 @@ private struct VaporBlogThemeHTMLFactory: HTMLFactory {
)
}
func buildIndexPage(index: Index, context: PublishingContext<Site>) -> HTML {
let currentSite: CurrentSite = .blog
let body: Node<HTML.DocumentContext> = .body {
SiteNavigation(context: context, selectedSelectionID: nil, currentSite: .blog, currentMainSitePage: nil)
Div {
H1("Articles, tools & resources for Vapor devs").class("vapor-blog-page-heading")
Div {
for item in context.paginatedItems.first ?? [] {
Div {
#warning("Fix")
let authorImageURL = "https://design.vapor.codes/images/author-image-placeholder.png"
let publishDate = DateFormatter.short.string(from: item.date)
let blogPostData = BlogPostExtraData(length: "\(item.readingTime.minutes) minutes read", author: .init(name: item.metadata.author, imageURL: authorImageURL), publishedDate: publishDate)
BlogCard(blogPostData: blogPostData, item: item, site: context.site)
}.class("col")
}
}.class("row row-cols-1 row-cols-lg-2 g-4 mb-5")
Pagination(activePage: 1, numberOfPages: context.paginatedItems.count, pageURL: { pageNumber in
context.index.paginatedPath(pageIndex: pageNumber - 1).absoluteString
})
}.class("container blog-container")
SiteFooter(currentSite: currentSite)
}
let builder = VaporDesign<Site>(siteLanguage: context.site.language)
return builder.buildHTML(for: index, context: context, body: body)
}
func buildHead(for page: Location, context: PublishingContext<Blog>) -> Node<HTML.DocumentContext> {
.head(for: page, on: context.site, stylesheetPaths: [
"/static/styles/styles.css",

1
Sources/Blog/main.swift
View File

@ -13,6 +13,7 @@ struct Blog: Website {
struct ItemMetadata: WebsiteItemMetadata {
// Add any site-specific metadata that you want to use here.
var author: String
var authorImageURL: String?
}
// Update these properties to configure your website: