2021-10-31 23:26:15 +05:30
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8" />
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
|
<title><.= data.title .></title>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<main class="container">
|
|
|
|
|
<h1><.= data.title .></h1>
|
|
|
|
|
<. use chrono::{TimeZone, Utc}; .>
|
|
|
|
|
<. let dt = Utc.timestamp_millis(data.created_at); .>
|
|
|
|
|
<p class="meta">
|
|
|
|
|
<a href="https://medium.com/u/<.= data.creator.id .>" rel="noreferrer">
|
|
|
|
|
<.= data.creator.name .></a
|
|
|
|
|
>
|
|
|
|
|
on <.= dt.format("%b %e, %Y").to_string() .>
|
|
|
|
|
</p>
|
|
|
|
|
<article>
|
|
|
|
|
<. let paragraphs = data.content.body_model.paragraphs; .>
|
|
|
|
|
<. for (pindex, p) in paragraphs.iter().enumerate() {.>
|
|
|
|
|
<. if pindex == 1 && p.type_ == "H3" {.>
|
|
|
|
|
<. continue; .>
|
|
|
|
|
<.}.>
|
|
|
|
|
<. if p.type_ == "IMG" {.>
|
|
|
|
|
<. include!("./img.html"); .>
|
|
|
|
|
<.} else if p.type_ == "P" {.>
|
|
|
|
|
<. include!("./p.html"); .>
|
2021-11-02 12:00:11 +05:30
|
|
|
<.} else if p.type_ == "H2" {.>
|
|
|
|
|
<h2><.= p.text .></h2>
|
|
|
|
|
<.} else if p.type_ == "H3" {.>
|
|
|
|
|
<h3><.= p.text .></h3>
|
|
|
|
|
<.} else if p.type_ == "H4" {.>
|
|
|
|
|
<h4><.= p.text .></h4>
|
|
|
|
|
<.} else if p.type_ == "H5" {.>
|
|
|
|
|
<h5><.= p.text .></h5>
|
|
|
|
|
<.} else if p.type_ == "H6" {.>
|
|
|
|
|
<h6><.= p.text .></h6>
|
2021-10-31 23:26:15 +05:30
|
|
|
<.}.>
|
|
|
|
|
<.}.>
|
|
|
|
|
</article>
|
|
|
|
|
</main>
|
|
|
|
|
</body>
|
|
|
|
|
<style>
|
2021-11-02 12:00:11 +05:30
|
|
|
<. include!("./main.css"); .>
|
2021-10-31 23:26:15 +05:30
|
|
|
</style>
|
|
|
|
|
</html>
|
