├── .prettierignore
├── pudding.html
└── pudding.css
/.prettierignore:
--------------------------------------------------------------------------------
1 | /*/*.css
2 | /*.css
--------------------------------------------------------------------------------
/pudding.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Christmas Pudding Pixel Art
6 |
7 |
8 |
9 |
10 |
11 |
12 |
--------------------------------------------------------------------------------
/pudding.css:
--------------------------------------------------------------------------------
1 | body {
2 | background: #333;
3 | }
4 |
5 | .pudding {
6 | margin: 20px;
7 | height: 10px;
8 | width: 10px;
9 |
10 | box-shadow:
11 | /* holly & cherries */
12 |
13 | 80px 10px 0 0 #009688,
14 | 140px 10px 0 0 #009688,
15 | 70px 20px 0 0 #009688,
16 | 80px 20px 0 0 #009688,
17 | 90px 20px 0 0 #009688,
18 | 130px 20px 0 0 #009688,
19 | 140px 20px 0 0 #009688,
20 | 150px 20px 0 0 #009688,
21 | 80px 30px 0 0 #009688,
22 | 90px 30px 0 0 #009688,
23 | 100px 30px 0 0 #e91e63,
24 | 110px 30px 0 0 #e91e63,
25 | 120px 30px 0 0 #009688,
26 | 130px 30px 0 0 #009688,
27 | 140px 30px 0 0 #009688,
28 |
29 | /* icing and cherries */
30 | 60px 40px 0 0 #fff,
31 | 70px 40px 0 0 #fff,
32 | 80px 40px 0 0 #fff,
33 | 90px 40px 0 0 #e91e63,
34 | 100px 40px 0 0 #e91e63,
35 | 110px 40px 0 0 #e91e63,
36 | 120px 40px 0 0 #009688,
37 | 130px 40px 0 0 #009688,
38 | 140px 40px 0 0 #fff,
39 | 150px 40px 0 0 #fff,
40 | 40px 50px 0 0 #fff,
41 | 50px 50px 0 0 #fff,
42 | 60px 50px 0 0 #fff,
43 | 70px 50px 0 0 #fff,
44 | 80px 50px 0 0 #fff,
45 | 90px 50px 0 0 #e91e63,
46 | 100px 50px 0 0 #e91e63,
47 | 110px 50px 0 0 #fff,
48 | 120px 50px 0 0 #fff,
49 | 130px 50px 0 0 #fff,
50 | 140px 50px 0 0 #fff,
51 | 150px 50px 0 0 #fff,
52 | 160px 50px 0 0 #fff,
53 | 170px 50px 0 0 #fff,
54 | 30px 60px 0 0 #fff,
55 | 40px 60px 0 0 #fff,
56 | 50px 60px 0 0 #fff,
57 | 60px 60px 0 0 #fff,
58 | 70px 60px 0 0 #fff,
59 | 80px 60px 0 0 #fff,
60 | 90px 60px 0 0 #fff,
61 | 100px 60px 0 0 #fff,
62 | 110px 60px 0 0 #fff,
63 | 120px 60px 0 0 #fff,
64 | 130px 60px 0 0 #fff,
65 | 140px 60px 0 0 #fff,
66 | 150px 60px 0 0 #fff,
67 | 160px 60px 0 0 #fff,
68 | 170px 60px 0 0 #fff,
69 | 180px 60px 0 0 #fff,
70 | 20px 70px 0 0 #fff,
71 | 30px 70px 0 0 #fff,
72 | 40px 70px 0 0 #fff,
73 | 50px 70px 0 0 #fff,
74 | 60px 70px 0 0 #fff,
75 | 70px 70px 0 0 #fff,
76 | 80px 70px 0 0 #fff,
77 | 90px 70px 0 0 #fff,
78 | 100px 70px 0 0 #fff,
79 | 110px 70px 0 0 #fff,
80 | 120px 70px 0 0 #fff,
81 | 130px 70px 0 0 #fff,
82 | 140px 70px 0 0 #fff,
83 | 150px 70px 0 0 #fff,
84 | 160px 70px 0 0 #fff,
85 | 170px 70px 0 0 #fff,
86 | 180px 70px 0 0 #fff,
87 | 190px 70px 0 0 #fff,
88 | 20px 80px 0 0 #fff,
89 | 30px 80px 0 0 #fff,
90 | 40px 80px 0 0 #fff,
91 | 50px 80px 0 0 #fff,
92 | 60px 80px 0 0 #fff,
93 | 70px 80px 0 0 #fff,
94 | 80px 80px 0 0 #fff,
95 | 90px 80px 0 0 #fff,
96 | 100px 80px 0 0 #fff,
97 | 110px 80px 0 0 #fff,
98 | 120px 80px 0 0 #fff,
99 | 130px 80px 0 0 #fff,
100 | 140px 80px 0 0 #fff,
101 | 150px 80px 0 0 #fff,
102 | 160px 80px 0 0 #fff,
103 | 170px 80px 0 0 #fff,
104 | 180px 80px 0 0 #fff,
105 | 190px 80px 0 0 #fff,
106 | 10px 90px 0 0 #fff,
107 | 20px 90px 0 0 #fff,
108 |
109 | /* pudding & icing */
110 | 30px 90px 0 0 #69473a,
111 | 40px 90px 0 0 #69473a,
112 | 50px 90px 0 0 #fff,
113 | 60px 90px 0 0 #fff,
114 | 70px 90px 0 0 #fff,
115 | 80px 90px 0 0 #69473a,
116 | 90px 90px 0 0 #69473a,
117 | 100px 90px 0 0 #fff,
118 | 110px 90px 0 0 #fff,
119 | 120px 90px 0 0 #69473a,
120 | 130px 90px 0 0 #69473a,
121 | 140px 90px 0 0 #fff,
122 | 150px 90px 0 0 #fff,
123 | 160px 90px 0 0 #fff,
124 | 170px 90px 0 0 #fff,
125 | 180px 90px 0 0 #69473a,
126 | 190px 90px 0 0 #fff,
127 | 200px 90px 0 0 #fff,
128 | 10px 100px 0 0 #69473a,
129 | 20px 100px 0 0 #69473a,
130 | 30px 100px 0 0 #69473a,
131 | 40px 100px 0 0 #69473a,
132 | 50px 100px 0 0 #fff,
133 | 60px 100px 0 0 #fff,
134 | 70px 100px 0 0 #69473a,
135 | 80px 100px 0 0 #69473a,
136 | 90px 100px 0 0 #69473a,
137 | 100px 100px 0 0 #69473a,
138 | 110px 100px 0 0 #69473a,
139 | 120px 100px 0 0 #69473a,
140 | 130px 100px 0 0 #69473a,
141 | 140px 100px 0 0 #fff,
142 | 150px 100px 0 0 #fff,
143 | 160px 100px 0 0 #fff,
144 | 170px 100px 0 0 #69473a,
145 | 180px 100px 0 0 #69473a,
146 | 190px 100px 0 0 #69473a,
147 | 200px 100px 0 0 #69473a,
148 | 10px 110px 0 0 #69473a,
149 | 20px 110px 0 0 #69473a,
150 | 30px 110px 0 0 #69473a,
151 | 40px 110px 0 0 #69473a,
152 | 50px 110px 0 0 #69473a,
153 | 60px 110px 0 0 #fff,
154 | 70px 110px 0 0 #69473a,
155 | 80px 110px 0 0 #69473a,
156 | 90px 110px 0 0 #69473a,
157 | 100px 110px 0 0 #69473a,
158 | 110px 110px 0 0 #3a2a1c,
159 | 120px 110px 0 0 #69473a,
160 | 130px 110px 0 0 #69473a,
161 | 140px 110px 0 0 #69473a,
162 | 150px 110px 0 0 #fff,
163 | 160px 110px 0 0 #fff,
164 | 170px 110px 0 0 #69473a,
165 | 180px 110px 0 0 #69473a,
166 | 190px 110px 0 0 #3a2a1c,
167 | 200px 110px 0 0 #69473a,
168 | 10px 120px 0 0 #69473a,
169 | 20px 120px 0 0 #3a2a1c,
170 | 30px 120px 0 0 #69473a,
171 | 40px 120px 0 0 #69473a,
172 | 50px 120px 0 0 #69473a,
173 | 60px 120px 0 0 #69473a,
174 | 70px 120px 0 0 #69473a,
175 | 80px 120px 0 0 #69473a,
176 | 90px 120px 0 0 #69473a,
177 | 100px 120px 0 0 #69473a,
178 | 110px 120px 0 0 #69473a,
179 | 120px 120px 0 0 #69473a,
180 | 130px 120px 0 0 #69473a,
181 | 140px 120px 0 0 #69473a,
182 | 150px 120px 0 0 #fff,
183 |
184 | /* pudding */
185 | 160px 120px 0 0 #69473a,
186 | 170px 120px 0 0 #69473a,
187 | 180px 120px 0 0 #69473a,
188 | 190px 120px 0 0 #69473a,
189 | 200px 120px 0 0 #69473a,
190 | 10px 130px 0 0 #69473a,
191 | 20px 130px 0 0 #69473a,
192 | 30px 130px 0 0 #69473a,
193 | 40px 130px 0 0 #3a2a1c,
194 | 50px 130px 0 0 #69473a,
195 | 60px 130px 0 0 #69473a,
196 | 70px 130px 0 0 #3a2a1c,
197 | 80px 130px 0 0 #69473a,
198 | 90px 130px 0 0 #69473a,
199 | 100px 130px 0 0 #69473a,
200 | 110px 130px 0 0 #69473a,
201 | 120px 130px 0 0 #69473a,
202 | 130px 130px 0 0 #69473a,
203 | 140px 130px 0 0 #69473a,
204 | 150px 130px 0 0 #69473a,
205 | 160px 130px 0 0 #69473a,
206 | 170px 130px 0 0 #69473a,
207 | 180px 130px 0 0 #3a2a1c,
208 | 190px 130px 0 0 #69473a,
209 | 200px 130px 0 0 #69473a,
210 | 10px 140px 0 0 #69473a,
211 | 20px 140px 0 0 #69473a,
212 | 30px 140px 0 0 #69473a,
213 | 40px 140px 0 0 #69473a,
214 | 50px 140px 0 0 #69473a,
215 | 60px 140px 0 0 #69473a,
216 | 70px 140px 0 0 #69473a,
217 | 80px 140px 0 0 #69473a,
218 | 90px 140px 0 0 #69473a,
219 | 100px 140px 0 0 #69473a,
220 | 110px 140px 0 0 #3a2a1c,
221 | 120px 140px 0 0 #69473a,
222 | 130px 140px 0 0 #69473a,
223 | 140px 140px 0 0 #69473a,
224 | 150px 140px 0 0 #3a2a1c,
225 | 160px 140px 0 0 #69473a,
226 | 170px 140px 0 0 #69473a,
227 | 180px 140px 0 0 #69473a,
228 | 190px 140px 0 0 #69473a,
229 | 200px 140px 0 0 #69473a,
230 | 10px 150px 0 0 #69473a,
231 | 20px 150px 0 0 #69473a,
232 | 30px 150px 0 0 #69473a,
233 | 40px 150px 0 0 #69473a,
234 | 50px 150px 0 0 #3a2a1c,
235 | 60px 150px 0 0 #69473a,
236 | 70px 150px 0 0 #69473a,
237 | 80px 150px 0 0 #69473a,
238 | 90px 150px 0 0 #3a2a1c,
239 | 100px 150px 0 0 #69473a,
240 | 110px 150px 0 0 #69473a,
241 | 120px 150px 0 0 #69473a,
242 | 130px 150px 0 0 #69473a,
243 | 140px 150px 0 0 #69473a,
244 | 150px 150px 0 0 #69473a,
245 | 160px 150px 0 0 #69473a,
246 | 170px 150px 0 0 #69473a,
247 | 180px 150px 0 0 #69473a,
248 | 190px 150px 0 0 #69473a,
249 | 200px 150px 0 0 #69473a,
250 | 20px 160px 0 0 #69473a,
251 | 30px 160px 0 0 #3a2a1c,
252 | 40px 160px 0 0 #69473a,
253 | 50px 160px 0 0 #69473a,
254 | 60px 160px 0 0 #69473a,
255 | 70px 160px 0 0 #69473a,
256 | 80px 160px 0 0 #69473a,
257 | 90px 160px 0 0 #69473a,
258 | 100px 160px 0 0 #69473a,
259 | 110px 160px 0 0 #69473a,
260 | 120px 160px 0 0 #69473a,
261 | 130px 160px 0 0 #3a2a1c,
262 | 140px 160px 0 0 #69473a,
263 | 150px 160px 0 0 #3a2a1c,
264 | 160px 160px 0 0 #69473a,
265 | 170px 160px 0 0 #69473a,
266 | 180px 160px 0 0 #69473a,
267 | 190px 160px 0 0 #69473a,
268 | 20px 170px 0 0 #69473a,
269 | 30px 170px 0 0 #69473a,
270 | 40px 170px 0 0 #69473a,
271 | 50px 170px 0 0 #69473a,
272 | 60px 170px 0 0 #69473a,
273 | 70px 170px 0 0 #3a2a1c,
274 | 80px 170px 0 0 #69473a,
275 | 90px 170px 0 0 #69473a,
276 | 100px 170px 0 0 #69473a,
277 | 110px 170px 0 0 #69473a,
278 | 120px 170px 0 0 #69473a,
279 | 130px 170px 0 0 #69473a,
280 | 140px 170px 0 0 #69473a,
281 | 150px 170px 0 0 #69473a,
282 | 160px 170px 0 0 #69473a,
283 | 170px 170px 0 0 #69473a,
284 | 180px 170px 0 0 #3a2a1c,
285 | 190px 170px 0 0 #69473a,
286 | 30px 180px 0 0 #69473a,
287 | 40px 180px 0 0 #69473a,
288 | 50px 180px 0 0 #69473a,
289 | 60px 180px 0 0 #69473a,
290 | 70px 180px 0 0 #69473a,
291 | 80px 180px 0 0 #69473a,
292 | 90px 180px 0 0 #69473a,
293 | 100px 180px 0 0 #3a2a1c,
294 | 110px 180px 0 0 #69473a,
295 | 120px 180px 0 0 #69473a,
296 | 130px 180px 0 0 #69473a,
297 | 140px 180px 0 0 #69473a,
298 | 150px 180px 0 0 #69473a,
299 | 160px 180px 0 0 #69473a,
300 | 170px 180px 0 0 #69473a,
301 | 180px 180px 0 0 #69473a,
302 | 40px 190px 0 0 #69473a,
303 | 50px 190px 0 0 #69473a,
304 | 60px 190px 0 0 #3a2a1c,
305 | 70px 190px 0 0 #69473a,
306 | 80px 190px 0 0 #69473a,
307 | 90px 190px 0 0 #69473a,
308 | 100px 190px 0 0 #69473a,
309 | 110px 190px 0 0 #69473a,
310 | 120px 190px 0 0 #69473a,
311 | 130px 190px 0 0 #3a2a1c,
312 | 140px 190px 0 0 #69473a,
313 | 150px 190px 0 0 #69473a,
314 | 160px 190px 0 0 #69473a,
315 | 170px 190px 0 0 #69473a,
316 | 50px 200px 0 0 #69473a,
317 | 60px 200px 0 0 #69473a,
318 | 70px 200px 0 0 #69473a,
319 | 80px 200px 0 0 #69473a,
320 | 90px 200px 0 0 #69473a,
321 | 100px 200px 0 0 #69473a,
322 | 110px 200px 0 0 #69473a,
323 | 120px 200px 0 0 #69473a,
324 | 130px 200px 0 0 #69473a,
325 | 140px 200px 0 0 #69473a,
326 | 150px 200px 0 0 #69473a,
327 | 160px 200px 0 0 #69473a;
328 | }
329 |
--------------------------------------------------------------------------------