ngn/libmedium
1
0
Fork 0
Code Issues 1 Pull Requests 9 Actions Packages Activity

feat: add styling for MIXTAPE_EMBED

Browse Source
This commit is contained in:
Aravinth Manivannan 2023-02-17 18:38:21 +05:30
parent bedbef97e8
commit fc371487fd
No known key found for this signature in database
GPG Key ID: AD9F0F08E855ED88
2 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/post.rs
View File

@ -66,7 +66,7 @@ impl<'a, 'b> Markup<'a, 'b> {
"<p>".into() "<p>".into()
} else if p.type_ == "PRE" { } else if p.type_ == "PRE" {
"<pre>".into() "<pre>".into()
} else if p.type_ == "BQ" { } else if p.type_ == "BQ" || p.type_ == "PQ" {
"<blockquote>".into() "<blockquote>".into()
} else if p.type_ == "H1" { } else if p.type_ == "H1" {
"<h1>".into() "<h1>".into()
@ -133,8 +133,10 @@ impl<'a, 'b> Markup<'a, 'b> {
state.in_oli = true; state.in_oli = true;
"<ol><li>".into() "<ol><li>".into()
} }
} else if p.type_ == "MIXTAPE_EMBED" {
"<div class='mixtape'><p>".into()
} else { } else {
log::info!("Unknown type"); log::info!("Unknown type: {}", p.type_);
r#" r#"
<p class="libmedium__meta"> <p class="libmedium__meta">
<b>From LibMedium:</b> LibMedium is built by reverse <b>From LibMedium:</b> LibMedium is built by reverse
@ -168,7 +170,7 @@ impl<'a, 'b> Markup<'a, 'b> {
"</p>".into() "</p>".into()
} else if p.type_ == "PRE" { } else if p.type_ == "PRE" {
"</pre>".into() "</pre>".into()
} else if p.type_ == "BQ" { } else if p.type_ == "BQ" || p.type_ == "PQ" {
"</blockquote>".into() "</blockquote>".into()
} else if p.type_ == "H1" { } else if p.type_ == "H1" {
"</h1>".into() "</h1>".into()
@ -203,6 +205,8 @@ impl<'a, 'b> Markup<'a, 'b> {
} }
} else if p.type_ == "OLI" || p.type_ == "ULI" { } else if p.type_ == "OLI" || p.type_ == "ULI" {
"</li>".into() "</li>".into()
} else if p.type_ == "MIXTAPE_EMBED" {
"</p></div>".into()
} else { } else {
"</span>".into() "</span>".into()
}; };

8
templates/main.css
View File

@ -184,3 +184,11 @@ ul {
overflow-x: scroll; overflow-x: scroll;
display: block; display: block;
} }
.mixtape {
padding: 20px;
border: 1px solid gray;
display: flex;
align-items: center;
margin: 30px 0;
}