Custom color support

content.typ

@@ -36,7 +36,7 @@
   note: [Spécialisation en multimédia et traitement d'images]
 )
 
-#v(0.55cm)
+#v(0.8cm)
 
 = Projets
 
@@ -65,7 +65,7 @@
   ]
 )
 
-#v(0.54cm)
+#v(0.8cm)
 
 = Loisirs
 

left-column.typ

@@ -5,11 +5,12 @@
 #align(left + top, [
   #grid(columns: (auto, auto), row-gutter: 0.5cm, column-gutter: 0.2cm,
     [ #image("assets/icons/location.svg", height: 10pt) ],
-    [ 9 bd de la Gare, appt 83 \
+    [ Polymny Studio \
-      31500 Toulouse France
+      16 route de Luchon \
+      31110 Moustajon
     ],
-    [ #image("assets/icons/phone.svg", height: 10pt) ], [ 06.71.22.05.84 ],
+    [ #image("assets/icons/phone.svg", height: 10pt) ], [ 05.82.95.91.76 ],
-    [ #image("assets/icons/mail.svg", height: 10pt) ], [ #link("mailto:thomas@forgione.fr")[thomas\@forgione.fr] ],
+    [ #image("assets/icons/mail.svg", height: 10pt) ], [ #link("mailto:thomas@forgione.fr")[contacter\@polymny.studio] ],
     [ #image("assets/icons/world.svg", height: 10pt) ], [ #link("https://tforgione.fr")[https://tforgione.fr] ],
     [ #image("assets/icons/github.svg", height: 10pt) ], [ #link("https://github.com/tforgione")[\@tforgione] ]
   )

template.typ

@@ -1,16 +1,29 @@
+#let color = blue
+// #let color = rgb("#018d32")
+
 // Basic template settings. Must be shown at very begining
 #let init(doc) = {
+
+  let opacity = "33" // opacity hex chars
+
+  let polymny = read("./assets/polymny.svg")
+  let polymny_transparent = polymny
+    .replace("#FFFFFFFF", "#FFFFFF" + opacity)
+    .replace("#EAE2D4FF", "#EAE2D4" + opacity)
+    .replace("#BDB299FF", "#BDB299" + opacity)
+
   set page(
     paper: "a4",
     numbering: none,
     margin: (left: 0.25cm, right: 0.25cm, top: 0.5cm, bottom: 0.5cm),
     background: [
-      #align(top + left, rect(width: 5.55cm, height: 100%, fill: blue.lighten(90%)))
+      #place(bottom + left, dx: 2cm, dy: 2.75cm, {
-      #v(-100%)
+        image.decode(polymny_transparent, width: 65em, height: 65em)
-      #v(-1.3em)
+      })
-      #align(top, rect(width: 100%, height: 4.4cm, fill: blue))
+
-      #v(-5cm)
+      #place(top + left, rect(width: 5.55cm, height: 100%, fill: color.lighten(90%)))
-      #align(top + left, box(inset: (x: 0.8cm, y: 1cm), image("./assets/moi.png", height: 4cm)))
+      #place(top + left, rect(width: 100%, height: 4.4cm, fill: color))
+      #place(top + left, dx: 0.8cm, dy: 1cm, image("./assets/moi.png", height: 4cm))
     ],
   )
 
@@ -47,15 +60,15 @@
   }
 
   show heading.where(level: 1): it => {
-    set text(fill: blue)
+    set text(fill: color)
     grid(
       gutter: 1em,
       columns: (5cm, 7fr),
-      [], // align(horizon, [#v(3pt) #rect(width: 1cm, height: 0.33em, fill: blue)]),
+      [], // align(horizon, [#v(3pt) #rect(width: 1cm, height: 0.33em, fill: color)]),
       [
         #it.body
         #v(-0.5cm)
-        #line(stroke: blue, length: 100%)
+        #line(stroke: color, length: 100%)
       ],
     )
   }
@@ -105,9 +118,21 @@
     #note
   ]
 
+  layout(size =>
     style(styles => {
-      let size = measure(content, styles)
+      let size = measure({
+        block(
+          width: size.width,
+          grid(
+            gutter: 1em,
+            columns: (5.5cm, 0.75fr, 7fr),
+            [], [], content
+          )
+        )
+      }, styles)
+
       let offset = measure(left, styles)
+
       grid(
         gutter: 1em,
         columns: (5.5cm, 0.75fr, 7fr),
@@ -120,8 +145,8 @@
         content
       )
       v(-4pt)
-
     })
+  )
 }
 
 // A score box between 1 and 5.
@@ -131,9 +156,9 @@
 
   for x in range(5) {
     if level > x {
-      elems.push(rect(width: 0.4cm, height: 0.2cm, fill: blue))
+      elems.push(rect(width: 0.4cm, height: 0.2cm, fill: color))
     } else {
-      elems.push(rect(width: 0.4cm, height: 0.2cm, fill: blue.lighten(60%)))
+      elems.push(rect(width: 0.4cm, height: 0.2cm, fill: color.lighten(60%)))
     }
   }