1<!doctype html>
2<html>
3    <head>
4        <meta charset="utf-8">
5        <meta name="description" content="">
6        <meta name="viewport" content="width=device-width, initial-scale=1">
7        <title>Noto Dashboard</title>
8        		<link
9			href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css"
10			rel="stylesheet"
11			integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn"
12			crossorigin="anonymous"
13		/>
14        		<script
15			src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
16			integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
17			crossorigin="anonymous"
18		></script>
19		<script
20			src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"
21			integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF"
22			crossorigin="anonymous"
23		></script>
24		<link
25			rel="stylesheet"
26			href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.18/dist/css/bootstrap-select.min.css"
27		/>
28		<script
29			defer
30			src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.18/dist/js/bootstrap-select.min.js"
31		></script>
32		<script>
33			$(function() {
34				$('.selectpicker').selectpicker('refresh').selectpicker('toggle');
35			});
36		</script>
37		<style>
38     #searchSelect {
39      z-index: 999;
40      position: absolute;
41    }
42
43    .bootstrap-select .dropdown-toggle,
44    .bootstrap-select .dropdown-toggle:hover,
45    .bootstrap-select .dropdown-toggle:active,
46    .bootstrap-select .dropdown-toggle:focus {
47      background: none !important;
48      border: none !important;
49      outline: 0px;
50      box-shadow: none;
51    }
52
53    .dropdown-toggle::after {
54      display: none;
55    }
56
57    #searchSelect .btn.dropdown-toggle {
58      height: 0px;
59      padding: 0px;
60    }
61
62    .bootstrap-select .filter-option {
63      display: none !important;
64    }
65    .bigmargin {
66    	padding-bottom: 300px;
67    }
68		</style>
69    </head>
70    <body>
71  		<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
72				<div class="container-fluid">
73					<div class="mx-auto order-0">
74						<a class="navbar-brand" href="#"> Noto Dashboard </a>
75					</div>
76				</div>
77			</nav>
78			<div class="container my-5">
79			    <div class="row p-4 pb-0 pe-lg-0 pt-lg-5 align-items-center rounded-3 border shadow-lg">
80			      <div class="p-3 p-lg-5 pt-lg-3">
81			        <h1 class="display-4 fw-bold lh-1">Report an issue in a Noto font</h1>
82			        <p class="lead">To report an issue, please first choose the font.</p>
83			        <div class="d-grid gap-2 d-md-flex justify-content-md-start mb-4 mb-lg-3 bigmargin">
84
85						<ul class="navbar-nav">
86							<select
87								id="select"
88								class="selectpicker w-auto"
89								data-live-search="true"
90								onchange="if (this.value) { location = 'https://github.com/notofonts/'+this.value+'/issues/new/choose' };"
91							>
92								<option value="">-- Select a font --</option>
93								{{#each results}}
94								<option value="{{@key}}">{{title}}</option>
95								{{#each families}}
96									<option value="{{../@key}}"> - {{@key}}</option>
97								{{/each}}
98								{{/each}}
99							</select>
100						</ul>
101
102			        </div>
103			      </div>
104			    </div>
105			  </div>
106			</div>
107    </body>
108</html>
109