Story.report/template.typ.example at main · 6ajmon/Story.report · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
#set page(width: 1080pt, height: 1920pt, margin: 0pt, background: rgb("#1a1a1a"))
#set text(font: "Inter", size: 28pt, fill: white)

#let title-style(content) = {
  set text(size: 48pt, weight: "bold", fill: rgb("#00d9ff"))
  content
}

#let section-title(content) = {
  set text(size: 36pt, weight: "bold", fill: rgb("#00d9ff"))
  v(24pt)
  content
  v(16pt)
}

#let item-text(content) = {
  set text(size: 24pt, fill: white)
  content
}

#grid(
  columns: (1fr,),
  gutter: 20pt,
  // Header
  {
    set align(center)
    v(40pt)
    title-style[🎵 Story.report 🎵]
    v(8pt)
    set text(size: 18pt, fill: rgb("#aaaaaa"))
    [Last 30 days]
    v(32pt)
  },
  // Content section
  {
    set text(size: 24pt)

    // Top Artists Section
    {
      set align(center)
      section-title[TOP 5 ARTISTS]
    }

    {
      set align(left)
      set text(size: 22pt, fill: rgb("#ffffff"))
      box(width: 100%, inset: 20pt, [
        [#strong[`1.`]] The Beatles _42 plays_
        [#strong[`2.`]] Pink Floyd _38 plays_
        [#strong[`3.`]] Led Zeppelin _35 plays_
        [#strong[`4.`]] Queen _32 plays_
        [#strong[`5.`]] David Bowie _28 plays_
      ])
    }

    // Top Tracks Section
    {
      set align(center)
      section-title[TOP 5 TRACKS]
    }

    {
      set align(left)
      set text(size: 20pt, fill: rgb("#ffffff"))
      box(width: 100%, inset: 20pt, [
        [#strong[`1.`]] Bohemian Rhapsody _by Queen_ \ _15 plays_
        [#strong[`2.`]] Comfortably Numb _by Pink Floyd_ \ _12 plays_
        [#strong[`3.`]] Imagine _by John Lennon_ \ _11 plays_
        [#strong[`4.`]] Stairway to Heaven _by Led Zeppelin_ \ _10 plays_
        [#strong[`5.`]] Space Oddity _by David Bowie_ \ _9 plays_
      ])
    }
  },
  // Footer
  {
    set align(center)
    v(1fr)
    set text(size: 16pt, fill: rgb("#666666"))
    [Generated by Story.report]
    v(20pt)
  }
)