Skip to content

Commit 362e267

Browse files
committed
dark mode
1 parent 182cb01 commit 362e267

File tree

1 file changed

+55
-51
lines changed

1 file changed

+55
-51
lines changed

_layouts/page.html

Lines changed: 55 additions & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -66,55 +66,59 @@
6666
}
6767
</style>
6868
</head>
69-
<body>
70-
<nav class="navbar navbar-expand-lg navbar-dark bg-dark shadow-sm">
71-
<img class="navbar-brand" style="height: 2em;" src="{{ assets | escape }}/icon.png" alt="[RDAP.ORG]">
72-
73-
<a class="navbar-brand" href="https://about.rdap.org">
74-
<span class="text-white font-weight-bold" style="font-size: larger;">RDAP.ORG</span>
75-
</a>
76-
77-
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar1" aria-controls="navbar1" aria-expanded="false" aria-label="Toggle navigation">
78-
<span class="navbar-toggler-icon"></span>
79-
</button>
80-
81-
<div class="collapse navbar-collapse" id="navbar1">
82-
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
83-
<li class="nav-item">
84-
<a class="nav-link" href="https://about.rdap.org">Home</a>
85-
</li>
86-
<li class="nav-item">
87-
<a class="nav-link" href="https://client.rdap.org">Web Client</a>
88-
</li>
89-
<li class="nav-item">
90-
<a class="nav-link" href="https://deployment.rdap.org">Deployment Dashboard</a>
91-
</li>
92-
<li class="nav-item">
93-
<a class="nav-link" href="https://validator.rdap.org">Validator</a>
94-
</li>
95-
<li class="nav-item">
96-
<a class="nav-link" href="https://github.com/rdap-org">GitHub</a>
97-
</li>
98-
<li class="nav-item">
99-
<a class="nav-link" href="mailto:[email protected]">Feedback</a>
100-
</li>
101-
</ul>
102-
</div>
103-
</nav>
104-
<br>
105-
<main class="container">
106-
{{ content }}
107-
</main>
108-
<br>
109-
<footer class="container text-sm-center">
110-
Copyright {{ year }} {{ site.title }}.
111-
</footer>
112-
<script>
113-
Array.from(document.getElementsByClassName('nav-link')).forEach(function(a) {
114-
if (document.location.href.startsWith(a.getAttribute('href'))) {
115-
a.classList.add('active');
116-
}
117-
});
118-
</script>
119-
</body>
69+
<body>
70+
<nav class="navbar navbar-expand-lg navbar-dark bg-dark shadow-sm">
71+
<img class="navbar-brand" style="height: 2em;" src="{{ assets | escape }}/icon.png" alt="[RDAP.ORG]">
72+
73+
<a class="navbar-brand" href="https://about.rdap.org">
74+
<span class="text-white font-weight-bold" style="font-size: larger;">RDAP.ORG</span>
75+
</a>
76+
77+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar1" aria-controls="navbar1" aria-expanded="false" aria-label="Toggle navigation">
78+
<span class="navbar-toggler-icon"></span>
79+
</button>
80+
81+
<div class="collapse navbar-collapse" id="navbar1">
82+
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
83+
<li class="nav-item">
84+
<a class="nav-link" href="https://about.rdap.org">Home</a>
85+
</li>
86+
<li class="nav-item">
87+
<a class="nav-link" href="https://client.rdap.org">Web Client</a>
88+
</li>
89+
<li class="nav-item">
90+
<a class="nav-link" href="https://deployment.rdap.org">Deployment Dashboard</a>
91+
</li>
92+
<li class="nav-item">
93+
<a class="nav-link" href="https://validator.rdap.org">Validator</a>
94+
</li>
95+
<li class="nav-item">
96+
<a class="nav-link" href="https://github.com/rdap-org">GitHub</a>
97+
</li>
98+
<li class="nav-item">
99+
<a class="nav-link" href="mailto:[email protected]">Feedback</a>
100+
</li>
101+
</ul>
102+
</div>
103+
</nav>
104+
<br>
105+
<main class="container">
106+
{{ content }}
107+
</main>
108+
<br>
109+
<footer class="container text-sm-center">
110+
Copyright {{ year }} {{ site.title }}.
111+
</footer>
112+
<script>
113+
if (window.matchMedia && true === window.matchMedia("(prefers-color-scheme: dark)").matches) {
114+
document.body.setAttribute("data-bs-theme", "dark");
115+
}
116+
117+
Array.from(document.getElementsByClassName('nav-link')).forEach(function(a) {
118+
if (document.location.href.startsWith(a.getAttribute('href'))) {
119+
a.classList.add('active');
120+
}
121+
});
122+
</script>
123+
</body>
120124
</html>

0 commit comments

Comments
 (0)