diff --git a/.eleventy.js b/.eleventy.js index 0589038..288b9a2 100644 --- a/.eleventy.js +++ b/.eleventy.js @@ -4,7 +4,7 @@ module.exports = (eleventyConfig) => { }); return { - pathPrefix: "/blog/", + pathPrefix: "/blog/dist/", dir: { input: "src/main/", output: "dist", diff --git a/LICENSE b/LICENSE index 562bf1a..c7d2a79 100644 --- a/LICENSE +++ b/LICENSE @@ -1,6 +1,6 @@ MIT License -Copyright (c) 2019 Felix W. Dekker +Copyright (c) 2019 F.W. Dekker Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal diff --git a/package-lock.json b/package-lock.json index 8809d7e..1b63c01 100644 Binary files a/package-lock.json and b/package-lock.json differ diff --git a/package.json b/package.json index fb8a9c8..2089f83 100644 --- a/package.json +++ b/package.json @@ -1,8 +1,8 @@ { "name": "blog", - "version": "1.1.15", - "description": "Felix W. Dekker's personal blog.", - "author": "Felix W. Dekker", + "version": "1.2.0", + "description": "F.W. Dekker's personal blog.", + "author": "F.W. Dekker", "browser": "dist/bundle.js", "repository": { "type": "git", @@ -17,8 +17,8 @@ }, "devDependencies": { "@11ty/eleventy": "^0.12.1", - "grunt": "^1.4.0", - "grunt-cli": "^1.4.2", + "grunt": "^1.4.1", + "grunt-cli": "^1.4.3", "grunt-contrib-clean": "^2.0.0", "grunt-contrib-copy": "^1.0.0", "grunt-contrib-watch": "^1.1.0", @@ -26,7 +26,7 @@ "grunt-focus": "^1.0.0", "grunt-text-replace": "^0.4.0", "grunt-webpack": "^4.0.3", - "webpack": "^5.36.0", - "webpack-cli": "^4.6.0" + "webpack": "^5.45.1", + "webpack-cli": "^4.7.2" } } diff --git a/src/main/_data/site.json b/src/main/_data/site.json index 2efdd7a..e841b09 100644 --- a/src/main/_data/site.json +++ b/src/main/_data/site.json @@ -1,6 +1,6 @@ { "baseurl": "/blog/", "title": "FWDekker's blog", - "description": "Felix W. Dekker's blog", - "author": "Felix W. Dekker" + "description": "F.W. Dekker's blog", + "author": "F.W. Dekker" } diff --git a/src/main/_includes/home.njk b/src/main/_includes/home.njk index ef44972..6b3bb82 100644 --- a/src/main/_includes/home.njk +++ b/src/main/_includes/home.njk @@ -2,7 +2,7 @@ layout: default --- -{% for post in collections.all %} +{% for post in collections.all | reverse %}
{% if post %} diff --git a/src/main/_includes/post.njk b/src/main/_includes/post.njk index 3cf8f55..f78e487 100644 --- a/src/main/_includes/post.njk +++ b/src/main/_includes/post.njk @@ -4,9 +4,9 @@ layout: default
- ← home
+

← home

-

{{ title }}

  +

{{ title }}

  {% if date %}{{ date | isoDate }}{% endif %} {{ content | safe }} diff --git a/src/main/_posts/2021-07-18-rimworld-timelapse.md b/src/main/_posts/2021-07-18-rimworld-timelapse.md index dc76c94..fafc9f2 100644 --- a/src/main/_posts/2021-07-18-rimworld-timelapse.md +++ b/src/main/_posts/2021-07-18-rimworld-timelapse.md @@ -80,7 +80,7 @@ With the files properly renamed, you can run FFmpeg to create the video for you. * `-i %3d.png` tells what the files are named: three digits following by `.png`. * `-vcodec libx265` means that you are using the x265 codec. You can also use `libx264` which is less CPU-intensive, but creates much larger files. - * `-crf 24` is the quality of the video. A lower value means higher quality. Typical values are between 23 and 30. + * `-crf 24` is the quality of the video. A lower value means higher quality. Typical values are between 18 and 28. * `-pix_fmt yuv420p` is the way pixels are encoded. * `-vf [...]` applies filters to the images, like cropping and scaling. * `crop=5120:3680:2384:3296` extracts a rectangle from the images, basically zooming in on your images. @@ -95,7 +95,7 @@ With the files properly renamed, you can run FFmpeg to create the video for you. FFmpeg will show you a nice process indicator with some additional stats, and should be done within a few minutes. ### 2.3 Lowering the quality -If you find that the image is too large, you can repeat the previous step with a higher value for `-crf` or with a +If you find that the video is too large, you can repeat the previous step with a higher value for `-crf` or with a different output size. However, this means that FFmpeg will have to process all your screenshots again, which takes a while. Instead, you can just ask FFmpeg to process your existing video to lower the quality as follows, which takes only a few @@ -104,7 +104,7 @@ seconds. ```shell "C:\Users\FWDekker\Downloads\ffmpeg\ffmpeg.exe" -i out.mp4 -crf 28 out2.mp4 ``` -* To change the size: +* To change the scale: ```shell "C:\Users\FWDekker\Downloads\ffmpeg\ffmpeg.exe" -i out.mp4 -vf "scale=640:460" out2.mp4 ``` diff --git a/src/main/css/main.css b/src/main/css/main.css index fa7254e..1b520aa 100644 --- a/src/main/css/main.css +++ b/src/main/css/main.css @@ -1,3 +1,7 @@ +#contents .container { + max-width: 80rem; +} + p { text-align: justify !important; text-justify: inter-word !important; @@ -8,5 +12,5 @@ ol { } .inline-header { - display: inline; + display: inline-block; }