jekyll-theme-handwritten 4.3.4 → 4.3.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE.txt +21 -21
  3. data/README.md +92 -90
  4. data/_config.yml +54 -54
  5. data/_data/images.json +2 -2
  6. data/_includes/disqus_comments.html +20 -20
  7. data/_includes/footer.html +49 -49
  8. data/_includes/google-analytics.html +12 -12
  9. data/_includes/head.html +44 -45
  10. data/_includes/header.html +33 -33
  11. data/_includes/icon-github.html +1 -1
  12. data/_includes/icon-github.svg +1 -1
  13. data/_includes/icon-twitter.html +1 -1
  14. data/_includes/icon-twitter.svg +1 -1
  15. data/_includes/navrail.html +23 -23
  16. data/_includes/social.html +14 -14
  17. data/_includes/theme_selector.html +35 -35
  18. data/_layouts/default.html +23 -23
  19. data/_layouts/home.html +80 -80
  20. data/_layouts/page.html +14 -14
  21. data/_layouts/post.html +35 -35
  22. data/_sass/minima/_base.scss +846 -840
  23. data/_sass/minima/_layout.scss +277 -271
  24. data/_sass/minima/_mysass.scss +289 -285
  25. data/_sass/minima/_syntax-highlighting.scss +68 -68
  26. data/_sass/minima.scss +52 -52
  27. data/assets/main.scss +5 -5
  28. data/assets/minima-social-icons.svg +33 -33
  29. data/assets/theme-assets/js/theme.js +27 -27
  30. data/assets/theme-assets/material-theme/colors.module.css +294 -294
  31. data/assets/theme-assets/material-theme/theme.css +5 -5
  32. data/assets/theme-assets/material-theme/theme.dark.css +51 -51
  33. data/assets/theme-assets/material-theme/theme.light.css +51 -51
  34. data/assets/theme-assets/material-theme/tokens.css +303 -303
  35. data/assets/theme-assets/material-theme/typography.module.css +150 -150
  36. data/assets/theme-assets/theme-fonts/CascadiaCode-Regular.woff2 +0 -0
  37. data/assets/theme-assets/theme-fonts/ComicShanns-Regular.woff2 +0 -0
  38. data/assets/theme-assets/theme-fonts/Excalifont-Regular.woff2 +0 -0
  39. data/assets/theme-assets/theme-fonts/Lexend-Regular.ttf +0 -0
  40. data/assets/theme-assets/theme-fonts/LilitaOne-Regular.ttf +0 -0
  41. data/assets/theme-assets/theme-fonts/Virgil-Regular.woff2 +0 -0
  42. data/assets/theme-assets/theme-fonts/comic shanns.otf +0 -0
  43. data/assets/theme-assets/theme-icons/aboutme-small.svg +102 -102
  44. data/assets/theme-assets/theme-icons/aboutme.svg +9 -9
  45. data/assets/theme-assets/theme-icons/bookmark.svg +9 -9
  46. data/assets/theme-assets/theme-icons/categories-rough.svg +9 -9
  47. data/assets/theme-assets/theme-icons/categories2.svg +9 -9
  48. data/assets/theme-assets/theme-icons/divider.svg +19 -19
  49. data/assets/theme-assets/theme-icons/home-rough.svg +9 -9
  50. data/assets/theme-assets/theme-icons/home.svg +5 -5
  51. data/assets/theme-assets/theme-icons/home2.svg +9 -9
  52. data/assets/theme-assets/theme-icons/pin.svg +18 -18
  53. data/assets/theme-assets/theme-images/border-thick.svg +15 -15
  54. data/assets/theme-assets/theme-images/comp.png +0 -0
  55. data/assets/theme-assets/theme-images/comp.svg +9 -9
  56. data/assets/theme-assets/theme-images/logo.svg +9 -9
  57. data/assets/theme-assets/theme-images/menu.svg +9 -9
  58. metadata +13 -7
