1
+ <!doctype html>
2
+ < html lang ="en ">
3
+ < head > < meta http-equiv ="Content-Type " content ="text/html; charset=UTF-8 " />
4
+ < meta charset ="utf-8 " />
5
+
6
+ < meta
7
+ name ="viewport "
8
+ content ="width=device-width, initial-scale=1, shrink-to-fit=no " />
9
+
10
+ <!-- Page author --> < link rel ="canonical " href ="https://wintersong.wntr.dev/components/ " />
11
+
12
+ < link
13
+ rel ="shortcut icon "
14
+ sizes ="192x192 "
15
+ href ="/icon.png " />
16
+ < link
17
+ rel ="apple-touch-icon "
18
+ sizes ="192x192 "
19
+ href ="/icon.png " />
20
+
21
+ < meta name ="generator " content ="mkdocs-1.5.3 " /> <!-- Title --> < title >
22
+ Wintersong
23
+
24
+
25
+
26
+
27
+
28
+ - Components
29
+
30
+ </ title > < link rel ="stylesheet " href ="../winter.css " /> </ head >
31
+
32
+ < body
33
+ class =""
34
+ data-page ="components/ "> < header >
35
+ < nav role ="navigation " aria-label ="main navigation ">
36
+ < ul >
37
+ < li >
38
+ < a href =".. "> Wintersong</ a >
39
+ </ li >
40
+ </ ul >
41
+ < ul >
42
+ < li >
43
+ < img class ="logo " src ="/winterbloom.png " alt ="Winterbloom logo " />
44
+ </ li >
45
+ </ ul >
46
+ </ nav >
47
+ < nav role ="navigation " aria-label ="secondary navigation ">
48
+ < ul class ="has-dividers "> < li >
49
+ < a
50
+
51
+ href =".. ">
52
+ Home
53
+ </ a >
54
+ </ li > < li >
55
+ < a
56
+ aria-current
57
+ href ="./ ">
58
+ Components
59
+ </ a >
60
+ </ li > < li >
61
+ < a
62
+
63
+ href ="../markdown/ ">
64
+ Markdown
65
+ </ a >
66
+ </ li > </ ul >
67
+ < ul > < li >
68
+ < winter-dark-mode > </ winter-dark-mode >
69
+ </ li >
70
+ </ ul >
71
+ </ nav >
72
+ </ header > < main
73
+ class ="hide-title ">
74
+ < article class ="content "> < h1 id ="components "> Components< a class ="headerlink " href ="#components " title ="Permanent link "> #</ a > </ h1 >
75
+ < h2 id ="audio-player "> Audio player< a class ="headerlink " href ="#audio-player " title ="Permanent link "> #</ a > </ h2 >
76
+ < p > < winter-audio-player title ="Ramp wave ">
77
+ < source
78
+ src ="https://storage.googleapis.com/files.winterbloom.com/gemini/ramp_octaves.mp3 " />
79
+ </ winter-audio-player > </ p >
80
+ < p > Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
81
+ eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
82
+ ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
83
+ aliquip ex ea commodo consequat. Duis aute irure dolor in
84
+ reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
85
+ pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
86
+ culpa qui officia deserunt mollit anim id est laborum</ p >
87
+ < p > < winter-audio-player
88
+ title ="Ramp wave with filter "
89
+ src ="https://storage.googleapis.com/files.winterbloom.com/gemini/ramp_filtered.mp3 "
90
+ loop > </ winter-audio-player > </ p >
91
+ < h2 id ="carousel "> Carousel< a class ="headerlink " href ="#carousel " title ="Permanent link "> #</ a > </ h2 >
92
+ < p > < winter-carousel >
93
+ < img src ="../images/17-hardware-pot-nuts-1.webp " />
94
+ < img src ="../images/17-hardware-pot-nuts-2.webp " />
95
+ < img src ="../images/17-hardware-pot-nuts-3.webp " />
96
+ < img src ="../images/17-hardware-pot-nuts-4.webp " />
97
+ < img src ="../images/17-hardware-pot-nuts-5.webp " />
98
+ < img src ="../images/17-hardware-pot-nuts-6.webp " />
99
+ < img src ="../images/17-hardware-pot-nuts-7.webp " />
100
+ < img src ="../images/17-hardware-pot-nuts-8.webp " />
101
+ </ winter-carousel > </ p >
102
+ < h2 id ="image-map "> Image map< a class ="headerlink " href ="#image-map " title ="Permanent link "> #</ a > </ h2 >
103
+ < p > < winter-image-map src ="../images/kit-contents.svg ">
104
+ < winter-image-map-item id ="mainboard ">
105
+ Mainboard
106
+ </ winter-image-map-item >
107
+ < winter-image-map-item id ="faceplate ">
108
+ Faceplate
109
+ </ winter-image-map-item >
110
+ < winter-image-map-item id ="jacks ">
111
+ 1/8" jacks (8)
112
+ </ winter-image-map-item >
113
+ < winter-image-map-item id ="jack-nuts ">
114
+ Hex nuts for the 1/8" jacks (8)
115
+ </ winter-image-map-item >
116
+ < winter-image-map-item id ="power-header ">
117
+ Eurorack power header
118
+ </ winter-image-map-item >
119
+ < winter-image-map-item id ="rubber-bands ">
120
+ Rubber bands (2)
121
+ </ winter-image-map-item >
122
+ < winter-image-map-item id ="big-knob ">
123
+ Big knob
124
+ </ winter-image-map-item >
125
+ < winter-image-map-item id ="small-knob ">
126
+ Small knobs (3)
127
+ </ winter-image-map-item >
128
+ < winter-image-map-item id ="trimpots ">
129
+ Tall trimmer pots (3)
130
+ </ winter-image-map-item >
131
+ < winter-image-map-item id ="pots ">
132
+ 9mm pots (4)
133
+ </ winter-image-map-item >
134
+ < winter-image-map-item id ="pot-washers ">
135
+ Washers for 9mm pots (4)
136
+ </ winter-image-map-item >
137
+ < winter-image-map-item id ="pot-nuts ">
138
+ Nuts for 9mm pots (4)
139
+ </ winter-image-map-item >
140
+ </ winter-image-map > </ p > </ article >
141
+ </ main > < footer >
142
+ < ul >
143
+ < li >
144
+ © 2024
145
+ Winterbloom · Alethea Flowers
146
+ </ li >
147
+ < li >
148
+ Published under
149
+ < a
150
+ href ="https://github.com/wntrblm/wintersong/blob/main/docs/LICENSE ">
151
+ CC BY-SA 4.0
152
+ </ a >
153
+ </ li >
154
+ </ ul >
155
+ < ul >
156
+ < li class ="updated ">
157
+ Last updated on 2024/2/6
158
+ </ li >
159
+ < li >
160
+ < a href ="https://github.com/wntrblm/wintersong/edit/main/docs/docs/components.md "> Edit this page on GitHub</ a >
161
+ </ li >
162
+ < li >
163
+ < a href ="mailto:support@winterbloom.com ">
164
+ Send us a message
165
+ </ a >
166
+ </ li >
167
+ </ ul >
168
+ </ footer >
169
+ < script type ="module " src ="../winter.js "> </ script >
170
+
171
+
172
+ </ body >
173
+ </ html >
0 commit comments