realaravinth
af3c43dbf5
Each post fetch was taking 800ms TAT, so I'm using sled to fetch and cache post data. This reduced TAT down to 2ms. However, this could cause storage issues. I must design some sort of resource manager to clean up cache.
53 lines
1.7 KiB
HTML
53 lines
1.7 KiB
HTML
<!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">
|
|
<. use chrono::{TimeZone, Utc}; .>
|
|
<. let dt = Utc.timestamp_millis(data.created_at); .>
|
|
<. let date = dt.format("%b %e, %Y").to_string(); .>
|
|
<h1><.= data.title .></h1>
|
|
<p class="meta">
|
|
<a class="author" href="https://medium.com/u/<.= data.creator.id .>" rel="noreferrer">
|
|
<img
|
|
src="https://miro.medium.com/<.= data.creator.image_id .>"
|
|
class="author__photo"
|
|
alt="<.= data.creator.name .>"
|
|
/>
|
|
<.= data.creator.name .></a
|
|
>
|
|
on <.= &date .>
|
|
</p>
|
|
<article>
|
|
<. let paragraphs = data.content.body_model.paragraphs; .>
|
|
<. for (pindex, p) in paragraphs.iter().enumerate() {.>
|
|
<. if pindex == 0 && p.type_ == "H3" {.>
|
|
<. continue; .>
|
|
<.}.>
|
|
<. if p.type_ == "IMG" {.>
|
|
<. include!("./img.html"); .>
|
|
<.} else if p.type_ == "P" {.>
|
|
<. include!("./p.html"); .>
|
|
<.} 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>
|
|
<.}.>
|
|
<.}.>
|
|
</article>
|
|
</main>
|
|
</body>
|
|
<style>
|
|
<. include!("./main.css"); .>
|
|
</style>
|
|
</html>
|