index.html

<style>
	body {
		font-family: sans-serif;
	}
	
	.gen {
		background-color: lightgrey;
		display: inline;
		margin-right: 5%;
		cursor: pointer;
		user-select: none;
	}
	.right {
		margin-left: 5% !important;
	}
</style>

<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">

<!-- Facebook Tags -->
<meta property="og:title" content="HSC Legal Question Generator" /> 
<meta property="og:image" content="https://placid.app/u/ldell?browser|image=https://turquoise-turtle.github.io/hsclegal&browser|url=https://turquoise-turtle.github.io/hsclegal&title=HSC%20Legal%20Question%20Generator"/>
<meta property="og:image:height" content="600"/>
<meta property="og:image:width" content="1200"/>
<meta property="og:url" content="https://turquoise-turtle.github.io/hsclegal/" />
<meta property="og:type" content="website" />

<h1>Legal Essay Question Generator</h1>

<h2 id="generate" class="gen">Generate Essay Question</h3>
<select id="module" name="module">
	<option value="crime" selected="selected">Crime</option>
	<option value="humanrights">Human Rights</option>
<!-- 	<option value="family">Family</option> -->
</select>
<h2 id="samplespace" class="gen right">List sample space of questions</h2>
<!-- <h2 id="shortgenerate" class="gen">Generate Short Question</h3> -->
<p id="output"></p>
<script src="generator.js"></script>