parent
a3f4ae0964
commit
6469099278
|
@ -36,10 +36,6 @@
|
||||||
<h2>Library Map</h2>
|
<h2>Library Map</h2>
|
||||||
<p id="beta">Beta!</p>
|
<p id="beta">Beta!</p>
|
||||||
</section>
|
</section>
|
||||||
<div></div>
|
|
||||||
<div id="mode-switch">
|
|
||||||
<button id="mode-button" name="mode-button">View in White Fragility Mode</button>
|
|
||||||
</div>
|
|
||||||
</header>
|
</header>
|
||||||
<nav>
|
<nav>
|
||||||
<ul>
|
<ul>
|
||||||
|
@ -55,6 +51,11 @@
|
||||||
<p>You need a <b>modern browser</b> with JavaScript turned on to use Library Map. Internet Explorer probably won't work properly.</p>
|
<p>You need a <b>modern browser</b> with JavaScript turned on to use Library Map. Internet Explorer probably won't work properly.</p>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="mode-switch">
|
||||||
|
<div></div>
|
||||||
|
<button id="mode-button" name="mode-button">View in White Fragility Mode</button>
|
||||||
|
</div>
|
||||||
<!-- div to attach everything to -->
|
<!-- div to attach everything to -->
|
||||||
<div id="mapid"></div>
|
<div id="mapid"></div>
|
||||||
<!-- this is the guts of it -->
|
<!-- this is the guts of it -->
|
||||||
|
|
|
@ -131,21 +131,25 @@ header {
|
||||||
|
|
||||||
#mode-switch {
|
#mode-switch {
|
||||||
display: grid;
|
display: grid;
|
||||||
align-items: center;
|
grid-template-columns: 1fr auto;
|
||||||
|
width: 90vw;
|
||||||
|
min-width: 90vw;
|
||||||
|
margin: auto;
|
||||||
|
background-color: #000;
|
||||||
}
|
}
|
||||||
|
|
||||||
#mode-button {
|
#mode-button {
|
||||||
-webkit-appearance: none;
|
-webkit-appearance: none;
|
||||||
-moz-appearance: none;
|
-moz-appearance: none;
|
||||||
appearance: none;
|
appearance: none;
|
||||||
border: 1;
|
border: 0;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
border-color: #FF3961;
|
color: #000;
|
||||||
padding: 1em;
|
|
||||||
color: #FF3961;
|
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
font-family: Tahoma, sans-serif;
|
font-family: Tahoma, sans-serif;
|
||||||
border-radius: 10px;
|
width: fit-content;
|
||||||
|
margin: 5px 1em;
|
||||||
|
padding: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.info-page,
|
.info-page,
|
||||||
|
|
Loading…
Reference in a new issue