|
11 | 11 |
|
12 | 12 | <html lang="en" class="no-js"> |
13 | 13 | <head> |
14 | | - |
15 | | -<meta charset="utf-8"> |
| 14 | + <meta charset="utf-8"> |
16 | 15 |
|
17 | 16 |
|
18 | 17 | <!-- begin _includes/seo.html --><title></title> |
|
71 | 70 | <!-- end _includes/seo.html --> |
72 | 71 |
|
73 | 72 |
|
| 73 | + |
| 74 | + |
| 75 | +<!-- https://t.co/dKP3o1e --> |
74 | 76 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
75 | 77 |
|
76 | 78 | <script> |
77 | 79 | document.documentElement.className = document.documentElement.className.replace(/\bno-js\b/g, '') + ' js '; |
78 | | - |
79 | 80 | </script> |
80 | 81 |
|
81 | 82 | <!-- For all browsers --> |
82 | | -<link rel="stylesheet" href="/website/pr-preview/pr-1/assets/css/main.css"> |
83 | | -<link rel="preload" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@latest/css/all.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> |
84 | | -<noscript><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@latest/css/all.min.css"></noscript> |
| 83 | +<link rel="stylesheet" href="/website/pr-preview/pr-1/assets/css/main.css" id="theme_source"> |
| 84 | + |
| 85 | + <link rel="stylesheet alternate" href="/website/pr-preview/pr-1/assets/css/theme2.css" id="theme_source_2"> |
| 86 | + <script> |
| 87 | + let theme = sessionStorage.getItem('theme'); |
| 88 | + if(theme === "dark") |
| 89 | + { |
| 90 | + sessionStorage.setItem('theme', 'dark'); |
| 91 | + node1 = document.getElementById('theme_source'); |
| 92 | + node2 = document.getElementById('theme_source_2'); |
| 93 | + node1.setAttribute('rel', 'stylesheet alternate'); |
| 94 | + node2.setAttribute('rel', 'stylesheet'); |
| 95 | + |
| 96 | + // Switch logo on page load |
| 97 | + document.addEventListener('DOMContentLoaded', function() { |
| 98 | + var logo_light = document.getElementById('logo_light'); |
| 99 | + var logo_dark = document.getElementById('logo_dark'); |
| 100 | + if(logo_light && logo_dark) { |
| 101 | + logo_light.style.display = 'none'; |
| 102 | + logo_dark.style.display = 'inline'; |
| 103 | + } |
| 104 | + }); |
| 105 | + } |
| 106 | + else |
| 107 | + { |
| 108 | + sessionStorage.setItem('theme', 'light'); |
| 109 | + } |
| 110 | + </script> |
| 111 | + |
| 112 | +<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5/css/all.min.css"> |
| 113 | + |
| 114 | +<!--[if IE]> |
| 115 | + <style> |
| 116 | + /* old IE unsupported flexbox fixes */ |
| 117 | + .greedy-nav .site-title { |
| 118 | + padding-right: 3em; |
| 119 | + } |
| 120 | + .greedy-nav button { |
| 121 | + position: absolute; |
| 122 | + top: 0; |
| 123 | + right: 0; |
| 124 | + height: 100%; |
| 125 | + } |
| 126 | + </style> |
| 127 | +<![endif]--> |
85 | 128 |
|
86 | 129 |
|
87 | 130 |
|
|
109 | 152 | <div class="masthead"> |
110 | 153 | <div class="masthead__inner-wrap"> |
111 | 154 | <div class="masthead__menu"> |
112 | | - <nav id="site-nav" class="greedy-nav" aria-label="Primary navigation"> |
| 155 | + <nav id="site-nav" class="greedy-nav"> |
113 | 156 |
|
114 | | - <a class="site-logo" href="/website/pr-preview/pr-1/"><img src="https://raw.githubusercontent.com/php-debugger/art/main/php-debugger-lockup.png" alt=" "></a> |
| 157 | + <a class="site-logo" href="/website/pr-preview/pr-1/"> |
| 158 | + <img src="https://raw.githubusercontent.com/php-debugger/art/main/php-debugger-lockup.png" alt=" " class="logo-light" id="logo_light"> |
| 159 | + |
| 160 | + <img src="https://raw.githubusercontent.com/php-debugger/art/main/php-debugger-lockup-white.png" alt=" " class="logo-dark" id="logo_dark" style="display: none;"> |
| 161 | + |
| 162 | + </a> |
115 | 163 |
|
116 | 164 | <a class="site-title" href="/website/pr-preview/pr-1/"> |
117 | | - |
| 165 | + |
118 | 166 |
|
119 | 167 | </a> |
120 | 168 | <ul class="visible-links"></ul> |
121 | 169 |
|
| 170 | + <i class="fas fa-fw fa-adjust" aria-hidden="true" onclick="node1=document.getElementById('theme_source');node2=document.getElementById('theme_source_2');logo_light=document.getElementById('logo_light');logo_dark=document.getElementById('logo_dark');if(node1.getAttribute('rel')=='stylesheet'){node1.setAttribute('rel', 'stylesheet alternate'); node2.setAttribute('rel', 'stylesheet');sessionStorage.setItem('theme', 'dark');if(logo_light && logo_dark){logo_light.style.display='none';logo_dark.style.display='inline';}}else{node2.setAttribute('rel', 'stylesheet alternate'); node1.setAttribute('rel', 'stylesheet');sessionStorage.setItem('theme', 'light');if(logo_light && logo_dark){logo_light.style.display='inline';logo_dark.style.display='none';}} return false;"></i> |
| 171 | + |
| 172 | + |
122 | 173 | <button class="greedy-nav__toggle hidden" type="button"> |
123 | 174 | <span class="visually-hidden">Toggle menu</span> |
124 | 175 | <div class="navicon"></div> |
|
0 commit comments