prime8dev

commit e993bdd94b39a6211893523bdf322801ac8ba20d
parent f5bf54905913b50641f4e0c48d46e4c870761584
Author: Damian Myrda <damian@prime8.dev>
Date:   Fri, 23 Oct 2026 00:56:37 +0000

web: drop the rail's ~ and mark past roles with *

Diffstat:
M
internal/web/styles/experience.css
 | 
14
++++----------
M
internal/web/templates/partials/experience.gohtml
 | 
3
+--

2 files changed, 5 insertions(+), 12 deletions(-)
diff --git a/internal/web/styles/experience.css b/internal/web/styles/experience.css
@@ -195,14 +195,13 @@
 
 /*
  * Graph rail, jj log style: one continuous line down the list with a node
- * on each job's role line, newest first, and ~ under the oldest.
+ * on each job's role line, newest first, ending at the oldest.
  *
  *   @  hark / ...
  *   │
- *   ○  mandolin / ...
+ *   *  mandolin / ...
  *   │
- *   ○  amplifier health / ...
- *   ~
+ *   *  amplifier health / ...
  *
  * Dates live on the cards, so the rail carries only the shape. The active
  * job lights its node and the line down to the job before it.
@@ -227,8 +226,7 @@
   --node-top: 39px;
 }
 
-.graph-node,
-.graph-foot {
+.graph-node {
   position: absolute;
   left: 0;
   width: 1ch;
@@ -241,10 +239,6 @@
   transition: color 80ms linear;
 }
 
-.graph-foot {
-  top: calc(var(--node-top) + var(--row));
-}
-
 /* hairline through the node column, broken around each node */
 .exp-row + .exp-row .exp-timeline::before,
 .exp-row:not(:last-child) .exp-timeline::after {
diff --git a/internal/web/templates/partials/experience.gohtml b/internal/web/templates/partials/experience.gohtml
@@ -27,8 +27,7 @@
       {{$on := or (eq $exp.ID $.SelectedExperienceID) (and (not $.SelectedExperienceID) (eq $index 0))}}
       <div class="exp-row{{if $on}} active{{end}}" data-index="{{$index}}" data-id="{{$exp.ID}}">
         <div class="exp-timeline" aria-hidden="true">
-          <span class="graph-node">{{if $exp.Current}}@{{else}}○{{end}}</span>
-          {{if eq (inc $index) (len $.Experience)}}<span class="graph-foot">~</span>{{end}}
+          <span class="graph-node">{{if $exp.Current}}@{{else}}*{{end}}</span>
         </div>
 
         <div class="exp-card" id="exp-{{$exp.ID}}" data-index="{{$index}}" data-id="{{$exp.ID}}">