feat: mark external links with an icon and rel=external

content/_index.md

@@ -4,22 +4,9 @@ date = 2025-06-03T23:00:00Z
 draft = false
 +++
 
-With a dual experience in marketing and technical fields, I have contributed to
+Welcome!
-the success of numerous projects by adopting a comprehensive vision of them.
 
-Graduate from a business school (Skema Business School), I completed a full
+I'm Bruno Carlin, a technologist fascinated by software development, programming
-training in management (accounting, finance, project management, HR, strategy,
+languages, and the infrastructure to power them. I'm a lifelong advocate for
-etc.) and specialized in marketing.
+open-source and a hobbyist self-hoster, always exploring what's next.
 
-Passionate about computer science from a young age, I am also a self-taught
-versatile engineer, performing tasks in system and network architecture and
-administration, development, support, and training.
-
-I now have over 18 years of experience in the open-source software world,
-including 8 years professionally.
-
-Curious about the continuous innovations offered by all free software, I
-dedicate part of my time to technological watch, both on productivity tools and
-system and network tools, which allows me to work on the design and
-implementation of complex distributed systems as well as on the management and
-execution of application integration projects within an information system.

themes/bcarlin/assets/static/css/bcarlin.css

@@ -327,10 +327,18 @@ pre {
   margin-bottom: calc(1.5 * var(--pico-spacing));
 }
 
-code, kdb, pre {
+code, kbd, pre {
   font-size: 0.8em;
 }
 
+a[rel="external"]::after {
+  content: url('data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27currentColor%27%3E%3Cpath%20d=%27M10%206V8H5V19H16V14H18V20C18%2020.5523%2017.5523%2021%2017%2021H4C3.44772%2021%203%2020.5523%203%2020V7C3%206.44772%203.44772%206%204%206H10ZM21%203V11H19L18.9999%206.413L11.2071%2014.2071L9.79289%2012.7929L17.5849%205H13V3H21Z%27%3E%3C/path%3E%3C/svg%3E');
+  width: 0.7em;
+  display: inline-block;
+  margin-left: 0.2em;
+  vertical-align: middle;
+}
+
 /*
  * Admonitions
  */
@@ -350,4 +358,14 @@ code, kdb, pre {
 
 .h-feed article:not(:last-child) {
   border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
+  margin-bottom: 0;
+}
+
+.h-feed article p {
+  margin-bottom: calc(0.2 * var(--pico-typography-spacing-vertical));
+}
+
+.h-feed article .p-summary {
+  font-size: 0.9em;
+  font-style: italic;
 }

themes/bcarlin/layouts/_markup/render-heading.html

@@ -0,0 +1,6 @@
+<h{{ .Level }} id="{{ .Anchor }}" {{- with .Attributes.class }} class="{{ . }}" {{- end }}>
+  {{ .Text }}
+  <a href="#{{ .Anchor }}">
+    {{- partial "icon.html"  (dict "icon" "links-line" "label" "Permalink to this section") -}}
+  </a>
+</h{{ .Level }}>

themes/bcarlin/layouts/_markup/render-link.html

@@ -0,0 +1,8 @@
+{{- $u := urls.Parse .Destination -}}
+<a href="{{ .Destination | safeURL }}"
+  {{- with .Title }} title="{{ . }}"{{ end -}}
+  {{- if $u.IsAbs }} rel="external"{{ end -}}
+>
+  {{- with .Text }}{{ . }}{{ end -}}
+</a>
+{{- /* chomp trailing newline */ -}}

themes/bcarlin/layouts/blog/list-item.html

@@ -0,0 +1,11 @@
+{{ $dateMachine := .Date | time.Format "2006-01-02T15:04:05-07:00" }}
+{{ $dateHuman := .Date | time.Format "2006-01-02" }}
+<article class="h-entry">
+  <p>
+    <a class="u-url p-name" href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>
+    (<time class="dt-published" datetime="{{ $dateMachine }}">{{ $dateHuman }}</time>)
+  </p>
+  <p class="p-summary">
+    {{ .Summary }}
+  </p>
+</article>

themes/bcarlin/layouts/blog/list.html

@@ -10,17 +10,7 @@
     <section>
       <h2>{{ .Key }}</h2>
       {{- range .Pages }}
-        {{ $dateMachine := .Date | time.Format "2006-01-02T15:04:05-07:00" }}
+      {{ .Render "list-item" }}
-        {{ $dateHuman := .Date | time.Format "2006-01-02" }}
-        <article class="h-entry">
-          <p>
-            <a class="u-url p-name" href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>
-            (<time class="dt-published" datetime="{{ $dateMachine }}">{{ $dateHuman }}</time>)
-          </p>
-          <p>
-            {{ .Summary }}
-          </p>
-        </article>
       {{- end }}
     </section>
     {{- end }}

themes/bcarlin/layouts/home.html

@@ -10,17 +10,7 @@
       <h2 class="p-name">Recent posts</h2>
       {{- $posts := where .Site.RegularPages "Section" "blog" }}
       {{- range first 5 $posts }}
-      {{ $dateMachine := .Date | time.Format "2006-01-02T15:04:05-07:00" }}
+      {{ .Render "list-item" }}
-      {{ $dateHuman := .Date | time.Format "2006-01-02" }}
-      <article class="h-entry">
-        <p>
-          <a class="u-url p-name" href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>
-          (<time class="dt-published" datetime="{{ $dateMachine }}">{{ $dateHuman }}</time>)
-        </p>
-        <p>
-          {{ .Summary }}
-        </p>
-      </article>
       {{- end }}
     </section>
   </article>

themes/bcarlin/layouts/term.html

@@ -7,12 +7,7 @@
     {{ .Content }}
 
     {{ range .Pages.ByDate }}
-    {{ $dateMachine := .Date | time.Format "2006-01-02T15:04:05-07:00" }}
+    {{ .Render "list-item" }}
-    {{ $dateHuman := .Date | time.Format "2006-01-02" }}
-    <article class="h-entry">
-      <a class="u-url p-name" href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>
-      (<time class="dt-published" datetime="{{ $dateMachine }}">{{ $dateHuman }}</time>)
-    </article>
     {{ end }}
   </article>
 {{ end }}

wrangler.toml

@@ -1,9 +0,0 @@
-name = 'homepage'
-compatibility_date = "2025-06-26"
-
-#[build]
-#command = "./build.sh"
-
-[assets]
-directory = "./public"
-#not_found_handling = "404-page"