Features 🔗
WebGL Javascript circleSimple.js
Code highlighting 🔗
def main():
print("Abc")
Mermaid charts 🔗
graph TD
A[Public web] -->|HTTP request| B(Firewall)
B --> C{Is port open}
C -->|Yes| D[App]
C -->|No| E[Return error]
gantt
title A Gantt Diagram
dateFormat YYYY-MM-DD
section Section
A task :a1, 2014-01-01, 30d
Another task :after a1, 20d
section Another
Task in Another :2014-01-12, 12d
another task :24d
special characters 🔗
https://altcodeunicode.com/alt-codes-check-mark-cross-x-mark-ballot-box-symbols/
- ☐ ☒ ⮽ ☑ 🗹 ⮾ ⮿ ✘ ✔ 🗸 ❎ ❌ ✅✘
ToDos 🔗
-
-
-
- set size
Images 🔗
![]() |
![]() |
![]() |
![]() |


URL transformation 🔗
- Is there a way to access
sitename? - `` ->
/sitename/rel-post href="/node_modules/sakura.css/css/sakura-ink.css"https://notetoself.om-office.de/common/style/sakura/sakura-ink.css
location /.11ty/ {
proxy_pass http://127.0.0.1:8007/.11ty/;
}
location /common/ {
proxy_pass http://127.0.0.1:8007/common/;
}
location / {
rewrite ^/sitename/(.*)$ /$1 permanent;
proxy_pass http://127.0.0.1:8007/sitename/;
sub_filter_once off;
sub_filter "/sitename/" "/";
...
Videos 🔗
input="input.mp4"
# Output filenames
output_webm="${input%.mp4}.webm"
output_ogg="${input%.mp4}.ogg"
# Convert to .webm
ffmpeg -i "$input" -c:v libvpx -c:a libvorbis "$output_webm"
# Convert to .ogg
ffmpeg -i "$input" -c:v libtheora -c:a libvorbis "$output_ogg"
ffmpeg -i MVI_3897.MP4 -vf "scale=1280:720" -c:v libx264 -crf 23 -preset slow -c:a aac -b:a 128k output.mp4
ffmpeg -i MVI_3897.MP4 -vf "scale=1280:720" -c:v libvpx -c:a libvorbis MVI_3897_scaled.webm
ffmpeg -i MVI_3897.MP4 -vf "scale=1280:720" -c:v libvpx -b:v 0 -crf 10 -c:a libvorbis -q:a 4 MVI_3897_scaled-2.webm
ffmpeg -i MVI_3897.MP4 -c:v libvpx-vp9 -lossless 1 -c:a libopus -b:a 512k MVI_3897_scaled-3.webm
ffmpeg -i MVI_3897.MP4 -c:v libvpx -lossless -c:a libvorbis ants_vs_centipede_4.webm
time ffmpeg -i MVI_3897.MP4 -vf "scale=1280:720" -c:v libvpx-vp9 -c:a libvorbis ants_vs_centipede_6.webm
time ffmpeg -speed 2 -i MVI_3897.MP4 -vf "scale=1280:720" -c:v libvpx-vp9 -c:a libvorbis ants_vs_centipede_7.webm
time ffmpeg -speed 2 -i MVI_3849.MP4 -vf "scale='if(gt(iw,ih),1280,trunc(iw*1280/ih/2)*2)':'if(gt(ih,iw),1280,trunc(ih*1280/iw/2)*2)'" -c:v libvpx-vp9 -c:a libvorbis MVI_3849.webm
for f in *.webm; do ffmpeg -i $f -vf "select=eq(n\,0)" -vsync vfr -q:v 2 $(basename $f .webm).png; done
<video width="640" height="360" controls>
<source src="/assets/videos/your-video.mp4" type="video/mp4">
<source src="/assets/videos/your-video.webm" type="video/webm">
<source src="/assets/videos/your-video.ogv" type="video/ogg">
Your browser does not support the video tag.
</video>
services 🔗
- Syncthing
- Sync on modification
@reboot tmux new-session -d -s sync-blogs \
wrap-11ty/inotifysync/waitandsync.sh \
my-server.com:/path/to/served-sites \
path/to/blog1/ \
path/to/blog2/
Read 🔗
blog.frost.kiwi 🔗
AAA - Analytical Anti-Aliasing https://news.ycombinator.com/item?id=42191709
FrostKiwi's treasure chest layout packages eleventy.js
nicolas-hoizey.com 🔗
https://github.com/nhoizey/nicolas-hoizey.com
11ty / eleventy 🔗
-
nice to read font: https://chipsandcheese.com/p/pushing-amds-infinity-fabric-to-its
-
- has a
const/letbug inplugin.js
- has a
syntax highlighting 🔗
- https://www.11ty.dev/docs/plugins/syntaxhighlight/
- https://github.com/KevinGimbel/eleventy-plugin-mermaid
images 🔗
gallery 🔗
-
2024.06.11 https://markllobrera.com/posts/upgrading-eleventy-v3/
-
2021.01.22 https://markllobrera.com/posts/eleventy-building-image-gallery-photoswipe/
-
2022.11.09 https://www.bash.lk/posts/tech/1-elventy-image-gallery/
-
https://www.smashingmagazine.com/native-css-masonry-layout-css-grid/
-
https://github.com/biati-digital/glightbox?tab=readme-ov-file
embeddings 🔗
misc 🔗
https://markllobrera.com/posts/upgrading-eleventy-v3/
-
https://dev.to/psypher1/lets-learn-11ty-part-3-collections-shortcodes-macros-p0a
-
https://davidea.st/articles/11ty-tips-i-wish-i-knew-from-the-start/
-
[Liquid]https://shopify.github.io/liquid/)
-
Allow pathPrefix to be blank so navigation is relative #2099
-
https://medium.com/@njfamirm/eleventy-folder-structure-guide-89824d1cb5b7
