26 lines
1.2 KiB
HTML
26 lines
1.2 KiB
HTML
---
|
|
layout: default
|
|
title: Workshop
|
|
---
|
|
<h2>This is a development page for sampling new styles &c. I will be removing it for the page launch, of course.</h2>
|
|
<p>
|
|
Please select your sidebar style preference:<br></br>
|
|
<input name="sidebar-style" type="radio" value="design-1" onchange="setStyle(this.value)">Slanted Down<br>
|
|
<input name="sidebar-style" type="radio" value="design-2" onchange="setStyle(this.value)">Smooth Curve (based on your suggestion)<br>
|
|
<input name="sidebar-style" type="radio" value="design-3" onchange="setStyle(this.value)">Square (original; bad)<br>
|
|
<input name="sidebar-style" type="radio" value="design-4" onchange="setStyle(this.value)">Full Height<br>
|
|
<b>NOTE: On mobile devices, the sidebar will probably fill the whole screen. This is intentional: trying to fit it into half the screen or smaller will leave the text broken.</b>
|
|
</p>
|
|
|
|
<script>
|
|
function setStyle(valyer) {
|
|
document.getElementById("sider-outer").className = valyer;
|
|
}
|
|
Array.from(document.getElementsByTagName("input")).forEach(item => {
|
|
if (item.name == "sidebar-style") {
|
|
if (item.checked) {
|
|
setStyle(item.value);
|
|
}
|
|
}
|
|
});
|
|
</script> |