made the places where i will put the iframes

i replaced the scorecard header with buttons to switch between the demo, repo and scorecard. i wrapped the entire scorecard in a <span> and put 2 more <span>s for the demo and the repo then made buttons that show the selected span and hide the others using CSS display:none. so the thing looks like this

<!--im ommitting CSS in the devlog this is not at all the full html being used-->
<div class="vote-page__layout">
    <section class="vote-page__main">
        <!--...whatever is here im not changing it...-->
    </section>
    <aside class="vote-page__aside">
        <section class="class="vote-scorecard">
            <header class="vote-scorecard__header">
                <button>Demo</button> <button>Repo</button> <button>Scorecard</button>
            </header>
            <span id="scorecard-wrapper">
                <!--...scorecard...-->
            </span>
            <span style="display: none;"> <!--unselected tabs are hidden-->
                <!--...repo...-->
            </span>
            <span style="display: none;">
                <!--...demo...-->
            </span>
        </section>
    </aside>
</div>

commits

• put the submit button above coz annoying
• css styling stuff
• Make the places where I will put the iframes