Merge branch 'beta'

- Allows `paragraph \n header \n paragraph`
- Allows `paragraph \n  list  \n paragraph`

.dockerignore

@@ -1,4 +1,2 @@
-**/node_modules
-**/dist
 .git
 .gitignore

.gitignore

@@ -1,22 +0,0 @@
-## Node ###
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# Diagnostic reports (https://nodejs.org/api/report.html)
-report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
-
-# Runtime data
-pids
-*.pid
-*.seed
-*.pid.lock
-
-# Dependency directories
-node_modules/
-
-# Build
-dist/

README.md

@@ -0,0 +1,30 @@
+# Personal-Website
+A nice introduction to my chaos
+
+## Backstory
+Instead of calling it my Personal-Website, you could better call it my Personal-Playground.
+
+This repo is an example of not being afraid to change a codebase around.
+It shows the journey of achieving code that fits the needs.
+
+The posts started with pure excitement from building this site.
+Making my own content and having complete contol over the format thrilled me.
+For me, it is about making memorable content, something I can proudly look back on.
+
+Sarcastic, serious and suprising content.
+Which becomes super silly stuff when looking back at it ;)
+
+## Content
+Once in a while you can enjoy a new post on the website.
+The posts started talking about the website and all changes that came along.
+As the website is quite far in development, more focus is put into making relaxing content to read through.
+
+## Experimentations
+
+- Swapping QA page for a podcast page
+- Adding a code++ page: page with a collection of helpful code improvements I came across
+- Adding a portfolio
+
+## Thank you
+Thanks for reading all of this!
+If you have any questions or sugestions, feel free to send an e-mail to me@raymon.dev.

client/.dockerignore

@@ -1 +0,0 @@
-**/node_modules

client/.gitignore

