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