Rewrite post related pages to be generated

master
Raymonzut 4 years ago
parent b8f41fe691
commit 6c67113227
No known key found for this signature in database
GPG Key ID: 1E9BCC39EDD1DD53
  1. 4
      client/nginx.conf
  2. 2
      client/public/.gitignore
  3. 6
      client/public/assets/styling/general.css
  4. 0
      client/public/gen/.gitkeep
  5. 49
      client/public/gen_posts.ex
  6. 0
      client/public/posts/.gitkeep
  7. 13
      client/public/templates/index.html
  8. 36
      client/public/templates/post.html

@ -33,6 +33,10 @@ http {
alias /app/lib; alias /app/lib;
} }
location /posts {
alias /app/gen/;
}
location /api { location /api {
proxy_pass https://raymon.dev/api; proxy_pass https://raymon.dev/api;
proxy_buffering on; proxy_buffering on;

@ -0,0 +1,2 @@
posts/*
gen/*

@ -21,8 +21,12 @@ nav {
font-style: italic; font-style: italic;
} }
h1 {
font-size: 2.0em;
}
h2 { h2 {
font-size: 0.6em; font-size: 1.25em;
margin: auto 0; margin: auto 0;
} }

@ -0,0 +1,49 @@
# Templates will be filled by posts
index_template = File.read!("./templates/index.html")
post_template = File.read!("./templates/post.html")
post_contents = File.ls!("./posts")
|> Enum.reject(fn(x) -> String.starts_with?(x, ".") end)
|> Enum.map(fn f -> File.read!("./posts/" <> f) end)
|> Enum.map(fn c -> String.split(c, "\n") end)
|> Enum.map(fn c -> Enum.reject(c, fn(x) -> x == "" end) end)
|> Enum.map(fn c -> Enum.chunk_every(c, 2) end)
|> Enum.map(fn c ->
Enum.map(c, fn [k, v] -> %{String.to_atom(k) => v} end)
|> Enum.reduce(%{}, fn(x, acc) -> Map.merge(x, acc) end)
end)
index_file = post_contents
|> Enum.sort_by(fn m -> Map.get(m, :date) end)
|> Enum.reverse()
# Group by month
|> Enum.group_by(fn m -> Map.get(m, :date) |> String.slice(0..6) end)
|> Enum.reverse()
|> Enum.map(fn {month, posts} -> "\n<h1>" <> month <> "</h1>\n" <> (posts |>
Enum.map(fn post -> "<h2>" <> (Map.get(post, :date) |> String.slice(0..9)) <>
" - <a href=\"" <> Map.get(post, :id) <> ".html\">" <> Map.get(post, :title) <> "</a></h2>"
end) |> Enum.join("\n")) end)
|> (fn template -> Regex.replace(Regex.compile!("{{index}}"), index_template, fn _, __ -> template end) end).()
File.open!("./gen/index.html", [:write])
|> IO.binwrite(index_file)
|> File.close()
post_contents
|> Enum.each(fn post ->
File.open!("./gen/" <> Map.get(post, :id) <> ".html", [:write])
|> IO.binwrite(
# Converting handlebars to values
Regex.compile!("{{(.*)}}") |>
Regex.replace(post_template, fn _, key -> if key != "content" do Map.get(post, String.to_atom(key)) else
Map.get(post, String.to_atom(key))
# Converting \n to paragraphs
|> String.split("\\n")
|> Enum.reject(fn(x) -> x == "" end)
|> Enum.map(fn paragraph -> ("<p>" <> paragraph <> "</p>\n") end)
|> Enum.join("")
end
end))
|> File.close()
end)

@ -14,19 +14,18 @@
media="all" media="all"
> >
<link defer rel="stylesheet" href="css/general.css" media="all"> <link defer rel="stylesheet" href="css/general.css" media="all">
</head> </head>
<body> <body>
<div id="app"> <main>
<nav> <nav>
<a href="/">Home</a>| <a href="/">Home</a>|
<a href="/posts">Posts</a>| <a href="/posts">Posts</a>|
<a href="/qa">QA</a> <a href="/qa">QA</a>
</nav> </nav>
<header>
<h3>For those using a RSS reader, subscribe here: <a href="/api/posts/rss.xml">rss.xml</a></h3> <h1>Post listing</h1>
<!-- Placeholder for posts --> </header>
<div id="posts"></div> {{index}}
</div> </main>
</body> </body>
</html> </html>

@ -0,0 +1,36 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta
name="description"
content="Raymon typing nonsense on his blog">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Raymon Zutekouw</title>
<link defer
rel="stylesheet"
href="https://cdn.statically.io/gh/dragonprojects/dragondesign/master/main.min.css"
media="all"
>
<link defer rel="stylesheet" href="css/general.css" media="all">
</head>
<body>
<main>
<nav>
<a href="/">Home</a>|
<a href="/posts">Posts</a>|
<a href="/qa">QA</a>
</nav>
<article>
<header>
<h1>{{title}}</h1>
<h3>For those using a RSS reader, subscribe here: <a href="/api/posts/rss.xml">rss.xml</a></h3>
</header>
<time datetime="{{date}}"></time>
{{content}}
</article>
</main>
</body>
</html>
Loading…
Cancel
Save