PageSourceSearch

https://www.henrimatisse.org/joy-of-life.jsp

html henrimatisse.org collected 2026-10-02 06:05:00 UTC 26,252 bytes, 571 lines download raw bytes

1<!doctype html>
2<html lang='en'>
3
4  <head>
5    <meta charset='utf-8' />
6    <meta content='width=device-width, initial-scale=1.0' name='viewport' />
7    <meta property="og:site_name" content="Henri Matisse"/>
8    <title>Joy of Life (Bonheur de Vivre), 1905 by Henri Matisse</title>
9    <link rel="canonical" href="https://www.henrimatisse.org/joy-of-life.jsp" />
10
11    <!-- Favicons -->
12    <link href='/assets/img/logo.png' rel='icon' />
13    <link href='/assets/img/logo.png' rel='apple-touch-icon' />
14
15    <!-- Google Fonts -->
16    <link
17      href='https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i'
18      rel='stylesheet'
19    />
20
21    <!-- Vendor CSS Files -->
22    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
23    <link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet">
24
25    <!-- Template Main CSS File -->
26    <link href='assets/css/style.css' rel='stylesheet' />
27    <link href='assets/css/simple-lightbox.css' rel='stylesheet' />
28
29 	<!-- google auto Ads -->
30  
30<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7736630563515597" crossorigin="anonymous"></script>
30
31
32  </head>
33
34  <body>
35
36   <!-- ======= Header ======= -->
37  <header id="header" class="fixed-top" style="background: rgba(21, 34, 43, 0.85)">
38    <div class="container d-flex align-items-center justify-content-between">
39
40      <a href="/" class="logo"><img loading="lazy" src="assets/img/logo.png" alt="Henri Matisse Logo" class="img-fluid"></a>
41
42      <nav id="navbar" class="navbar">
43        <ul>
44          <li><a class="nav-link scrollto" href="/">Home</a></li>
45          <li class="dropdown"><a href="#"><span>Masterpieces by Henri Matisse</span> <i class="bi bi-chevron-down"></i></a>
46            <ul>
47              <li><a href="/the-dance.jsp">The Dance</a></li>
48              <li><a href="/bathers-by-a-river.jsp">Bathers by a River</a></li>
49              <li><a href="/carmelina.jsp">Carmelina, 1903</a></li>
50              <li><a href="/luxe-calme-et-volupte.jsp">Luxe, Calme et Volupté, 1904</a></li>
51              <li><a href="/joy-of-life.jsp">Joy of Life (Bonheur de Vivre), 1905</a></li>
52              <li><a href="/the-open-window.jsp">Open Window, Collioure, 1905</a></li>
53              <li><a href="/woman-with-a-hat.jsp">Woman with a Hat (Femme au chapeau), 1905</a></li>
54              <li><a href="/green-stripe.jsp">Green Stripe, 1905</a></li>
55              <li><a href="/young-sailor.jsp">Young Sailor, 1906</a></li>
56              <li><a href="/blue-nude.jsp">The Blue Nude, 1907</a></li>
57              <li><a href="/le-luxe.jsp">Le Luxe I, 1907</a></li>
58              <li><a href="/the-dessert-harmony-in-red.jsp">The Dessert: Harmony in Red, 1908</a></li>
59              <li><a href="/the-conversation.jsp">The Conversation, 1908-1912</a></li>
60              <li><a href="/music.jsp">Music, 1910</a></li>
61              <li><a href="/the-pink-studio.jsp">The Pink Studio, 1911</a></li>
62              <li><a href="/the-red-studio.jsp">L'Atelier Rouge, 1911</a></li>
63              <li><a href="/goldfish.jsp">The Goldfish, 1912</a></li>
64              <li><a href="/goldfish-and-palette.jsp">Goldfish and Palette, 1915 </a></li>
65              <li><a href="/portrait-of-madame-matisse.jsp">Portrait of Madame Matisse, 1913</a></li>
66              <li><a href="/sleeping-nude.jsp">Sleeping Nude, 1916</a></li>
67              <li><a href="/interior-at-nice.jsp">Interior at Nice, 1921</a></li>
68              <li><a href="/pink-nude.jsp">Pink Nude, 1935</a></li>
69              <li><a href="/woman-in-a-purple-coat.jsp">Woman in a Purple Coat, 1937</a></li>
70              <li><a href="/lady-in-blue.jsp">Lady in Blue, 1938</a></li>
71              <li><a href="/the-music.jsp">The Music (La Musique), 1939</a></li>
72              <li><a href="/portrait-of-lydia-delectorskaya.jsp">Portrait of Lydia Delectorskaya, 1947</a></li>
73              <li><a href="/sorrow-of-the-king.jsp">Sorrow of the King, 1952</a></li>
74              <li><a href="/nu-bleu.jsp">Nu bleu IV, 1952</a></li>
75              <li><a href="/the-snail.jsp">The Snail, 1953</a></li>
76              <li><a href="/the-sheaf.jsp">The Sheaf, 1953</a></li>
77            </ul>
78          </li>
79          <li><a class="nav-link scrollto" href="/paintings.jsp">Selected Henri Matisse Paintings</a></li>
80          <li><a class="nav-link scrollto" href="/cutouts.jsp">Henri Matisse Cutcouts</a></li>
81          <li><a class="nav-link scrollto" href="/henri-matisse-quotes.jsp">Henri Matisse Quoets</a></li>
82        </ul>
83        <i class="bi bi-list mobile-nav-toggle"></i>
84      </nav><!-- .navbar -->
85
86    </div>
87  </header><!-- End Header -->
88  
89  <main id='main'>
90    <!-- ======= Content Section ======= -->
91    <section id='content' class='content' style="padding-top: 130px;">
92        <div class='container' data-aos='fade-up'>
93
94          <div class='section-title'>
95            <h1>Joy of Life (Bonheur de Vivre), 1905 by Henri Matisse</h1>
96          </div>
97
98          <div class='row'>
99            <div class='col-md-12 info-box'>
100                <figure class="figure">
101                    <img loading="lazy" src="/assets/img/paintings/joy-of-life.jpg" class="figure-img img-fluid" alt="Joy of Life (Bonheur de Vivre), 1905 by Henri Matisse">
102                    <figcaption class="figure-caption text-right">Joy of Life (Bonheur de Vivre), 1905 by Henri Matisse</figcaption>
103                </figure>
104
105				<p>During his Fauve years Matisse often painted landscapes in the south of France during the summer and worked up ideas developed there into larger compositions upon his return to Paris. <b>Joy of Live</b>, the second of his 
106				important imaginary compositions, is typical of these. He used a landscape he had painted in Collioure to provide the setting for the idyll, but it is also influenced by ideas drawn from Watteau, Poussin, Japanese woodcuts, 
107				Persian miniatures, and 19th century Orientalist images of harems. The scene is made up of independent motifs arranged to form a complete composition. The massive painting and its shocking colors received mixed reviews at the 
108				Salon des Independants. Critics noted its new style - broad fields of color and linear figures, a clear rejection of Paul Signac's celebrated Pointillism.
109				<br><br>
110				<b>Joy of Life</b> is a large-scale painting (nearly 6 feet in height, 8 feet in width), depicting an Arcadian landscape filled with brilliantly colored forest, meadow, sea, and sky and populated by nude figures both at rest and 
111				in motion. As with the earlier Fauve canvases, color is responsive only to emotional expression and the formal needs of the canvas, not the realities of nature. The references are many, but in form and date, <b>Bonheur de Vivre</b> 
112				is closest to Cezanne's last great image of bathers.
113				</p>
114
115                <figure class="figure">
116                    <img loading="lazy" src="/assets/img/paintings/the-bathers.jpg" class="figure-img img-fluid" alt="The Bathers, by Paul Cezanne">
117                    <figcaption class="figure-caption text-right">The Bathers, by Paul Cezanne</figcaption>
118                </figure>
119		
120				<p>Like <a href="http://www.paulcezanne.org">Paul Cezanne</a>, Matisse constructs the landscape so that it functions as a stage. In both works trees are planted at the sides and in the far distance, and their upper boughs are 
121				spread apart like curtains, highlighting the figures lounging beneath. And like Cezanne, Matisse unifies the figures and the landscape. <a href="http://www.paulcezanne.org">Cezanne</a> does this by stiffening and tilting his 
122				trunk-like figures. In Matisse's work, the serpentine arabesques that define the contours of the women are heavily emphasized, and then reiterated in the curvilinear lines of the trees.
123				<br><br>
124				The painting was purchased by a wealthy expatriate American writer-poet named Gertrude Stein and her brother, Leo Stein, who shared a home filled with modern art at 27 Rue de Fleurus, in Paris. This was also the location for 
125				Gertrude Stein's weekly salon. Here, Matisse, Apollinaire, the young and largely unknown <a href="http://www.pablopicasso.org">Picasso</a> and other members of the avant-garde came together to exchange ideas.
126				</p>
127
128                <figure class="figure">
129                    <img loading="lazy" src="/assets/img/photo-joy-of-life.jpg" class="figure-img img-fluid" alt="Joy of Life Photo">
130                    <figcaption class="figure-caption text-right">Joy of Life Photo</figcaption>
131                </figure>
132
133				<p>Stein was able to attract such a crowd not only because of her literary skills but because she often provided financial support to these nearly destitute artists. In fact, the Steins bought Matisse's Bonheur de Vivre soon after 
134				its completion and hung it in their dining room for all to see. One person who saw it there was Picasso. By all accounts the painting's fame was too much for the terribly competitive young Spaniard. He determined to out-do Matisse, 
135				and he did with his 1907 canvas, <a href="http://www.pablopicasso.org/avignon.jsp">Demoiselles d'Avignon</a> (<a href="http://www.moma.org">MoMA</a>).
136				</p>
137            </div>
138        </div>
139    </section><!-- End Content Section -->
140</main>
141    <!-- ======= carousel ======= -->
142    <div class='container'>
143      <div
144        id='carouselControls'
145        class='carousel carousel-dark slide'
146        data-bs-ride='carousel'
147      >
148        <div class='carousel-inner'>
149          <div class='carousel-item active'>
150            <div class='row gy-3'>
151              <div class='col-lg-3 d-flex justify-content-center'>
152                <div class='card'>
153                  <a href='/joy-of-life.jsp'>
154                    <img loading="lazy"
155                      src='/assets/img/paintingthumbs/joy-of-life.jpg'
156                      class='card-img-top'
157                      alt='Joy of Life by Henri Matisse'
158                    />
159                  </a>
160                  <div class='card-body'>
161                    <a href='/joy-of-life.jsp'>
162                      <h6 class='card-title'>Joy of Life</h6>
163                    </a>
164                  </div>
165                </div>
166              </div>
167    
168              <div class='col-lg-3 d-flex justify-content-center'>
169                <div class='card'>
170                  <a href='/woman-with-a-hat.jsp'>
171                    <img loading="lazy"
172                      src='/assets/img/paintingthumbs/woman-with-a-hat.jpg'
173                      class='card-img-top'
174                      alt='Woman with a Hat by Henri Matisse'
175                    />
176                  </a>
177                  <div class='card-body'>
178                    <a href='/woman-with-a-hat.jsp'>
179                      <h6 class='card-title'>Woman with a Hat</h6>
180                    </a>
181                  </div>
182                </div>
183              </div>
184    
185              <div class='col-lg-3 d-flex justify-content-center'>
186                <div class='card'>
187                  <a href='/green-stripe.jsp'>
188                    <img loading="lazy"
189                      src='/assets/img/paintingthumbs/green-stripe.jpg'
190                      class='card-img-top'
191                      alt='Green Stripe by Henri Matisse'
192                    />
193                  </a>
194                  <div class='card-body'>
195                    <a href='/green-stripe.jsp'>
196                      <h6 class='card-title'>Green Stripe</h6>
197                    </a>
198                  </div>
199                </div>
200              </div>
201    
202              <div class='col-lg-3 d-flex justify-content-center'>
203                <div class='card'>
204                  <a href='/luxe-calme-et-volupte.jsp'>
205                    <img loading="lazy"
206                      src='/assets/img/paintingthumbs/luxe-calme-et-volupte.jpg'
207                      class='card-img-top'
208                      alt='Luxe, Calme et Volupté by Henri Matisse'
209                    />
210                  </a>
211                  <div class='card-body'>
212                    <a href='/luxe-calme-et-volupte.jsp'>
213                      <h6 class='card-title'>Luxe, Calme et Volupté</h6>
214                    </a>
215                  </div>
216                </div>
217              </div>
218            </div>
219    
220          </div>
221    
222          <div class='carousel-item'>
223            <div class='row gy-3'>
224              <div class='col-lg-3 d-flex justify-content-center'>
225                <div class='card'>
226                  <a href='/nu-bleu.jsp'>
227                    <img loading="lazy"
228                      src='/assets/img/paintingthumbs/nu-bleu.jpg'
229                      class='card-img-top'
230                      alt='Nu Bleu IV by Henri Matisse'
231                    />
232                  </a>
233                  <div class='card-body'>
234                    <a href='/nu-bleu.jsp'>
235                      <h6 class='card-title'>Nu Bleu IV</h6>
236                    </a>
237                  </div>
238                </div>
239              </div>
240    
241              <div class='col-lg-3 d-flex justify-content-center'>
242                <div class='card'>
243                  <a href='/the-dessert-harmony-in-red.jsp'>
244                    <img loading="lazy"
245                      src='/assets/img/paintingthumbs/the-dessert-harmony-in-red.jpg'
246                      class='card-img-top'
247                      alt='The Dessert: Harmony in Red by Henri Matisse'
248                    />
249                  </a>
250                  <div class='card-body'>
251                    <a href='/the-dessert-harmony-in-red.jsp'>
252                      <h6 class='card-title'>The Dessert: Harmony in Red</h6>
253                    </a>
254                  </div>
255                </div>
256              </div>
257    
258              <div class='col-lg-3 d-flex justify-content-center'>
259                <div class='card'>
260                  <a href='/the-open-window.jsp'>
261                    <img loading="lazy"
262                      src='/assets/img/paintingthumbs/the-open-window.jpg'
263                      class='card-img-top'
264                      alt='The Open Window by Henri Matisse'
265                    />
266                  </a>
267                  <div class='card-body'>
268                    <a href='/the-open-window.jsp'>
269                      <h6 class='card-title'>The Open Window</h6>
270                    </a>
271                  </div>
272                </div>
273              </div>
274    
275              <div class='col-lg-3 d-flex justify-content-center'>
276                <div class='card'>
277                  <a href='/the-red-studio.jsp'>
278                    <img loading="lazy"
279                      src='/assets/img/paintingthumbs/the-red-studio.jpg'
280                      class='card-img-top'
281                      alt='L'Atelier Rouge by Henri Matisse'
282                    />
283                  </a>
284                  <div class='card-body'>
285                    <a href='/the-red-studio.jsp'>
286                      <h6 class='card-title'>L'Atelier Rouge</h6>
287                    </a>
288                  </div>
289                </div>
290              </div>
291            </div>
292    
293          </div>
294    
295          <div class='carousel-item'>
296            <div class='row gy-3'>
297              <div class='col-lg-3 d-flex justify-content-center'>
298                <div class='card'>
299                  <a href='/goldfish.jsp'>
300                    <img loading="lazy"
301                      src='/assets/img/paintingthumbs/goldfish.jpg'
302                      class='card-img-top'
303                      alt='The Goldfish by Henri Matisse'
304                    />
305                  </a>
306                  <div class='card-body'>
307                    <a href='/goldfish.jsp'>
308                      <h6 class='card-title'>The Goldfish</h6>
309                    </a>
310                  </div>
311                </div>
312              </div>
313    
314              <div class='col-lg-3 d-flex justify-content-center'>
315                <div class='card'>
316                  <a href='/bathers-by-a-river.jsp'>
317                    <img loading="lazy"
318                      src='/assets/img/paintingthumbs/bathers-by-a-river.jpg'
319                      class='card-img-top'
320                      alt='Bathers by a River by Henri Matisse'
321                    />
322                  </a>
323                  <div class='card-body'>
324                    <a href='/bathers-by-a-river.jsp'>
325                      <h6 class='card-title'>Bathers by a River</h6>
326                    </a>
327                  </div>
328                </div>
329              </div>
330    
331              <div class='col-lg-3 d-flex justify-content-center'>
332                <div class='card'>
333                  <a href='/the-snail.jsp'>
334                    <img loading="lazy"
335                      src='/assets/img/paintingthumbs/the-snail.jpg'
336                      class='card-img-top'
337                      alt='The Snail by Henri Matisse'
338                    />
339                  </a>
340                  <div class='card-body'>
341                    <a href='/the-snail.jsp'>
342                      <h6 class='card-title'>The Snail</h6>
343                    </a>
344                  </div>
345                </div>
346              </div>
347    
348              <div class='col-lg-3 d-flex justify-content-center'>
349                <div class='card'>
350                  <a href='/sorrow-of-the-king.jsp'>
351                    <img loading="lazy"
352                      src='/assets/img/paintingthumbs/sorrow-of-the-king.jpg'
353                      class='card-img-top'
354                      alt='Sorrow of the King by Henri Matisse'
355                    />
356                  </a>
357                  <div class='card-body'>
358                    <a href='/sorrow-of-the-king.jsp'>
359                      <h6 class='card-title'>Sorrow of the King</h6>
360                    </a>
361                  </div>
362                </div>
363              </div>
364            </div>
365    
366          </div>
367    
368          <div class='carousel-item'>
369            <div class='row gy-3'>
370              <div class='col-lg-3 d-flex justify-content-center'>
371                <div class='card'>
372                  <a href='/woman-in-a-purple-coat.jsp'>
373                    <img loading="lazy"
374                      src='/assets/img/paintingthumbs/woman-in-a-purple-coat.jpg'
375                      class='card-img-top'
376                      alt='Woman in a Purple Coat by Henri Matisse'
377                    />
378                  </a>
379                  <div class='card-body'>
380                    <a href='/woman-in-a-purple-coat.jsp'>
381                      <h6 class='card-title'>Woman in a Purple Coat</h6>
382                    </a>
383                  </div>
384                </div>
385              </div>
386    
387              <div class='col-lg-3 d-flex justify-content-center'>
388                <div class='card'>
389                  <a href='/the-moroccans.jsp'>
390                    <img loading="lazy"
391                      src='/assets/img/paintingthumbs/the-moroccans.jpg'
392                      class='card-img-top'
393                      alt='The Moroccans by Henri Matisse'
394                    />
395                  </a>
396                  <div class='card-body'>
397                    <a href='/the-moroccans.jsp'>
398                      <h6 class='card-title'>The Moroccans</h6>
399                    </a>
400                  </div>
401                </div>
402              </div>
403    
404              <div class='col-lg-3 d-flex justify-content-center'>
405                <div class='card'>
406                  <a href='/window-in-tahiti.jsp'>
407                    <img loading="lazy"
408                      src='/assets/img/paintingthumbs/window-in-tahiti.jpg'
409                      class='card-img-top'
410                      alt='Window in Tahiti by Henri Matisse'
411                    />
412                  </a>
413                  <div class='card-body'>
414                    <a href='/window-in-tahiti.jsp'>
415                      <h6 class='card-title'>Window in Tahiti</h6>
416                    </a>
417                  </div>
418                </div>
419              </div>
420    
421              <div class='col-lg-3 d-flex justify-content-center'>
422                <div class='card'>
423                  <a href='/the-music.jsp'>
424                    <img loading="lazy"
425                      src='/assets/img/paintingthumbs/the-music.jpg'
426                      class='card-img-top'
427                      alt='The Music by Henri Matisse'
428                    />
429                  </a>
430                  <div class='card-body'>
431                    <a href='/the-music.jsp'>
432                      <h6 class='card-title'>The Music</h6>
433                    </a>
434                  </div>
435                </div>
436              </div>
437            </div>
438    
439          </div>
440    
441          <div class='carousel-item'>
442            <div class='row gy-3'>
443              <div class='col-lg-3 d-flex justify-content-center'>
444                <div class='card'>
445                  <a href='/goldfish.jsp'>
446                    <img loading="lazy"
447                      src='/assets/img/paintingthumbs/goldfish.jpg'
448                      class='card-img-top'
449                      alt='The Goldfish by Henri Matisse'
450                    />
451                  </a>
452                  <div class='card-body'>
453                    <a href='/goldfish.jsp'>
454                      <h6 class='card-title'>The Goldfish</h6>
455                    </a>
456                  </div>
457                </div>
458              </div>
459    
460              <div class='col-lg-3 d-flex justify-content-center'>
461                <div class='card'>
462                  <a href='/portrait-of-lydia-delectorskaya.jsp'>
463                    <img loading="lazy"
464                      src='/assets/img/paintingthumbs/portrait-of-lydia-delectorskaya.jpg'
465                      class='card-img-top'
466                      alt='Portrait of Lydia Delectorskaya by Henri Matisse'
467                    />
468                  </a>
469                  <div class='card-body'>
470                    <a href='/portrait-of-lydia-delectorskaya.jsp'>
471                      <h6 class='card-title'>Portrait of Lydia Delectorskaya</h6>
472                    </a>
473                  </div>
474                </div>
475              </div>
476    
477              <div class='col-lg-3 d-flex justify-content-center'>
478                <div class='card'>
479                  <a href='/the-pink-studio.jsp'>
480                    <img loading="lazy"
481                      src='/assets/img/paintingthumbs/the-pink-studio.jpg'
482                      class='card-img-top'
483                      alt='The Pink Studio by Henri Matisse'
484                    />
485                  </a>
486                  <div class='card-body'>
487                    <a href='/the-pink-studio.jsp'>
488                      <h6 class='card-title'>The Pink Studio</h6>
489                    </a>
490                  </div>
491                </div>
492              </div>
493    
494              <div class='col-lg-3 d-flex justify-content-center'>
495                <div class='card'>
496                  <a href='/the-conversation.jsp'>
497                    <img loading="lazy"
498                      src='/assets/img/paintingthumbs/the-conversation.jpg'
499                      class='card-img-top'
500                      alt='The Conversation by Henri Matisse'
501                    />
502                  </a>
503                  <div class='card-body'>
504                    <a href='/the-conversation.jsp'>
505                      <h6 class='card-title'>The Conversation</h6>
506                    </a>
507                  </div>
508                </div>
509              </div>
510            </div>
511    
512          </div>
513    
514        </div>
515        <button
516          class='carousel-control-prev'
517          type='button'
518          data-bs-target='#carouselControls'
519          data-bs-slide='prev'
520        >
521          <span class='carousel-control-prev-icon' aria-hidden='true'></span>
522          <span class='visually-hidden'>Previous</span>
523        </button>
524        <button
525          class='carousel-control-next'
526          type='button'
527          data-bs-target='#carouselControls'
528          data-bs-slide='next'
529        >
530          <span class='carousel-control-next-icon' aria-hidden='true'></span>
531          <span class='visually-hidden'>Next</span>
532        </button>
533      </div>
534    
535    </div>
536    <!-- =======end carousel ======= -->
537  
538  <!-- ======= Footer ======= -->
539  <footer id='footer'>
540    <div class='container'>
541      <div class='copyright'>
542      <p>
543        <a href="/matisse-and-manet.jsp">Henri Matisse & Édouard Manet</a>&nbsp; | &nbsp;<a href="/matisse-and-cezanne.jsp">Henri Matisse & Paul Cezanne</a>&nbsp; | &nbsp;<a href="/link.jsp">Links</a>&nbsp; | &nbsp;
544			  <a href="/fauvism.jsp">Henri Matisse & Fauvism</a>&nbsp; | &nbsp;<a href="/matisse-and-monet.jsp">Henri Matisse & Claude Monet</a>
545      </p>
546      </div>
547      <div class='credits'>
548        Please note that www.HenriMatisse.org is a private website, unaffiliated with Henri Matisse or his representatives.
549      </div>
550    </div>
551  </footer><!-- End Footer -->
552
553  <div id='preloader'></div>
554  <a href='#' class='back-to-top d-flex align-items-center justify-content-center'><i class='bi bi-arrow-up-short'></i></a>
555
556  <!-- Vendor JS Files -->
557  
557<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
557
558
559  <!-- Template Main JS File -->
560  
560<script src='assets/js/main.js'></script>
560
561  
561<script src='assets/js/simple-lightbox.js'></script>
561
562  
562<script>
563      (function() {
564          var $gallery = new SimpleLightbox('.gallery a', {overlayOpacity: 0.9});
565      })();
566  </script>
566 
567
568  
568<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"80768a08464b4cf3bd4caf086ba7b76a","r":1,"spa":2}' crossorigin="anonymous"></script>
568
569</body>
570
571</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.