package-postage.pug

doctype xml
svg(
  viewBox="0 0 67.5 40.5"
  width=400
  version="1.1"
  xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink")
  defs
    circle(
      id="dot"
      fill="hsl(235,35%,50%)"
      cx=-0.5
      cy=-0.5
      r=0.7)
    polygon(
      id="star"
      fill="hsl(235,35%,50%)"
      fill-rule="nonzero"
      stroke="hsl(235,35%,50%)"
      stroke-width="0.3px"
      stroke-linecap="round"
      stroke-linejoin="round"
      points=`0,-2 1.176,1.618 -1.854,-0.75 1.854,-0.75 -1.176,1.618`)

  g(id="stamp" transform=`translate(10)`)
    path(
      fill="hsl(0,60%,50%)"
      d=`M0,0 h2
        h1 a2 2, 1 1 0 4,0
        h1 a2 2, 1 1 0 4,0
        h1 a2 2, 1 1 0 4,0
        h1 a2 2, 1 1 0 4,0
        h1 a2 2, 1 1 0 4,0
        L30,0 v2
        v1 a2 2, 1 1 0 0,4
        v1 a2 2, 1 1 0 0,4
        v1 a2 2, 1 1 0 0,4
        v1 a2 2, 1 1 0 0,4
        v1 a2 2, 1 1 0 0,4
        L30,30 h-2
        h-1 a2 2, 1 1 0 -4,0
        h-1 a2 2, 1 1 0 -4,0
        h-1 a2 2, 1 1 0 -4,0
        h-1 a2 2, 1 1 0 -4,0
        h-1 a2 2, 1 1 0 -4,0
        L0,30 v-2
        v-1 a2 2, 1 1 0 0,-4
        v-1 a2 2, 1 1 0 0,-4
        v-1 a2 2, 1 1 0 0,-4
        v-1 a2 2, 1 1 0 0,-4
        v-1 a2 2, 1 1 0 0,-4
        z`)
    path(d="M5,5 h20 v20 h-5 v-15 h-5 v15 h-10Z" fill="white")
  g(id="ink" transform="translate(17,24)" style="mix-blend-mode:multiply;")
    circle(stroke="hsl(235,35%,50%)" fill="none" r=16)
    circle(stroke="hsl(235,35%,50%)" fill="none" r=12)

    - var shift=0, increment=1.1
    mixin dashed-bar(start, end)
      path(fill="none" stroke="hsl(235,35%,50%)" stroke-width="1px" stroke-dasharray="2px" stroke-linecap="round" stroke-dashoffset=shift+=increment d=`M ${start} c-5,0 -5,-2 -10,-2 s-5,2 -10,2 s-5,-2 -10,-2 c${end}`)
    +dashed-bar("50,-10","-3,0 -4.6,1.4 -5.0,1.8")
    +dashed-bar("50,-5", "-2,0 -2.6,1.1 -3.0,1.2")
    +dashed-bar("50,0",  "-1,0 -2.2,0.9 -2.4,1.0")
    +dashed-bar("50,5",  "-2,0 -2.4,1.0 -2.7,1.1")
    +dashed-bar("50,10", "-3,0 -4.6,1.4 -5.0,1.8")

    mixin bullet(angle, depth)
      use(xlink:href="#dot" transform="translate("+depth+") rotate("+angle+",-"+depth+",0)")
    - for(var angle = 0, depth = 14.5; angle < 360; angle += 15)
      +bullet(angle, depth)

    mixin star(angle, depth)
      use(xlink:href="#star" transform="translate(0,-"+depth+") rotate("+angle+",0,"+depth+")")
    - for(var angle = 0, depth = 5; angle < 360; angle += 72)
      +star(angle, depth)

    path(id="text" d="M0.5,-9A 9 9, 0 1 1 -0.5,-9" fill="none" transform="rotate(72)")
    text(style="font-family:monospace;font-size:2.8px;font-weight:bold;fill:hsl(235,35%,50%);")
      textPath(xlink:href="#text" side="left") PUBLISH ALL THE THINGS YOU CAN!!!