---
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>