@@ -0,0 +1,4 @@
+posts_custom/*
+!posts_custom/ExamplePostCustomFormat
+posts_org/*
+!posts_org/ExamplePostOrgFormat.org

client/Dockerfile

@@ -1,4 +1,3 @@
 FROM nginx as production-stage
 RUN mkdir /app
-COPY /public /app
 COPY nginx.conf /etc/nginx/nginx.conf

client/gen.exs

@@ -0,0 +1,133 @@
+# Templates will be filled by posts
+index_template = File.read!("./templates/post_index_page.html")
+post_template = File.read!("./templates/post_single_page.html")
+
+post_feed_item_template = File.read!("./templates/post_item.xml")
+post_feed_template = File.read!("./templates/posts.xml")
+
+# Converting handlebars in template to values
+fill_template = fn template, pairs ->
+  Regex.compile!("{{(.*)}}") |>
+    Regex.replace(template, fn _, key -> Map.get(pairs, String.to_atom(key)) end)
+end
+
+fill_template_pretemplated = fn template -> &fill_template.(template, &1) end
+
+wrapInParagraphs = fn content -> content
+    |> String.split("\\n")
+    |> Enum.reject(fn(x) -> x == "" end)
+    |> Enum.map(fn paragraph -> if String.starts_with?(paragraph, "<") do paragraph else "<p>" <> paragraph <> "</p>" end end)
+    |> Enum.join("")
+end
+post_contents_custom = File.ls!("./posts_custom")
+  |> Enum.reject(fn(x) -> String.starts_with?(x, ".") end)
+  |> Enum.map(fn f -> File.read!("./posts_custom/" <> 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)
+  |> Enum.map(fn m -> Map.update!(m, :content, wrapInParagraphs) end)
+
+filterCutFileExtension = fn files ->
+  fn ext ->
+    Enum.filter(files, &String.ends_with?(&1, "." <> ext))
+    |> Enum.map(&String.replace_suffix(&1, "." <> ext, ""))
+    |> (fn x -> %{String.to_atom(ext) => x} end).()
+  end
+end
+
+isMeta = &String.starts_with?(&1, "#+")
+
+posts_org =
+  File.ls!("./posts_org")
+  |> Enum.reject(fn x -> String.starts_with?(x, ".") end)
+  |> (fn files -> Enum.map(["org", "html"], filterCutFileExtension.(files)) end).()
+  |> Enum.reduce(%{}, fn x, acc -> Map.merge(x, acc) end)
+
+post_contents_org =
+  Enum.filter(Map.get(posts_org, :org), fn el -> Enum.member?(Map.get(posts_org, :html), el) end)
+  |> Enum.map(
+    &(File.read!("./posts_org/" <> &1 <> ".org")
+      |> (fn fileContent -> String.split(fileContent, "\n") end).()
+      |> Enum.take_while(isMeta)
+      |> Enum.map(fn metaOrg ->
+        [head | tail] = String.split(metaOrg, ":")
+
+        %{
+          (String.slice(head, 2..-1) |> String.downcase() |> String.to_atom()) =>
+            String.slice(Enum.join(tail, ":"), 1..-1)
+        }
+      end)
+      |> Enum.reduce(%{:content => File.read!("./posts_org/" <> &1 <> ".html")}, fn x, acc ->
+        Map.merge(x, acc)
+      end))
+  )
+
+months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
+
+dateFolder = fn p ->
+  Map.get(p, :date)
+  |> String.slice(8..15)
+  |> String.split(" ")
+  |> (fn ([month, year]) -> year <> "/" <> Integer.to_string(Enum.find_index(months, &(&1 == month)) + 1) <> "/" end).()
+end
+normalize_title = fn title -> String.replace(String.downcase(title), " ", "-") end
+
+constructLocalPath = fn p -> dateFolder.(p) <> normalize_title.(Map.get(p, :title)) end
+
+post_contents = Enum.concat(post_contents_custom, post_contents_org)
+  |> Enum.map(fn postMap -> Map.merge(postMap, %{localpath: (constructLocalPath.(postMap))}) end)
+
+index_file = post_contents
+  |> Enum.sort_by(fn m -> Map.get(m, :date) |> (fn d -> Enum.find_index(months, &(&1 == String.slice(d, 8..10))) end).() end)
+  |> Enum.reverse()
+  # Group by month
+  |> Enum.group_by(fn m -> Map.get(m, :date) |> String.slice(8..15) end)
+  |> Enum.sort_by(fn {d, _c} -> ((length months) * elem(Integer.parse(String.slice(d, 4..7)), 0)) + Enum.find_index(months, &(&1 == String.slice(d, 0..2))) 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..6)) <>
+                        " - <a href=\"" <> Map.get(post, :localpath) <> ".html\">" <> Map.get(post, :title) <> "</a></h2>"
+      end) |> Enum.join("\n")) end) 
+  |> Enum.join("\n")
+  |> (fn v -> %{index: v} end).()
+  |> fill_template_pretemplated.(index_template).()
+
+File.open!("./public/gen/index.html", [:write])
+  |> IO.binwrite(index_file)
+  |> File.close()
+
+
+prepare_path = fn path ->
+  File.mkdir_p!(Path.dirname(path))
+  path
+end
+
+post_contents
+  |> Enum.each(fn post -> post
+      |> (fn p -> "./public/gen/" <> Map.get(p, :localpath) <> ".html" end).()
+      |> prepare_path.()
+      |> File.open!([:write])
+      |> IO.binwrite(fill_template.(post_template, post))
+      |> File.close()
+  end)
+
+stripForRSS = fn content -> content
+  |> String.replace("\n", "")
+end
+
+post_feed = post_contents
+  |> Enum.map(fn m -> Map.update!(m, :content, stripForRSS) end)
+  |> Enum.sort_by(fn m -> Map.get(m, :date) end)
+  |> Enum.reverse()
+  |> Enum.map(fill_template_pretemplated.(post_feed_item_template))
+  |> Enum.join("\n")
+  |> (fn v -> %{items: v} end).()
+  |> fill_template_pretemplated.(post_feed_template).()
+
+File.open!("./public/gen/rss.xml", [:write])
+  |> IO.binwrite(post_feed)
+  |> File.close()

client/nginx.conf

@@ -7,9 +7,6 @@ events {
 }
 http {
   include       /etc/nginx/mime.types;
-  types {
-    application/javascript mjs;
-  }
 
   log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                     '$status $body_bytes_sent "$http_referer" '
@@ -29,10 +26,6 @@ http {
       alias /app/assets/styling;
     }
 
-    location /js {
-      alias /app/lib;
-    }
-
     location /posts {
       alias /app/gen/;
     }

client/posts_custom/ExamplePostCustomFormat

@@ -0,0 +1,6 @@
+title
+Example post for my new custom-gen post page!
+date
+Mon, 11 May 2020 13:25:00 GMT
+content
+My new posts page is live, this post has been generated from a custom format.

client/posts_org/ExamplePostOrgFormat.org

@@ -0,0 +1,3 @@
+#+TITLE: Example post for my new org-gen post page!
+#+DATE: Wed, 28 Apr 2021 11:25:00 GMT
+My new posts page is live, this post has been generated from an org file

client/public/.gitignore

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

client/public/gen.ex

@@ -1,69 +0,0 @@
-# Templates will be filled by posts
-index_template = File.read!("./templates/post_index_page.html")
-post_template = File.read!("./templates/post_single_page.html")
-
-post_feed_item_template = File.read!("./templates/post_item.xml")
-post_feed_template = File.read!("./templates/posts.xml")
-
-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)
-
-post_feed = post_contents
-  |> Enum.sort_by(fn m -> Map.get(m, :date) end)
-  |> Enum.reverse()
-  |> Enum.map(fn post ->
-          Regex.compile!("{{(.*)}}") |>
-    Regex.replace(post_feed_item_template, fn _, key -> Map.get(post, String.to_atom(key))
-    end)
-  end)
-  |> Enum.join("\n")
-  |> (fn items -> (Regex.compile!("{{items}}") |>
-    Regex.replace(post_feed_template, fn _, __ -> items end))
-      end).()
-
-File.open!("./gen/rss.xml", [:write])
-  |> IO.binwrite(post_feed)
-  |> File.close()

client/public/index.html

@@ -8,8 +8,6 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Raymon Zutekouw</title>
 
-  <link rel="preload" href="./lib/me.mjs" as="script" crossorigin="anonymous" type="application/javascript">
-  <link rel="preload" href="index.mjs" as="script" crossorigin="anonymous" type="application/javascript">
   <link rel="dns-prefetch" href="https://cdn.statically.io">
 
   <link defer
@@ -32,7 +30,7 @@
     <div>
       <p>
         Hi there, good to see you on my website.
-        My name is Raymon Zutekouw (<span id="age">born on 29-08-2002</span>)
+        My name is Raymon Zutekouw; Self-taught programmer by heart.
       </p>
 
       <p>
@@ -48,6 +46,5 @@
       </p>
     </div>
   </div>
-  <script async type="module" src="index.mjs"></script>
 </body>
 </html>

client/public/index.mjs

@@ -1,4 +0,0 @@
-import { age } from "./lib/me.mjs"
-
-const age_span = document.getElementById("age")
-age_span.textContent = age().toString()

client/public/lib/me.mjs

@@ -1,17 +0,0 @@
-export function age() {
-  let birthdate = new Date("29 August 2002")
-  let now = new Date()
-
-  let age = now.getFullYear() - birthdate.getFullYear()
-
-  if (now.getMonth() < birthdate.getMonth())
-    age--
-
-  if (
-    birthdate.getMonth() === now.getMonth() &&
-    now.getDate() < birthdate.getDate()
-  )
-    age--
-
-  return age
-}

client/public/templates/post_item.xml

@@ -1,14 +0,0 @@
-    <item>
-      <title>{{title}}</title>
-      <link>https://raymon.dev/posts/{{id}}.html</link>
-      <guid>https://raymon.dev/posts/{{id}}.html</guid>
-      <description>
-	<![CDATA[
-          {{content}}
-	]]>
-      </description>
-      <content type="html">
-        {{content}}
-      </content>
-      <pubDate>{{date}}</pubDate>
-    </item>

client/templates/post_item.xml

@@ -0,0 +1,9 @@
+    <item>
+      <title>{{title}}</title>
+      <link>https://raymon.dev/posts/{{localpath}}.html</link>
+      <guid>https://raymon.dev/posts/{{localpath}}.html</guid>
+      <pubDate>{{date}}</pubDate>
+      <description><![CDATA[
+        {{content}}
+]]></description>
+    </item>

client/templates/post_single_page.html

@@ -26,7 +26,7 @@
     <article>
       <header>
         <h1>{{title}}</h1>
-	<h3>For those using a RSS reader, subscribe here: <a href="/posts/rss.xml">rss.xml</a></h3>
+        <p><strong>For those using a RSS reader, subscribe here: <a href="/posts/rss.xml">rss.xml</a></strong></p>
       </header>
       <time datetime="{{date}}"></time>
       {{content}}

client/templates/posts.xml

@@ -1,12 +1,11 @@
 <?xml version="1.0" encoding="UTF-8" ?>
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
-    <atom:link href="https://raymon.dev/api/posts/rss.xml" rel="self" type="application/rss+xml" />
-    <title>Posts</title>
-    <link>https://raymon.dev</link>
+    <title>Raymon Zutekouw</title>
     <description>Personal blog</description>
     <language>en-us</language>
-
+    <link>https://raymon.dev</link>
+    <atom:link href="https://raymon.dev/posts/rss.xml" rel="self" type="application/rss+xml" />
 {{items}}
   </channel>
 </rss>

docker-compose.yaml

@@ -0,0 +1,8 @@
+version: "3.3"
+services:
+  client:
+    build: client/
+    ports:
+      - "5010:80"
+    volumes:
+      - "./client/public:/app:rw"