cv.maxdaten.io/screenshots.yml at master · MaxDaten/cv.maxdaten.io · 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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
# CV Design Screenshots Configuration
# Note: Dark mode colors may appear slightly brighter due to Playwright limitation.
# Use for layout verification across viewports.

# OpenGraph Preview Image (1200x630) - Social media sharing
- output: build/img/og-card.png
  url: APP_PATH/src/templates/og-card.html
  width: 1200
  height: 630

# Mobile (375x812) - iPhone X/11/12
- output: build/screenshots/mobile-light.png
  url: APP_PATH/build/cv/jan-philip-loos-curriculum-vitae.html
  width: 375
  height: 812
  javascript: |
      document.documentElement.setAttribute('data-theme', 'light')

- output: build/screenshots/mobile-dark.png
  url: APP_PATH/build/cv/jan-philip-loos-curriculum-vitae.html
  width: 375
  height: 812
  javascript: |
      document.documentElement.setAttribute('data-theme', 'dark')

- output: build/screenshots/mobile-light-awards.png
  url: APP_PATH/build/cv/jan-philip-loos-curriculum-vitae.html
  width: 375
  height: 812
  javascript: |
      document.documentElement.setAttribute('data-theme', 'light')
      document.getElementById('awards').scrollIntoView({block: 'center'})

- output: build/screenshots/mobile-dark-awards.png
  url: APP_PATH/build/cv/jan-philip-loos-curriculum-vitae.html
  width: 375
  height: 812
  javascript: |
      document.documentElement.setAttribute('data-theme', 'dark')
      document.getElementById('awards').scrollIntoView({block: 'center'})

# Tablet (768x1024) - iPad
- output: build/screenshots/tablet-light.png
  url: APP_PATH/build/cv/jan-philip-loos-curriculum-vitae.html
  width: 768
  height: 1024
  javascript: |
      document.documentElement.setAttribute('data-theme', 'light')

- output: build/screenshots/tablet-dark.png
  url: APP_PATH/build/cv/jan-philip-loos-curriculum-vitae.html
  width: 768
  height: 1024
  javascript: |
      document.documentElement.setAttribute('data-theme', 'dark')

- output: build/screenshots/tablet-light-awards.png
  url: APP_PATH/build/cv/jan-philip-loos-curriculum-vitae.html
  width: 768
  height: 1024
  javascript: |
      document.documentElement.setAttribute('data-theme', 'light')
      document.getElementById('awards').scrollIntoView({block: 'center'})

- output: build/screenshots/tablet-dark-awards.png
  url: APP_PATH/build/cv/jan-philip-loos-curriculum-vitae.html
  width: 768
  height: 1024
  javascript: |
      document.documentElement.setAttribute('data-theme', 'dark')
      document.getElementById('awards').scrollIntoView({block: 'center'})

# Desktop (1440x900) - Laptop
- output: build/screenshots/desktop-light.png
  url: APP_PATH/build/cv/jan-philip-loos-curriculum-vitae.html
  width: 1440
  height: 900
  javascript: |
      document.documentElement.setAttribute('data-theme', 'light')

- output: build/screenshots/desktop-dark.png
  url: APP_PATH/build/cv/jan-philip-loos-curriculum-vitae.html
  width: 1440
  height: 900
  javascript: |
      document.documentElement.setAttribute('data-theme', 'dark')

- output: build/screenshots/desktop-light-awards.png
  url: APP_PATH/build/cv/jan-philip-loos-curriculum-vitae.html
  width: 1440
  height: 900
  javascript: |
      document.documentElement.setAttribute('data-theme', 'light')
      document.getElementById('awards').scrollIntoView({block: 'center'})

- output: build/screenshots/desktop-dark-awards.png
  url: APP_PATH/build/cv/jan-philip-loos-curriculum-vitae.html
  width: 1440
  height: 900
  javascript: |
      document.documentElement.setAttribute('data-theme', 'dark')
      document.getElementById('awards').scrollIntoView({block: 'center'})