popup.html

<!DOCTYPE html>
<html>
<head>
	<title>4ARMED CSP Generator</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/popup.css">
</head>
<body>
	<h1>CSP Generator</h1>
	<div class="container">
		<form id="csp-generator">
		<div class="csp-entry">
			<div class="form-group">
				<button id="generate">Fetch Generated CSP</button>
				<button id="save">Save CSP</button>
				<button id="reset">Reset to Default CSP</button>
				<textarea id="generated-csp" placeholder="" class="form-control"></textarea>
			</div>
			<div class="form-group switch-field">
				<input type="radio" id="csp-on" name="csp" value="csp-on" data-toggle="tooltip" title="Sets the CSP header with the value of the above box (for all sites)"></input>
				<label for="csp-on">On</label>
				<input type="radio" id="csp-report-on" name="csp" value="csp-report-on" data-toggle="tooltip" title="Enables a restrictive Report-Only CSP with report-uri"></input>
				<label for="csp-report-on">Report Only</label>
				<input type="radio" id="csp-off" name="csp" value="csp-off" data-toggle="tooltip" title="Turn off all CSP headers"></input>
				<label for="csp-off">Off</label>
			</div>
		</div>
		<div>
			<div id="status"></div>
		</div>
		</form>
	</div>

	<script src="js/jquery-3.1.1.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/common.js"></script>
	<script src="js/popup.js"></script>

</body>
</html>