@@ -1,68 +1,68 @@
1
- .highlight {
2
- background: #2d2d2d;
3
- @extend %vertical-rhythm;
4
-
5
- .highlighter-rouge & {
6
- background: #3d3d3d;
7
- }
8
-
9
- .c { color: #999; font-style: italic } // Comment
10
- .err { color: #ff6c6b; background-color: #2c2c2c } // Error
11
- .k { font-weight: bold; color: #c5a5c5 } // Keyword
12
- .o { font-weight: bold; color: #56b6c2 } // Operator
13
- .cm { color: #999; font-style: italic } // Comment.Multiline
14
- .cp { color: #e6c07b; font-weight: bold } // Comment.Preproc
15
- .c1 { color: #999; font-style: italic } // Comment.Single
16
- .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
17
- .gd { color: #e06c75; background-color: #3c2a2a } // Generic.Deleted
18
- .gd .x { color: #e06c75; background-color: #3c2a2a } // Generic.Deleted.Specific
19
- .ge { font-style: italic; color: #abb2bf } // Generic.Emph
20
- .gr { color: #e06c75 } // Generic.Error
21
- .gh { color: #e6c07b } // Generic.Heading
22
- .gi { color: #98c379; background-color: #2a3c2a } // Generic.Inserted
23
- .gi .x { color: #98c379; background-color: #2a3c2a } // Generic.Inserted.Specific
24
- .go { color: #5c6370 } // Generic.Output
25
- .gp { color: #c678dd } // Generic.Prompt
26
- .gs { font-weight: bold; color: #e6c07b } // Generic.Strong
27
- .gu { color: #56b6c2 } // Generic.Subheading
28
- .gt { color: #e06c75 } // Generic.Traceback
29
- .kc { font-weight: bold; color: #c5a5c5 } // Keyword.Constant
30
- .kd { font-weight: bold; color: #c5a5c5 } // Keyword.Declaration
31
- .kp { font-weight: bold; color: #c5a5c5 } // Keyword.Pseudo
32
- .kr { font-weight: bold; color: #c5a5c5 } // Keyword.Reserved
33
- .kt { color: #c678dd; font-weight: bold } // Keyword.Type
34
- .m { color: #d19a66 } // Literal.Number
35
- .s { color: #98c379 } // Literal.String
36
- .na { color: #56b6c2 } // Name.Attribute
37
- .nb { color: #61aeee } // Name.Builtin
38
- .nc { color: #c678dd; font-weight: bold } // Name.Class
39
- .no { color: #d19a66 } // Name.Constant
40
- .ni { color: #56b6c2 } // Name.Entity
41
- .ne { color: #e06c75; font-weight: bold } // Name.Exception
42
- .nf { color: #61aeee; font-weight: bold } // Name.Function
43
- .nn { color: #abb2bf } // Name.Namespace
44
- .nt { color: #e06c75 } // Name.Tag
45
- .nv { color: #d19a66 } // Name.Variable
46
- .ow { font-weight: bold; color: #56b6c2 } // Operator.Word
47
- .w { color: #5c6370 } // Text.Whitespace
48
- .mf { color: #d19a66 } // Literal.Number.Float
49
- .mh { color: #d19a66 } // Literal.Number.Hex
50
- .mi { color: #d19a66 } // Literal.Number.Integer
51
- .mo { color: #d19a66 } // Literal.Number.Oct
52
- .sb { color: #98c379 } // Literal.String.Backtick
53
- .sc { color: #98c379 } // Literal.String.Char
54
- .sd { color: #98c379 } // Literal.String.Doc
55
- .s2 { color: #98c379 } // Literal.String.Double
56
- .se { color: #98c379 } // Literal.String.Escape
57
- .sh { color: #98c379 } // Literal.String.Heredoc
58
- .si { color: #98c379 } // Literal.String.Interpol
59
- .sx { color: #98c379 } // Literal.String.Other
60
- .sr { color: #56b6c2 } // Literal.String.Regex
61
- .s1 { color: #98c379 } // Literal.String.Single
62
- .ss { color: #c678dd } // Literal.String.Symbol
63
- .bp { color: #e06c75 } // Name.Builtin.Pseudo
64
- .vc { color: #d19a66 } // Name.Variable.Class
65
- .vg { color: #d19a66 } // Name.Variable.Global
66
- .vi { color: #d19a66 } // Name.Variable.Instance
67
- .il { color: #d19a66 } // Literal.Number.Integer.Long
68
- }
1
+ .highlight {
2
+ background: var(--md-sys-color-surface-container-high);
3
+ @extend %vertical-rhythm;
4
+
5
+ .highlighter-rouge & {
6
+ background: var(--md-sys-color-surface-container-high);
7
+ }
8
+
9
+ .c { color: #999; font-style: italic } // Comment
10
+ .err { color: #ff6c6b; background-color: #2c2c2c } // Error
11
+ .k { font-weight: bold; color: #c5a5c5 } // Keyword
12
+ .o { font-weight: bold; color: #56b6c2 } // Operator
13
+ .cm { color: #999; font-style: italic } // Comment.Multiline
14
+ .cp { color: #e6c07b; font-weight: bold } // Comment.Preproc
15
+ .c1 { color: #999; font-style: italic } // Comment.Single
16
+ .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
17
+ .gd { color: #e06c75; background-color: #3c2a2a } // Generic.Deleted
18
+ .gd .x { color: #e06c75; background-color: #3c2a2a } // Generic.Deleted.Specific
19
+ .ge { font-style: italic; color: #abb2bf } // Generic.Emph
20
+ .gr { color: #e06c75 } // Generic.Error
21
+ .gh { color: #e6c07b } // Generic.Heading
22
+ .gi { color: #98c379; background-color: #2a3c2a } // Generic.Inserted
23
+ .gi .x { color: #98c379; background-color: #2a3c2a } // Generic.Inserted.Specific
24
+ .go { color: #5c6370 } // Generic.Output
25
+ .gp { color: #c678dd } // Generic.Prompt
26
+ .gs { font-weight: bold; color: #e6c07b } // Generic.Strong
27
+ .gu { color: #56b6c2 } // Generic.Subheading
28
+ .gt { color: #e06c75 } // Generic.Traceback
29
+ .kc { font-weight: bold; color: #c5a5c5 } // Keyword.Constant
30
+ .kd { font-weight: bold; color: #c5a5c5 } // Keyword.Declaration
31
+ .kp { font-weight: bold; color: #c5a5c5 } // Keyword.Pseudo
32
+ .kr { font-weight: bold; color: #c5a5c5 } // Keyword.Reserved
33
+ .kt { color: #c678dd; font-weight: bold } // Keyword.Type
34
+ .m { color: #d19a66 } // Literal.Number
35
+ .s { color: #98c379 } // Literal.String
36
+ .na { color: #56b6c2 } // Name.Attribute
37
+ .nb { color: #61aeee } // Name.Builtin
38
+ .nc { color: #c678dd; font-weight: bold } // Name.Class
39
+ .no { color: #d19a66 } // Name.Constant
40
+ .ni { color: #56b6c2 } // Name.Entity
41
+ .ne { color: #e06c75; font-weight: bold } // Name.Exception
42
+ .nf { color: #61aeee; font-weight: bold } // Name.Function
43
+ .nn { color: #abb2bf } // Name.Namespace
44
+ .nt { color: #e06c75 } // Name.Tag
45
+ .nv { color: #d19a66 } // Name.Variable
46
+ .ow { font-weight: bold; color: #56b6c2 } // Operator.Word
47
+ .w { color: #5c6370 } // Text.Whitespace
48
+ .mf { color: #d19a66 } // Literal.Number.Float
49
+ .mh { color: #d19a66 } // Literal.Number.Hex
50
+ .mi { color: #d19a66 } // Literal.Number.Integer
51
+ .mo { color: #d19a66 } // Literal.Number.Oct
52
+ .sb { color: #98c379 } // Literal.String.Backtick
53
+ .sc { color: #98c379 } // Literal.String.Char
54
+ .sd { color: #98c379 } // Literal.String.Doc
55
+ .s2 { color: #98c379 } // Literal.String.Double
56
+ .se { color: #98c379 } // Literal.String.Escape
57
+ .sh { color: #98c379 } // Literal.String.Heredoc
58
+ .si { color: #98c379 } // Literal.String.Interpol
59
+ .sx { color: #98c379 } // Literal.String.Other
60
+ .sr { color: #56b6c2 } // Literal.String.Regex
61
+ .s1 { color: #98c379 } // Literal.String.Single
62
+ .ss { color: #c678dd } // Literal.String.Symbol
63
+ .bp { color: #e06c75 } // Name.Builtin.Pseudo
64
+ .vc { color: #d19a66 } // Name.Variable.Class
65
+ .vg { color: #d19a66 } // Name.Variable.Global
66
+ .vi { color: #d19a66 } // Name.Variable.Instance
67
+ .il { color: #d19a66 } // Literal.Number.Integer.Long
68
+ }
data/_sass/minima.scss CHANGED
@@ -1,52 +1,52 @@
1
- @charset "utf-8";
2
-
3
- // Define defaults for each variable.
4
-
5
- $base-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
6
- $base-font-size: 16px !default;
7
- $base-font-weight: 400 !default;
8
- $small-font-size: $base-font-size * 0.875 !default;
9
- $base-line-height: 1.5 !default;
10
-
11
- $spacing-unit: 16px !default;
12
-
13
- $text-color: var(--md-sys-color-on-surface) !default;
14
- $background-color: var(--md-sys-color-background) !default;
15
- $brand-color: var(--md-sys-color-primary) !default;
16
-
17
- $grey-color: var(--md-sys-color-outline) !default;
18
- $grey-color-light: var(--md-sys-color-outline) !default;
19
- $grey-color-dark: var(--md-sys-color-outline-dark) !default;
20
-
21
- $table-text-align: left !default;
22
-
23
- // Width of the content area
24
- $content-width: 800px !default;
25
-
26
- $on-palm: 600px !default;
27
- $on-laptop: 800px !default;
28
-
29
- // Use media queries like this:
30
- // @include media-query($on-palm) {
31
- // .wrapper {
32
- // padding-right: $spacing-unit / 2;
33
- // padding-left: $spacing-unit / 2;
34
- // }
35
- // }
36
- @mixin media-query($device) {
37
- @media screen and (max-width: $device) {
38
- @content;
39
- }
40
- }
41
-
42
- @mixin relative-font-size($ratio) {
43
- font-size: $base-font-size * $ratio;
44
- }
45
-
46
- // Import partials.
47
- @import
48
- "minima/base",
49
- "minima/layout",
50
- "minima/syntax-highlighting",
51
- "minima/mysass"
52
- ;
1
+ @charset "utf-8";
2
+
3
+ // Define defaults for each variable.
4
+
5
+ $base-font-family: "Lexend", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
6
+ $base-font-size: 16px !default;
7
+ $base-font-weight: 400 !default;
8
+ $small-font-size: $base-font-size * 0.875 !default;
9
+ $base-line-height: 1.5 !default;
10
+
11
+ $spacing-unit: 16px !default;
12
+
13
+ $text-color: var(--md-sys-color-on-surface) !default;
14
+ $background-color: var(--md-sys-color-background) !default;
15
+ $brand-color: var(--md-sys-color-primary) !default;
16
+
17
+ $grey-color: var(--md-sys-color-outline) !default;
18
+ $grey-color-light: var(--md-sys-color-outline) !default;
19
+ $grey-color-dark: var(--md-sys-color-outline-dark) !default;
20
+
21
+ $table-text-align: left !default;
22
+
23
+ // Width of the content area
24
+ $content-width: 800px !default;
25
+
26
+ $on-palm: 600px !default;
27
+ $on-laptop: 800px !default;
28
+
29
+ // Use media queries like this:
30
+ // @include media-query($on-palm) {
31
+ // .wrapper {
32
+ // padding-right: $spacing-unit / 2;
33
+ // padding-left: $spacing-unit / 2;
34
+ // }
35
+ // }
36
+ @mixin media-query($device) {
37
+ @media screen and (max-width: $device) {
38
+ @content;
39
+ }
40
+ }
41
+
42
+ @mixin relative-font-size($ratio) {
43
+ font-size: $base-font-size * $ratio;
44
+ }
45
+
46
+ // Import partials.
47
+ @import
48
+ "minima/base",
49
+ "minima/layout",
50
+ "minima/syntax-highlighting",
51
+ "minima/mysass"
52
+ ;
data/assets/main.scss CHANGED
@@ -1,5 +1,5 @@
1
- ---
2
- # Only the main Sass file needs front matter (the dashes are enough)
3
- ---
4
-
5
- @import "minima";
1
+ ---
2
+ # Only the main Sass file needs front matter (the dashes are enough)
3
+ ---
4
+
5
+ @import "minima";
@@ -1,33 +1,33 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
-
3
- <symbol id="dribbble" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8 16c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm6.747-6.905c-.234-.074-2.115-.635-4.257-.292.894 2.456 1.258 4.456 1.328 4.872 1.533-1.037 2.624-2.68 2.93-4.58zM10.67 14.3c-.102-.6-.5-2.688-1.46-5.18l-.044.014C5.312 10.477 3.93 13.15 3.806 13.4c1.158.905 2.614 1.444 4.194 1.444.947 0 1.85-.194 2.67-.543zm-7.747-1.72c.155-.266 2.03-3.37 5.555-4.51.09-.03.18-.056.27-.08-.173-.39-.36-.778-.555-1.16-3.413 1.02-6.723.977-7.023.97l-.003.208c0 1.755.665 3.358 1.756 4.57zM1.31 6.61c.307.005 3.122.017 6.318-.832-1.132-2.012-2.353-3.705-2.533-3.952-1.912.902-3.34 2.664-3.784 4.785zM6.4 1.368c.188.253 1.43 1.943 2.548 4 2.43-.91 3.46-2.293 3.582-2.468C11.323 1.827 9.736 1.176 8 1.176c-.55 0-1.087.066-1.6.19zm6.89 2.322c-.145.194-1.29 1.662-3.816 2.694.16.325.31.656.453.99.05.117.1.235.147.352 2.274-.286 4.533.172 4.758.22-.015-1.613-.59-3.094-1.543-4.257z"/></symbol>
4
-
5
- <symbol id="facebook" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M15.117 0H.883C.395 0 0 .395 0 .883v14.234c0 .488.395.883.883.883h7.663V9.804H6.46V7.39h2.086V5.607c0-2.066 1.262-3.19 3.106-3.19.883 0 1.642.064 1.863.094v2.16h-1.28c-1 0-1.195.48-1.195 1.18v1.54h2.39l-.31 2.42h-2.08V16h4.077c.488 0 .883-.395.883-.883V.883C16 .395 15.605 0 15.117 0" fill-rule="nonzero"/></symbol>
6
-
7
- <symbol id="flickr" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M0 8c0 2.05 1.662 3.71 3.71 3.71 2.05 0 3.713-1.66 3.713-3.71S5.76 4.29 3.71 4.29C1.663 4.29 0 5.95 0 8zm8.577 0c0 2.05 1.662 3.71 3.712 3.71C14.33 11.71 16 10.05 16 8s-1.662-3.71-3.71-3.71c-2.05 0-3.713 1.66-3.713 3.71z"/></symbol>
8
-
9
- <symbol id="github" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8 0C3.58 0 0 3.582 0 8c0 3.535 2.292 6.533 5.47 7.59.4.075.547-.172.547-.385 0-.19-.007-.693-.01-1.36-2.226.483-2.695-1.073-2.695-1.073-.364-.924-.89-1.17-.89-1.17-.725-.496.056-.486.056-.486.803.056 1.225.824 1.225.824.714 1.223 1.873.87 2.33.665.072-.517.278-.87.507-1.07-1.777-.2-3.644-.888-3.644-3.953 0-.873.31-1.587.823-2.147-.09-.202-.36-1.015.07-2.117 0 0 .67-.215 2.2.82.64-.178 1.32-.266 2-.27.68.004 1.36.092 2 .27 1.52-1.035 2.19-.82 2.19-.82.43 1.102.16 1.915.08 2.117.51.56.82 1.274.82 2.147 0 3.073-1.87 3.75-3.65 3.947.28.24.54.73.54 1.48 0 1.07-.01 1.93-.01 2.19 0 .21.14.46.55.38C13.71 14.53 16 11.53 16 8c0-4.418-3.582-8-8-8"/></symbol>
10
-
11
- <symbol id="googleplus" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M5.09 7.273v1.745h2.89c-.116.75-.873 2.197-2.887 2.197-1.737 0-3.155-1.44-3.155-3.215S3.353 4.785 5.09 4.785c.99 0 1.652.422 2.03.786l1.382-1.33c-.887-.83-2.037-1.33-3.41-1.33C2.275 2.91 0 5.19 0 8s2.276 5.09 5.09 5.09c2.94 0 4.888-2.065 4.888-4.974 0-.334-.036-.59-.08-.843H5.09zm10.91 0h-1.455V5.818H13.09v1.455h-1.454v1.454h1.455v1.455h1.46V8.727H16"/></symbol>
12
-
13
- <symbol id="instagram" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8 0C5.827 0 5.555.01 4.702.048 3.85.088 3.27.222 2.76.42c-.526.204-.973.478-1.417.923-.445.444-.72.89-.923 1.417-.198.51-.333 1.09-.372 1.942C.008 5.555 0 5.827 0 8s.01 2.445.048 3.298c.04.852.174 1.433.372 1.942.204.526.478.973.923 1.417.444.445.89.72 1.417.923.51.198 1.09.333 1.942.372.853.04 1.125.048 3.298.048s2.445-.01 3.298-.048c.852-.04 1.433-.174 1.942-.372.526-.204.973-.478 1.417-.923.445-.444.72-.89.923-1.417.198-.51.333-1.09.372-1.942.04-.853.048-1.125.048-3.298s-.01-2.445-.048-3.298c-.04-.852-.174-1.433-.372-1.942-.204-.526-.478-.973-.923-1.417-.444-.445-.89-.72-1.417-.923-.51-.198-1.09-.333-1.942-.372C10.445.008 10.173 0 8 0zm0 1.44c2.136 0 2.39.01 3.233.048.78.036 1.203.166 1.485.276.374.145.64.318.92.598.28.28.453.546.598.92.11.282.24.705.276 1.485.038.844.047 1.097.047 3.233s-.01 2.39-.05 3.233c-.04.78-.17 1.203-.28 1.485-.15.374-.32.64-.6.92-.28.28-.55.453-.92.598-.28.11-.71.24-1.49.276-.85.038-1.1.047-3.24.047s-2.39-.01-3.24-.05c-.78-.04-1.21-.17-1.49-.28-.38-.15-.64-.32-.92-.6-.28-.28-.46-.55-.6-.92-.11-.28-.24-.71-.28-1.49-.03-.84-.04-1.1-.04-3.23s.01-2.39.04-3.24c.04-.78.17-1.21.28-1.49.14-.38.32-.64.6-.92.28-.28.54-.46.92-.6.28-.11.7-.24 1.48-.28.85-.03 1.1-.04 3.24-.04zm0 2.452c-2.27 0-4.108 1.84-4.108 4.108 0 2.27 1.84 4.108 4.108 4.108 2.27 0 4.108-1.84 4.108-4.108 0-2.27-1.84-4.108-4.108-4.108zm0 6.775c-1.473 0-2.667-1.194-2.667-2.667 0-1.473 1.194-2.667 2.667-2.667 1.473 0 2.667 1.194 2.667 2.667 0 1.473-1.194 2.667-2.667 2.667zm5.23-6.937c0 .53-.43.96-.96.96s-.96-.43-.96-.96.43-.96.96-.96.96.43.96.96z"/></symbol>
14
-
15
- <symbol id="linkedin" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M13.632 13.635h-2.37V9.922c0-.886-.018-2.025-1.234-2.025-1.235 0-1.424.964-1.424 1.96v3.778h-2.37V6H8.51v1.04h.03c.318-.6 1.092-1.233 2.247-1.233 2.4 0 2.845 1.58 2.845 3.637v4.188zM3.558 4.955c-.762 0-1.376-.617-1.376-1.377 0-.758.614-1.375 1.376-1.375.76 0 1.376.617 1.376 1.375 0 .76-.617 1.377-1.376 1.377zm1.188 8.68H2.37V6h2.376v7.635zM14.816 0H1.18C.528 0 0 .516 0 1.153v13.694C0 15.484.528 16 1.18 16h13.635c.652 0 1.185-.516 1.185-1.153V1.153C16 .516 15.467 0 14.815 0z" fill-rule="nonzero"/></symbol>
16
-
17
- <symbol id="pinterest" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8 0C3.582 0 0 3.582 0 8c0 3.39 2.108 6.285 5.084 7.45-.07-.633-.133-1.604.028-2.295.146-.625.938-3.977.938-3.977s-.24-.48-.24-1.188c0-1.11.646-1.943 1.448-1.943.683 0 1.012.513 1.012 1.127 0 .687-.436 1.713-.662 2.664-.19.797.4 1.445 1.185 1.445 1.42 0 2.514-1.498 2.514-3.662 0-1.91-1.376-3.25-3.342-3.25-2.276 0-3.61 1.71-3.61 3.47 0 .69.263 1.43.593 1.83.066.08.075.15.057.23-.06.25-.196.8-.223.91-.035.15-.115.18-.268.11C3.516 10.46 2.89 9 2.89 7.82c0-2.52 1.834-4.84 5.287-4.84 2.774 0 4.932 1.98 4.932 4.62 0 2.76-1.74 4.98-4.16 4.98-.81 0-1.57-.42-1.84-.92l-.5 1.9c-.18.698-.67 1.57-1 2.1.75.23 1.54.357 2.37.357 4.41 0 8-3.58 8-8s-3.59-8-8-8z" fill-rule="nonzero"/></symbol>
18
-
19
- <symbol id="rss" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M12.8 16C12.8 8.978 7.022 3.2 0 3.2V0c8.777 0 16 7.223 16 16h-3.2zM2.194 11.61c1.21 0 2.195.985 2.195 2.196 0 1.21-.99 2.194-2.2 2.194C.98 16 0 15.017 0 13.806c0-1.21.983-2.195 2.194-2.195zM10.606 16h-3.11c0-4.113-3.383-7.497-7.496-7.497v-3.11c5.818 0 10.606 4.79 10.606 10.607z"/></symbol>
20
-
21
- <symbol id="stackoverflow" class="svg-icon" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M12.658 14.577v-4.27h1.423V16H1.23v-5.693h1.42v4.27h10.006zm-8.583-1.423h7.16V11.73h-7.16v1.424zm.173-3.235l6.987 1.46.3-1.38L4.55 8.54l-.302 1.38zm.906-3.37l6.47 3.02.602-1.3-6.47-3.02-.602 1.29zm1.81-3.19l5.478 4.57.906-1.08L7.87 2.28l-.9 1.078zM10.502 0L9.338.863l4.27 5.735 1.164-.862L10.5 0z"/></symbol>
22
-
23
- <symbol id="twitter" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M16 3.038c-.59.26-1.22.437-1.885.517.677-.407 1.198-1.05 1.443-1.816-.634.37-1.337.64-2.085.79-.598-.64-1.45-1.04-2.396-1.04-1.812 0-3.282 1.47-3.282 3.28 0 .26.03.51.085.75-2.728-.13-5.147-1.44-6.766-3.42C.83 2.58.67 3.14.67 3.75c0 1.14.58 2.143 1.46 2.732-.538-.017-1.045-.165-1.487-.41v.04c0 1.59 1.13 2.918 2.633 3.22-.276.074-.566.114-.865.114-.21 0-.41-.02-.61-.058.42 1.304 1.63 2.253 3.07 2.28-1.12.88-2.54 1.404-4.07 1.404-.26 0-.52-.015-.78-.045 1.46.93 3.18 1.474 5.04 1.474 6.04 0 9.34-5 9.34-9.33 0-.14 0-.28-.01-.42.64-.46 1.2-1.04 1.64-1.7z" fill-rule="nonzero"/></symbol>
24
-
25
- <symbol id="youtube" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M0 7.345c0-1.294.16-2.59.16-2.59s.156-1.1.636-1.587c.608-.637 1.408-.617 1.764-.684C3.84 2.36 8 2.324 8 2.324s3.362.004 5.6.166c.314.038.996.04 1.604.678.48.486.636 1.588.636 1.588S16 6.05 16 7.346v1.258c0 1.296-.16 2.59-.16 2.59s-.156 1.102-.636 1.588c-.608.638-1.29.64-1.604.678-2.238.162-5.6.166-5.6.166s-4.16-.037-5.44-.16c-.356-.067-1.156-.047-1.764-.684-.48-.487-.636-1.587-.636-1.587S0 9.9 0 8.605v-1.26zm6.348 2.73V5.58l4.323 2.255-4.32 2.24z"/></symbol>
26
-
27
- <symbol id="mastodon" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414">
28
- <path transform="scale(0.07)" d="M211.80734 139.0875c-3.18125 16.36625-28.4925 34.2775-57.5625 37.74875-15.15875 1.80875-30.08375 3.47125-45.99875 2.74125-26.0275-1.1925-46.565-6.2125-46.565-6.2125 0 2.53375.15625 4.94625.46875 7.2025 3.38375 25.68625 25.47 27.225 46.39125 27.9425 21.11625.7225 39.91875-5.20625 39.91875-5.20625l.8675 19.09s-14.77 7.93125-41.08125 9.39c-14.50875.7975-32.52375-.365-53.50625-5.91875C9.23234 213.82 1.40609 165.31125.20859 116.09125c-.365-14.61375-.14-28.39375-.14-39.91875 0-50.33 32.97625-65.0825 32.97625-65.0825C49.67234 3.45375 78.20359.2425 107.86484 0h.72875c29.66125.2425 58.21125 3.45375 74.8375 11.09 0 0 32.975 14.7525 32.975 65.0825 0 0 .41375 37.13375-4.59875 62.915"/>
29
- <path transform="scale(0.07)" fill="#FFF" d="M177.50984 80.077v60.94125h-24.14375v-59.15c0-12.46875-5.24625-18.7975-15.74-18.7975-11.6025 0-17.4175 7.5075-17.4175 22.3525v32.37625H96.20734V85.42325c0-14.845-5.81625-22.3525-17.41875-22.3525-10.49375 0-15.74 6.32875-15.74 18.7975v59.15H38.90484V80.077c0-12.455 3.17125-22.3525 9.54125-29.675 6.56875-7.3225 15.17125-11.07625 25.85-11.07625 12.355 0 21.71125 4.74875 27.8975 14.2475l6.01375 10.08125 6.015-10.08125c6.185-9.49875 15.54125-14.2475 27.8975-14.2475 10.6775 0 19.28 3.75375 25.85 11.07625 6.36875 7.3225 9.54 17.22 9.54 29.675"/>
30
- </symbol>
31
-
32
-
33
- </svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+
3
+ <symbol id="dribbble" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8 16c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm6.747-6.905c-.234-.074-2.115-.635-4.257-.292.894 2.456 1.258 4.456 1.328 4.872 1.533-1.037 2.624-2.68 2.93-4.58zM10.67 14.3c-.102-.6-.5-2.688-1.46-5.18l-.044.014C5.312 10.477 3.93 13.15 3.806 13.4c1.158.905 2.614 1.444 4.194 1.444.947 0 1.85-.194 2.67-.543zm-7.747-1.72c.155-.266 2.03-3.37 5.555-4.51.09-.03.18-.056.27-.08-.173-.39-.36-.778-.555-1.16-3.413 1.02-6.723.977-7.023.97l-.003.208c0 1.755.665 3.358 1.756 4.57zM1.31 6.61c.307.005 3.122.017 6.318-.832-1.132-2.012-2.353-3.705-2.533-3.952-1.912.902-3.34 2.664-3.784 4.785zM6.4 1.368c.188.253 1.43 1.943 2.548 4 2.43-.91 3.46-2.293 3.582-2.468C11.323 1.827 9.736 1.176 8 1.176c-.55 0-1.087.066-1.6.19zm6.89 2.322c-.145.194-1.29 1.662-3.816 2.694.16.325.31.656.453.99.05.117.1.235.147.352 2.274-.286 4.533.172 4.758.22-.015-1.613-.59-3.094-1.543-4.257z"/></symbol>
4
+
5
+ <symbol id="facebook" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M15.117 0H.883C.395 0 0 .395 0 .883v14.234c0 .488.395.883.883.883h7.663V9.804H6.46V7.39h2.086V5.607c0-2.066 1.262-3.19 3.106-3.19.883 0 1.642.064 1.863.094v2.16h-1.28c-1 0-1.195.48-1.195 1.18v1.54h2.39l-.31 2.42h-2.08V16h4.077c.488 0 .883-.395.883-.883V.883C16 .395 15.605 0 15.117 0" fill-rule="nonzero"/></symbol>
6
+
7
+ <symbol id="flickr" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M0 8c0 2.05 1.662 3.71 3.71 3.71 2.05 0 3.713-1.66 3.713-3.71S5.76 4.29 3.71 4.29C1.663 4.29 0 5.95 0 8zm8.577 0c0 2.05 1.662 3.71 3.712 3.71C14.33 11.71 16 10.05 16 8s-1.662-3.71-3.71-3.71c-2.05 0-3.713 1.66-3.713 3.71z"/></symbol>
8
+
9
+ <symbol id="github" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8 0C3.58 0 0 3.582 0 8c0 3.535 2.292 6.533 5.47 7.59.4.075.547-.172.547-.385 0-.19-.007-.693-.01-1.36-2.226.483-2.695-1.073-2.695-1.073-.364-.924-.89-1.17-.89-1.17-.725-.496.056-.486.056-.486.803.056 1.225.824 1.225.824.714 1.223 1.873.87 2.33.665.072-.517.278-.87.507-1.07-1.777-.2-3.644-.888-3.644-3.953 0-.873.31-1.587.823-2.147-.09-.202-.36-1.015.07-2.117 0 0 .67-.215 2.2.82.64-.178 1.32-.266 2-.27.68.004 1.36.092 2 .27 1.52-1.035 2.19-.82 2.19-.82.43 1.102.16 1.915.08 2.117.51.56.82 1.274.82 2.147 0 3.073-1.87 3.75-3.65 3.947.28.24.54.73.54 1.48 0 1.07-.01 1.93-.01 2.19 0 .21.14.46.55.38C13.71 14.53 16 11.53 16 8c0-4.418-3.582-8-8-8"/></symbol>
10
+
11
+ <symbol id="googleplus" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M5.09 7.273v1.745h2.89c-.116.75-.873 2.197-2.887 2.197-1.737 0-3.155-1.44-3.155-3.215S3.353 4.785 5.09 4.785c.99 0 1.652.422 2.03.786l1.382-1.33c-.887-.83-2.037-1.33-3.41-1.33C2.275 2.91 0 5.19 0 8s2.276 5.09 5.09 5.09c2.94 0 4.888-2.065 4.888-4.974 0-.334-.036-.59-.08-.843H5.09zm10.91 0h-1.455V5.818H13.09v1.455h-1.454v1.454h1.455v1.455h1.46V8.727H16"/></symbol>
12
+
13
+ <symbol id="instagram" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8 0C5.827 0 5.555.01 4.702.048 3.85.088 3.27.222 2.76.42c-.526.204-.973.478-1.417.923-.445.444-.72.89-.923 1.417-.198.51-.333 1.09-.372 1.942C.008 5.555 0 5.827 0 8s.01 2.445.048 3.298c.04.852.174 1.433.372 1.942.204.526.478.973.923 1.417.444.445.89.72 1.417.923.51.198 1.09.333 1.942.372.853.04 1.125.048 3.298.048s2.445-.01 3.298-.048c.852-.04 1.433-.174 1.942-.372.526-.204.973-.478 1.417-.923.445-.444.72-.89.923-1.417.198-.51.333-1.09.372-1.942.04-.853.048-1.125.048-3.298s-.01-2.445-.048-3.298c-.04-.852-.174-1.433-.372-1.942-.204-.526-.478-.973-.923-1.417-.444-.445-.89-.72-1.417-.923-.51-.198-1.09-.333-1.942-.372C10.445.008 10.173 0 8 0zm0 1.44c2.136 0 2.39.01 3.233.048.78.036 1.203.166 1.485.276.374.145.64.318.92.598.28.28.453.546.598.92.11.282.24.705.276 1.485.038.844.047 1.097.047 3.233s-.01 2.39-.05 3.233c-.04.78-.17 1.203-.28 1.485-.15.374-.32.64-.6.92-.28.28-.55.453-.92.598-.28.11-.71.24-1.49.276-.85.038-1.1.047-3.24.047s-2.39-.01-3.24-.05c-.78-.04-1.21-.17-1.49-.28-.38-.15-.64-.32-.92-.6-.28-.28-.46-.55-.6-.92-.11-.28-.24-.71-.28-1.49-.03-.84-.04-1.1-.04-3.23s.01-2.39.04-3.24c.04-.78.17-1.21.28-1.49.14-.38.32-.64.6-.92.28-.28.54-.46.92-.6.28-.11.7-.24 1.48-.28.85-.03 1.1-.04 3.24-.04zm0 2.452c-2.27 0-4.108 1.84-4.108 4.108 0 2.27 1.84 4.108 4.108 4.108 2.27 0 4.108-1.84 4.108-4.108 0-2.27-1.84-4.108-4.108-4.108zm0 6.775c-1.473 0-2.667-1.194-2.667-2.667 0-1.473 1.194-2.667 2.667-2.667 1.473 0 2.667 1.194 2.667 2.667 0 1.473-1.194 2.667-2.667 2.667zm5.23-6.937c0 .53-.43.96-.96.96s-.96-.43-.96-.96.43-.96.96-.96.96.43.96.96z"/></symbol>
14
+
15
+ <symbol id="linkedin" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M13.632 13.635h-2.37V9.922c0-.886-.018-2.025-1.234-2.025-1.235 0-1.424.964-1.424 1.96v3.778h-2.37V6H8.51v1.04h.03c.318-.6 1.092-1.233 2.247-1.233 2.4 0 2.845 1.58 2.845 3.637v4.188zM3.558 4.955c-.762 0-1.376-.617-1.376-1.377 0-.758.614-1.375 1.376-1.375.76 0 1.376.617 1.376 1.375 0 .76-.617 1.377-1.376 1.377zm1.188 8.68H2.37V6h2.376v7.635zM14.816 0H1.18C.528 0 0 .516 0 1.153v13.694C0 15.484.528 16 1.18 16h13.635c.652 0 1.185-.516 1.185-1.153V1.153C16 .516 15.467 0 14.815 0z" fill-rule="nonzero"/></symbol>
16
+
17
+ <symbol id="pinterest" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8 0C3.582 0 0 3.582 0 8c0 3.39 2.108 6.285 5.084 7.45-.07-.633-.133-1.604.028-2.295.146-.625.938-3.977.938-3.977s-.24-.48-.24-1.188c0-1.11.646-1.943 1.448-1.943.683 0 1.012.513 1.012 1.127 0 .687-.436 1.713-.662 2.664-.19.797.4 1.445 1.185 1.445 1.42 0 2.514-1.498 2.514-3.662 0-1.91-1.376-3.25-3.342-3.25-2.276 0-3.61 1.71-3.61 3.47 0 .69.263 1.43.593 1.83.066.08.075.15.057.23-.06.25-.196.8-.223.91-.035.15-.115.18-.268.11C3.516 10.46 2.89 9 2.89 7.82c0-2.52 1.834-4.84 5.287-4.84 2.774 0 4.932 1.98 4.932 4.62 0 2.76-1.74 4.98-4.16 4.98-.81 0-1.57-.42-1.84-.92l-.5 1.9c-.18.698-.67 1.57-1 2.1.75.23 1.54.357 2.37.357 4.41 0 8-3.58 8-8s-3.59-8-8-8z" fill-rule="nonzero"/></symbol>
18
+
19
+ <symbol id="rss" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M12.8 16C12.8 8.978 7.022 3.2 0 3.2V0c8.777 0 16 7.223 16 16h-3.2zM2.194 11.61c1.21 0 2.195.985 2.195 2.196 0 1.21-.99 2.194-2.2 2.194C.98 16 0 15.017 0 13.806c0-1.21.983-2.195 2.194-2.195zM10.606 16h-3.11c0-4.113-3.383-7.497-7.496-7.497v-3.11c5.818 0 10.606 4.79 10.606 10.607z"/></symbol>
20
+
21
+ <symbol id="stackoverflow" class="svg-icon" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M12.658 14.577v-4.27h1.423V16H1.23v-5.693h1.42v4.27h10.006zm-8.583-1.423h7.16V11.73h-7.16v1.424zm.173-3.235l6.987 1.46.3-1.38L4.55 8.54l-.302 1.38zm.906-3.37l6.47 3.02.602-1.3-6.47-3.02-.602 1.29zm1.81-3.19l5.478 4.57.906-1.08L7.87 2.28l-.9 1.078zM10.502 0L9.338.863l4.27 5.735 1.164-.862L10.5 0z"/></symbol>
22
+
23
+ <symbol id="twitter" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M16 3.038c-.59.26-1.22.437-1.885.517.677-.407 1.198-1.05 1.443-1.816-.634.37-1.337.64-2.085.79-.598-.64-1.45-1.04-2.396-1.04-1.812 0-3.282 1.47-3.282 3.28 0 .26.03.51.085.75-2.728-.13-5.147-1.44-6.766-3.42C.83 2.58.67 3.14.67 3.75c0 1.14.58 2.143 1.46 2.732-.538-.017-1.045-.165-1.487-.41v.04c0 1.59 1.13 2.918 2.633 3.22-.276.074-.566.114-.865.114-.21 0-.41-.02-.61-.058.42 1.304 1.63 2.253 3.07 2.28-1.12.88-2.54 1.404-4.07 1.404-.26 0-.52-.015-.78-.045 1.46.93 3.18 1.474 5.04 1.474 6.04 0 9.34-5 9.34-9.33 0-.14 0-.28-.01-.42.64-.46 1.2-1.04 1.64-1.7z" fill-rule="nonzero"/></symbol>
24
+
25
+ <symbol id="youtube" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M0 7.345c0-1.294.16-2.59.16-2.59s.156-1.1.636-1.587c.608-.637 1.408-.617 1.764-.684C3.84 2.36 8 2.324 8 2.324s3.362.004 5.6.166c.314.038.996.04 1.604.678.48.486.636 1.588.636 1.588S16 6.05 16 7.346v1.258c0 1.296-.16 2.59-.16 2.59s-.156 1.102-.636 1.588c-.608.638-1.29.64-1.604.678-2.238.162-5.6.166-5.6.166s-4.16-.037-5.44-.16c-.356-.067-1.156-.047-1.764-.684-.48-.487-.636-1.587-.636-1.587S0 9.9 0 8.605v-1.26zm6.348 2.73V5.58l4.323 2.255-4.32 2.24z"/></symbol>
26
+
27
+ <symbol id="mastodon" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414">
28
+ <path transform="scale(0.07)" d="M211.80734 139.0875c-3.18125 16.36625-28.4925 34.2775-57.5625 37.74875-15.15875 1.80875-30.08375 3.47125-45.99875 2.74125-26.0275-1.1925-46.565-6.2125-46.565-6.2125 0 2.53375.15625 4.94625.46875 7.2025 3.38375 25.68625 25.47 27.225 46.39125 27.9425 21.11625.7225 39.91875-5.20625 39.91875-5.20625l.8675 19.09s-14.77 7.93125-41.08125 9.39c-14.50875.7975-32.52375-.365-53.50625-5.91875C9.23234 213.82 1.40609 165.31125.20859 116.09125c-.365-14.61375-.14-28.39375-.14-39.91875 0-50.33 32.97625-65.0825 32.97625-65.0825C49.67234 3.45375 78.20359.2425 107.86484 0h.72875c29.66125.2425 58.21125 3.45375 74.8375 11.09 0 0 32.975 14.7525 32.975 65.0825 0 0 .41375 37.13375-4.59875 62.915"/>
29
+ <path transform="scale(0.07)" fill="#FFF" d="M177.50984 80.077v60.94125h-24.14375v-59.15c0-12.46875-5.24625-18.7975-15.74-18.7975-11.6025 0-17.4175 7.5075-17.4175 22.3525v32.37625H96.20734V85.42325c0-14.845-5.81625-22.3525-17.41875-22.3525-10.49375 0-15.74 6.32875-15.74 18.7975v59.15H38.90484V80.077c0-12.455 3.17125-22.3525 9.54125-29.675 6.56875-7.3225 15.17125-11.07625 25.85-11.07625 12.355 0 21.71125 4.74875 27.8975 14.2475l6.01375 10.08125 6.015-10.08125c6.185-9.49875 15.54125-14.2475 27.8975-14.2475 10.6775 0 19.28 3.75375 25.85 11.07625 6.36875 7.3225 9.54 17.22 9.54 29.675"/>
30
+ </symbol>
31
+
32
+
33
+ </svg>
@@ -1,27 +1,27 @@
1
- (function () {
2
- const themeSelector = document.getElementById("themeSelector");
3
- const currentTheme = document.getElementById("currentTheme");
4
- const themeOptions = document.getElementById("themeOptions");
5
- const root = document.querySelector("html");
6
-
7
- function clickHandler(color) {
8
- return (event) => {
9
- window.localStorage.setItem("theme", color);
10
- root.className = color;
11
- const selectedColor = event.target.getAttribute("data-color");
12
- currentTheme.style.backgroundColor = selectedColor;
13
- };
14
- }
15
-
16
- themeSelector.addEventListener("click", () => {
17
- themeOptions.style.maxWidth = !themeOptions.style.maxWidth
18
- ? "800px"
19
- : themeOptions.style.maxWidth === "0px"
20
- ? "800px"
21
- : "0px";
22
- });
23
-
24
- document.querySelectorAll(".theme-option").forEach((option) => {
25
- option.addEventListener("click", clickHandler(option.dataset.themeClass));
26
- });
27
- })();
1
+ (function () {
2
+ const themeSelector = document.getElementById("themeSelector");
3
+ const currentTheme = document.getElementById("currentTheme");
4
+ const themeOptions = document.getElementById("themeOptions");
5
+ const root = document.querySelector("html");
6
+
7
+ function clickHandler(color) {
8
+ return (event) => {
9
+ window.localStorage.setItem("theme", color);
10
+ root.className = color;
11
+ const selectedColor = event.target.getAttribute("data-color");
12
+ currentTheme.style.backgroundColor = selectedColor;
13
+ };
14
+ }
15
+
16
+ themeSelector.addEventListener("click", () => {
17
+ themeOptions.style.maxWidth = !themeOptions.style.maxWidth
18
+ ? "800px"
19
+ : themeOptions.style.maxWidth === "0px"
20
+ ? "800px"
21
+ : "0px";
22
+ });
23
+
24
+ document.querySelectorAll(".theme-option").forEach((option) => {
25
+ option.addEventListener("click", clickHandler(option.dataset.themeClass));
26
+ });
27
+ })();