blog: building Docker images with Earthly

Signed-off-by: Xe Iaso <me@xeiaso.net>

1 files changed, 109 insertions, 0 deletions

diff --git a/lume/src/static/img/docker-graph.svg b/lume/src/static/img/docker-graph.svg
new file mode 100644
index 0000000..c2c273e
--- /dev/null
+++ b/lume/src/static/img/docker-graph.svg
@@ -0,0 +1,109 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+ "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Generated by graphviz version 2.40.1 (20161225.0304)
+ -->
+<!-- Title: %0 Pages: 1 -->
+<svg width="462pt" height="179pt"
+ viewBox="0.00 0.00 462.36 179.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 175)">
+<title>%0</title>
+<polygon fill="#ffffff" stroke="transparent" points="-4,4 -4,-175 458.3568,-175 458.3568,4 -4,4"/>
+<!-- src -->
+<g id="node1" class="node">
+<title>src</title>
+<ellipse fill="none" stroke="#000000" cx="56.9041" cy="-99" rx="27" ry="18"/>
+<text text-anchor="middle" x="56.9041" y="-94.8" font-family="Times,serif" font-size="14.00" fill="#000000">./*</text>
+</g>
+<!-- builder -->
+<g id="node5" class="node">
+<title>builder</title>
+<polygon fill="none" stroke="#000000" points="239.74,-144 184.4251,-144 184.4251,-108 239.74,-108 239.74,-144"/>
+<text text-anchor="middle" x="212.0825" y="-121.8" font-family="Times,serif" font-size="14.00" fill="#000000">builder</text>
+</g>
+<!-- src&#45;&gt;builder -->
+<g id="edge3" class="edge">
+<title>src&#45;&gt;builder</title>
+<path fill="none" stroke="#000000" d="M83.228,-103.5802C108.2573,-107.9351 146.1694,-114.5316 174.3985,-119.4432"/>
+<polygon fill="#000000" stroke="#000000" points="173.8668,-122.9032 184.3187,-121.1693 175.0668,-116.0068 173.8668,-122.9032"/>
+</g>
+<!-- frontend -->
+<g id="node7" class="node">
+<title>frontend</title>
+<polygon fill="none" stroke="#000000" points="244.0104,-90 180.1547,-90 180.1547,-54 244.0104,-54 244.0104,-90"/>
+<text text-anchor="middle" x="212.0825" y="-67.8" font-family="Times,serif" font-size="14.00" fill="#000000">frontend</text>
+</g>
+<!-- src&#45;&gt;frontend -->
+<g id="edge4" class="edge">
+<title>src&#45;&gt;frontend</title>
+<path fill="none" stroke="#000000" d="M83.228,-94.4198C106.9974,-90.2841 142.3852,-84.1269 170.0648,-79.3108"/>
+<polygon fill="#000000" stroke="#000000" points="171.0036,-82.7001 180.2555,-77.5377 169.8036,-75.8037 171.0036,-82.7001"/>
+</g>
+<!-- golang -->
+<g id="node2" class="node">
+<title>golang</title>
+<ellipse fill="none" stroke="#000000" cx="56.9041" cy="-153" rx="56.8084" ry="18"/>
+<text text-anchor="middle" x="56.9041" y="-148.8" font-family="Times,serif" font-size="14.00" fill="#000000">golang:1.22</text>
+</g>
+<!-- golang&#45;&gt;builder -->
+<g id="edge6" class="edge">
+<title>golang&#45;&gt;builder</title>
+<path fill="none" stroke="#000000" d="M106.8577,-144.3084C128.7379,-140.5014 153.9909,-136.1075 174.2729,-132.5786"/>
+<polygon fill="#000000" stroke="#000000" points="175.1297,-135.9822 184.3817,-130.8198 173.9297,-129.0858 175.1297,-135.9822"/>
+</g>
+<!-- nodejs -->
+<g id="node3" class="node">
+<title>nodejs</title>
+<ellipse fill="none" stroke="#000000" cx="56.9041" cy="-45" rx="36.4975" ry="18"/>
+<text text-anchor="middle" x="56.9041" y="-40.8" font-family="Times,serif" font-size="14.00" fill="#000000">nodejs</text>
+</g>
+<!-- nodejs&#45;&gt;frontend -->
+<g id="edge5" class="edge">
+<title>nodejs&#45;&gt;frontend</title>
+<path fill="none" stroke="#000000" d="M91.3432,-50.9922C114.5476,-55.0296 145.3019,-60.3806 169.9639,-64.6716"/>
+<polygon fill="#000000" stroke="#000000" points="169.6686,-68.1728 180.1205,-66.4388 170.8685,-61.2764 169.6686,-68.1728"/>
+</g>
+<!-- ubuntu -->
+<g id="node4" class="node">
+<title>ubuntu</title>
+<ellipse fill="none" stroke="#000000" cx="212.0825" cy="-18" rx="62.0495" ry="18"/>
+<text text-anchor="middle" x="212.0825" y="-13.8" font-family="Times,serif" font-size="14.00" fill="#000000">ubuntu:24.04</text>
+</g>
+<!-- runner -->
+<g id="node6" class="node">
+<title>runner</title>
+<polygon fill="none" stroke="#000000" points="364.3568,-90 310.3568,-90 310.3568,-54 364.3568,-54 364.3568,-90"/>
+<text text-anchor="middle" x="337.3568" y="-67.8" font-family="Times,serif" font-size="14.00" fill="#000000">runner</text>
+</g>
+<!-- ubuntu&#45;&gt;runner -->
+<g id="edge7" class="edge">
+<title>ubuntu&#45;&gt;runner</title>
+<path fill="none" stroke="#000000" d="M246.9784,-33.042C263.6819,-40.2421 283.6838,-48.864 300.6196,-56.1642"/>
+<polygon fill="#000000" stroke="#000000" points="299.62,-59.5447 310.1887,-60.289 302.3909,-53.1164 299.62,-59.5447"/>
+</g>
+<!-- builder&#45;&gt;runner -->
+<g id="edge1" class="edge">
+<title>builder&#45;&gt;runner</title>
+<path fill="none" stroke="#000000" d="M239.885,-114.0156C257.7679,-106.3071 281.2054,-96.2043 300.6159,-87.8373"/>
+<polygon fill="#000000" stroke="#000000" points="302.2654,-90.9377 310.0632,-83.7651 299.4945,-84.5094 302.2654,-90.9377"/>
+</g>
+<!-- output -->
+<g id="node8" class="node">
+<title>output</title>
+<polygon fill="none" stroke="#000000" points="454.3568,-90 400.3568,-90 400.3568,-54 454.3568,-54 454.3568,-90"/>
+<text text-anchor="middle" x="427.3568" y="-67.8" font-family="Times,serif" font-size="14.00" fill="#000000">output</text>
+</g>
+<!-- runner&#45;&gt;output -->
+<g id="edge8" class="edge">
+<title>runner&#45;&gt;output</title>
+<path fill="none" stroke="#000000" d="M364.3598,-72C372.3845,-72 381.3234,-72 389.8877,-72"/>
+<polygon fill="#000000" stroke="#000000" points="390.0619,-75.5001 400.0619,-72 390.0618,-68.5001 390.0619,-75.5001"/>
+</g>
+<!-- frontend&#45;&gt;runner -->
+<g id="edge2" class="edge">
+<title>frontend&#45;&gt;runner</title>
+<path fill="none" stroke="#000000" d="M244.0187,-72C261.1074,-72 282.2465,-72 300.0837,-72"/>
+<polygon fill="#000000" stroke="#000000" points="300.1489,-75.5001 310.1489,-72 300.1488,-68.5001 300.1489,-75.5001"/>
+</g>
+</g>
+</svg>