File tree Expand file tree Collapse file tree 1 file changed +0
-28
lines changed
Expand file tree Collapse file tree 1 file changed +0
-28
lines changed Original file line number Diff line number Diff line change 1111 <link rel =" stylesheet" href =" {{ asset (' littlelink/css/hover-min.css' ) } }" >
1212 <link rel =" stylesheet" href =" {{ asset (' littlelink/css/animate.css' ) } }" >
1313 <link rel =" icon" type =" image/png" href =" {{ asset (' littlelink/images/avatar.png' ) } }" >
14-
15- <!-- begin dark mode detection -->
16- <script src =" {{ asset (' littlelink/js/js.cookie.min.js' ) } }" ></script >
17- <script >
18- // code to set the `color_scheme` cookie
19- var $color_scheme = Cookies .get (" color_scheme" );
20- function get_color_scheme () {
21- return (window .matchMedia && window .matchMedia (" (prefers-color-scheme: dark)" ).matches ) ? " dark" : " light" ;
22- }
23- function update_color_scheme () {
24- Cookies .set (" color_scheme" , get_color_scheme ());
25- }
26- // read & compare cookie `color-scheme`
27- if ((typeof $color_scheme === " undefined" ) || (get_color_scheme () != $color_scheme))
28- update_color_scheme ();
29- // detect changes and change the cookie
30- if (window .matchMedia )
31- window .matchMedia (" (prefers-color-scheme: dark)" ).addListener ( update_color_scheme );
32- </script >
33- <?php // loads dark mode CSS if dark mode detected
34- $color_scheme = isset ($_COOKIE [" color_scheme" ]) ? $_COOKIE [" color_scheme" ] : false ; ? >
35- @if ($color_scheme == ' dark' )
36- <!-- switch the two <link> Tags below to default to dark mode if cookie detection fails -->
37- <link rel =" stylesheet" href =" {{ asset (' littlelink/css/skeleton-dark.css' ) } }" >
38- @else
39- <link rel =" stylesheet" href =" {{ asset (' littlelink/css/skeleton-light.css' ) } }" >
40- @endif
41- <!-- end dark mode detection -->
4214</head >
4315<body >
4416 <div class =" container" >
You can’t perform that action at this time.
0 commit comments