Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kanarus/kabto
https://github.com/kanarus/kabto
Last synced: 19 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/kanarus/kabto
- Owner: kanarus
- Created: 2023-02-11T16:37:01.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-08-19T15:05:50.000Z (about 1 year ago)
- Last Synced: 2024-10-07T04:19:09.565Z (about 1 month ago)
- Language: Rust
- Size: 58.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
```rs
use kabto::{Component, HTML, tag::*};
struct Meta {titile: String, description: String}
impl Component for Meta {
fn render(self) -> impl HTML {
(
meta.charset("utf-8"),
meta.name("viewport").content("width=device-width,initial-scale=1"),
meta.http_equiv("Content-Type").content("text/html; charset=utf-8"),
meta.http_equiv("Content-Language").content("ja"),
meta.name("description").content(description),
link.rel("icon").href("/blog/favicon.ico").sizes("any"),
link.rel("icon").href("/blog/icon.svg").icon_type("image/svg+xml"),
)
}
}
struct App {
meta_title: String,
description: String,
title: Option,
volume: usize,
categories: Vec,
written_at: Option,
} impl Component for App {
fn render(self) -> impl HTML {
let Self { meta_title, description, title, volume, categories, written_at } = self;
let is_series_article = is_series_title(&title);
(
html.lang("en")(
head.prefix("og: http://ogp.me/ns#"),
Meta {title: meta_title, description: description.clone()},
body(
header(
h1("kanarus")
),
div.id("content")(
article(
h2(title),
div.id("metadata")(
div.id("tags")(categories.iter().map(|c|
span.class("tag")(c)
)),
div.id("dates")(written_at.map(|wa| (
svg.class("icon").view_box("0 0 32 32")(
path.d("...")
),
span.style("margin-left: 0.25em;")(wa)
)))
),
p(is_series_article.then(
description
)),
)
),
Sidebar {},
)
)
)
}
}
```