first

preramble.typ

@@ -0,0 +1,82 @@
+#let BackgroundColor = rgb("FBFBFB")
+#let ButtonColor = rgb("B88FE0")
+#let DarkButtonColor = rgb("6247AA")
+
+#let BannerColor = rgb("121317")
+#let TopBannerColor = rgb("121317")
+
+#let font = { "Helvetica" }
+
+#let titlefont = { "LibreCaslonDisplay" }
+
+#show heading: set text(
+  size: 18pt,
+  weight: "extralight",
+)
+
+#let whiteline = line(length: 100%, stroke: white)
+
+
+#let title(contenttext) = {
+  rect(inset: 1pt, fill: BannerColor, move(
+  dx: 4pt, dy: 4pt,
+  rect(
+    inset: 6pt,
+    fill: white,
+    stroke: ButtonColor,
+    [#text(size: 16pt)[#contenttext]]
+  )
+))
+}
+
+#let sectionline(name) = {
+  v(30pt)
+  grid(columns: (1fr),
+  row-gutter: (12pt),
+  [#text(font: "Libre Caslon Text", fill: white, size: 15pt, weight: 500)[#name]],
+  [#line(start: (-5pt, 0pt), stroke: (ButtonColor + 2.5pt), length: 25pt)],
+  )
+}
+
+
+
+#let dot(color: black) = {
+  return block(
+    inset: (top: 2pt)
+  )[#circle(width: 6pt, fill: ButtonColor)]
+}
+
+#let dot2(color: black) = {
+  return block(
+    inset: (top: 2pt)
+  )[#line(start: (0pt,3pt), length: 10pt, stroke: white)]
+}
+
+#let grad() ={ 
+  gradient.linear(ButtonColor,rgb("856FC3"),  angle: 180deg)
+}
+
+#let progress(Number)= {
+  rect(width: 100%, height: 8pt, stroke: grad(),  fill: grad(), inset: 0pt)[
+    #align(end)[#rect(width: (1%*(100-Number)), height: 8pt, fill: TopBannerColor)]
+  ]
+  
+}
+
+
+#let NameTitle() = {
+  v(5pt)
+  grid(
+    columns: (1fr, 70pt),
+    row-gutter: 5pt,
+    [#text(size: 52pt, weight: 500, font: "Libre Caslon Text")[#align(start)[Samantha]]], 
+    [#box(
+      width: 100%+55pt,
+      outset: (x: -30pt, top: 10pt, bottom: 10pt),
+      fill: ButtonColor)[
+        #text(size: 10pt)[#align(center)[CV | English]]]
+    ],
+    [#text(size: 24pt, weight: 500, font: "Libre Caslon Text")[#align(start)[Vero Friis]]],
+  ) 
+}
+