39
39
const theme = localStorage . getItem ( "theme" ) ;
40
40
if ( theme ) document . documentElement . setAttribute ( "theme" , theme ) ;
41
41
</ script >
42
- < script type ="module " crossorigin src ="./assets/main-a403effa .js "> </ script >
43
- < link rel ="stylesheet " href ="./assets/main-6d8a7aa2 .css ">
42
+ < script type ="module " crossorigin src ="./assets/main-9610a014 .js "> </ script >
43
+ < link rel ="stylesheet " href ="./assets/main-6d943049 .css ">
44
44
</ head >
45
45
< body >
46
46
< header >
50
50
< div class ="navbar-fixed ">
51
51
< nav class ="primary ">
52
52
< div class ="nav-wrapper ">
53
- < a class ="sidenav-trigger " href ="# " data-target ="nav-mobile "
54
- > < i class ="material-icons "> menu</ i > </ a
55
- >
56
-
53
+ < a class ="sidenav-trigger " href ="# " data-target ="nav-mobile "> < i class ="material-icons "> menu</ i > </ a >
57
54
< ul >
58
55
< li > </ li >
59
56
</ ul >
60
-
61
57
< ul class ="right ">
62
58
< li >
63
- < a id ="theme-switch " href ="# "
64
- > < i class ="material-icons "> dark_mode </ i > </ a
65
- >
59
+ < a id ="select-palette " class =" modal-trigger " href ="#palette-selector " >
60
+ < i class ="material-icons "> palette </ i >
61
+ </ a >
66
62
</ li >
67
63
< li >
68
- < a
69
- class ="ext-link "
70
- href ="https://github.com/materializecss/materialize "
71
- target ="_blank "
72
- title ="Check out our GitHub "
73
- > < img src ="images/github.svg " style ="transform: scale(0.8); "
74
- /> </ a >
64
+ < a id ="theme-switch " href ="# "> < i class ="material-icons "> dark_mode</ i > </ a >
75
65
</ li >
76
66
< li >
77
- < a
78
- class ="ext-link "
79
- href ="https://opencollective.com/materialize "
80
- target ="_blank "
81
- title ="Support us via OpenCollective "
82
- > < img src ="images/opencollective.svg "
67
+ < a class ="ext-link " href ="https://github.com/materializecss/materialize " target ="_blank " title ="Check out our GitHub "
68
+ > < img src ="images/github.svg " style ="height: 20px "
83
69
/> </ a >
84
70
</ li >
71
+ < li >
72
+ < a class ="ext-link " href ="https://opencollective.com/materialize " target ="_blank " title ="Support us via OpenCollective "> < img src ="images/opencollective.svg " /> </ a >
73
+ </ li >
85
74
</ ul >
86
75
</ div >
87
76
</ nav >
91
80
< ul class ="sidenav sidenav-fixed " id ="nav-mobile ">
92
81
< li class ="logo ">
93
82
< a class ="brand-logo " id ="logo-container " href ="/ ">
94
- < object
95
- id ="front-page-logo "
96
- type ="image/svg+xml "
97
- data ="images/materialize.svg "
98
- > Your browser does not support SVG</ object
99
- > Materialize</ a
83
+ < object id ="front-page-logo " type ="image/svg+xml " data ="images/materialize.svg "> Your browser does not support SVG</ object > Materialize</ a
100
84
>
101
85
</ li >
102
86
103
87
< li class ="search ">
104
88
< div class ="search-wrapper ">
105
- < input
106
- class ="search-docs "
107
- id ="search "
108
- type ="search "
109
- placeholder ="Search "
110
- autocomplete ="off "
111
- autofocus
112
- /> < i class ="material-icons "> search</ i >
89
+ < input class ="search-docs " id ="search " type ="search " placeholder ="Search " autocomplete ="off " autofocus /> < i class ="material-icons "> search</ i >
113
90
</ div >
114
91
</ li >
115
92
356
333
< li class ="version ">
357
334
< a class ="dropdown-trigger " href ="# " data-target ="version-dropdown ">
358
335
<!-- svg -->
359
- 2.0.3-alpha< svg
360
- class ="caret "
361
- height ="24 "
362
- viewBox ="0 0 24 24 "
363
- width ="24 "
364
- xmlns ="http://www.w3.org/2000/svg "
365
- >
336
+ 2.1.0< svg class ="caret " height ="24 " viewBox ="0 0 24 24 " width ="24 " xmlns ="http://www.w3.org/2000/svg ">
366
337
< path d ="M7 10l5 5 5-5z "> </ path >
367
338
< path d ="M0 0h24v24H0z " fill ="none "> </ path >
368
339
</ svg >
369
340
</ a >
370
341
< ul class ="dropdown-content " id ="version-dropdown ">
342
+ < li > < a > 2.1.0</ a > </ li >
343
+ < li > < a > 2.0.4</ a > </ li >
371
344
< li > < a > 2.0.3-alpha</ a > </ li >
372
345
< li >
373
- < a
374
- href ="https://materializecss.com/ "
375
- target ="_blank "
376
- rel ="noopener noreferrer "
377
- > 1.0.0 (not maintained)</ a
378
- >
346
+ < a href ="https://materializecss.com/ " target ="_blank " rel ="noopener noreferrer "> 1.0.0 (not maintained)</ a >
379
347
</ li >
380
348
</ ul >
381
349
</ li >
382
-
383
- <!-- Ad Placements -->
384
- < li
385
- class ="surface "
386
- style ="height: 100px; width: 100%; left: 0; bottom: 0; position: sticky; "
387
- >
388
- < script
389
- async
390
- src ="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9412332535613378 "
391
- crossorigin ="anonymous "
392
- > </ script >
393
- < ins
394
- class ="adsbygoogle "
395
- style ="display:block "
396
- data-ad-format ="fluid "
397
- data-ad-layout-key ="-fb+5w+4e-db+86 "
398
- data-ad-client ="ca-pub-9412332535613378 "
399
- data-ad-slot ="4127762940 "
400
- > </ ins >
401
- </ li >
402
350
</ ul >
403
351
</ header >
352
+
353
+ < div id ="palette-selector " class ="modal ">
354
+ < div class ="modal-content ">
355
+ < h4 > Color Scheme</ h4 >
356
+ < div class ="color-row ">
357
+ < label > Primary Color</ label >
358
+ < input type ="color " id ="color-picker " value ="#0000ff " />
359
+ </ div >
360
+ < button type ="button " class ="btn " onclick ="downloadCss() "> Download css style</ button >
361
+ </ div >
362
+ < div class ="modal-footer ">
363
+ < a href ="#! " class ="modal-close waves-effect btn-flat "> Close</ a >
364
+ </ div >
365
+ </ div >
404
366
< main >
405
367
< div class ="section " id ="index-banner ">
406
368
< div class ="container ">
407
369
< div class ="row ">
408
370
< div class ="col s12 m9 ">
409
371
< h1 class ="header center-on-small-only "> 404</ h1 >
410
- < h4 class ="light red-text text-lighten-4 center-on-small-only ">
411
- Page not found.
412
- </ h4 >
372
+ < h4 class ="light red-text text-lighten-4 center-on-small-only "> Page not found.</ h4 >
413
373
</ div >
414
374
</ div >
415
375
</ div >
@@ -418,18 +378,13 @@ <h4 class="light red-text text-lighten-4 center-on-small-only">
418
378
< div class ="container ">
419
379
<!-- Outer row -->
420
380
< div class ="row ">
421
- < div class ="col s12 ">
381
+ < div class ="col s12 ">
422
382
<!-- Material Design -->
423
383
< div id ="materialdesign " class ="section scrollspy ">
424
384
< h2 class ="header "> Are You Lost?</ h2 >
425
385
< p class ="caption ">
426
- The page you were looking for does not exist. If you think this
427
- is a mistake and one of our pages has gone missing, Open an
428
- issue on
429
- < a
430
- href ="https://github.com/materializecss/materialize/issues/new "
431
- > GitHub</ a
432
- > > . Click below to learn more about our CSS framework.
386
+ The page you were looking for does not exist. If you think this is a mistake and one of our pages has gone missing, Open an issue on
387
+ < a href ="https://github.com/materializecss/materialize/issues/new "> GitHub</ a > . Click below to learn more about our CSS framework.
433
388
</ p >
434
389
< a href ="about.html " class ="btn-large "> Learn More</ a >
435
390
</ div >
@@ -438,65 +393,44 @@ <h2 class="header">Are You Lost?</h2>
438
393
</ div >
439
394
<!-- End Container -->
440
395
</ main >
441
- < footer class ="page-footer docs-footer ">
396
+ < footer class ="page-footer ">
442
397
< div class ="container ">
443
- < div class ="row " style =" margin-bottom: 0; " >
398
+ < div class ="row ">
444
399
< div class ="s12 m10 offset-m1 ">
445
- < div class ="row " style ="gap:2rem; ">
400
+ < div class ="row " style ="gap: 2rem ">
446
401
< div class ="s12 m6 l4 ">
447
402
< h5 > Help Materialize Grow</ h5 >
448
- < p class ="grey-text text-darken-2 ">
449
- We hope you have enjoyed using Materialize and if you feel like it
450
- has helped you out and want to support the team you can help us by
451
- opening issues or contributing on GitHub.
403
+ < p >
404
+ We hope you have enjoyed using < a href ="https://materializeweb.com "> Materialize</ a > and if you feel like it has helped you out and want to support the team you can
405
+ help us by opening issues or contributing on GitHub.
452
406
</ p >
453
- < a
454
- class ="btn waves-effect waves-light "
455
- target ="_blank "
456
- href ="https://github.com/materializecss/materialize "
457
- > Contribute</ a
458
- >
407
+ < a tabindex ="0 " class ="btn tonal btn-small waves-effect waves-light " target ="_blank " href ="https://github.com/materializecss/materialize "> Contribute</ a >
459
408
</ div >
460
409
461
410
< div class ="s12 m6 l4 ">
462
411
< h5 > Join the Discussion</ h5 >
463
- < p class ="grey-text text-darken-2 ">
464
- We have a Gitter chat room set up where you can talk directly with
465
- us. Come in and discuss new features, future goals, general
466
- problems or questions, or anything else you can think of.
412
+ < p >
413
+ We have a Gitter chat room set up where you can talk directly with us. Come in and discuss new features, future goals, general problems or questions, or anything else
414
+ you can think of.
467
415
</ p >
468
- < a
469
- class ="btn waves-effect waves-light "
470
- href ="https://gitter.im/materializecss/materialize "
471
- target ="_blank "
472
- > Chat</ a
473
- >
416
+ < a tabindex ="0 " class ="btn tonal btn-small waves-effect waves-light " href ="https://gitter.im/materializecss/materialize " target ="_blank "> Chat</ a >
474
417
</ div >
475
418
476
- < div class ="s12 m6 l4 " style ="overflow: hidden; ">
419
+ < div class ="s12 m6 l4 " style ="overflow: hidden ">
477
420
< h5 > Star us</ h5 >
478
421
< div >
479
- < iframe
480
- src ="https://ghbtns.com/github-btn.html?user=materializecss&repo=materialize&type=watch&count=true&size=large "
481
- allowtransparency ="true "
482
- frameborder ="0 "
483
- scrolling ="0 "
484
- width ="170 "
485
- height ="30 "
486
- > </ iframe >
422
+ < a href ="https://github.com/materializecss/materialize " target ="_blank ">
423
+ < img style ="width: 42% " alt ="GitHub Repo stars " src ="https://img.shields.io/github/stars/materializecss/materialize " />
424
+ </ a >
487
425
</ div >
488
426
489
427
<!-- Ad Placements -->
490
- < div style ="width: 100%; ">
491
- < div style ="height: 90px; width: 100%; ">
492
- < script
493
- async
494
- src ="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9412332535613378 "
495
- crossorigin ="anonymous "
496
- > </ script >
428
+ < div style ="width: 100%; background-color: #f883 ">
429
+ < div style ="height: 90px; width: 100% ">
430
+ < script async src ="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9412332535613378 " crossorigin ="anonymous "> </ script >
497
431
< ins
498
432
class ="adsbygoogle "
499
- style ="display:block "
433
+ style ="display: block "
500
434
data-ad-format ="fluid "
501
435
data-ad-layout-key ="-fb+5w+4e-db+86 "
502
436
data-ad-client ="ca-pub-9412332535613378 "
@@ -516,12 +450,7 @@ <h5>Star us</h5>
516
450
< script >
517
451
document . write ( new Date ( ) . getFullYear ( ) ) ;
518
452
</ script >
519
- Materialize, All rights reserved.< a
520
- class ="right "
521
- target ="_blank "
522
- href ="https://github.com/materializecss/materialize/blob/main/LICENSE "
523
- > MIT License</ a
524
- >
453
+ Materialize, All rights reserved.< a class ="right " target ="_blank " href ="https://github.com/materializecss/materialize/blob/main/LICENSE "> MIT License</ a >
525
454
</ div >
526
455
</ div >
527
456
</ div >
0 commit comments