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 href="https://fonts.googleapis.com/icon?family=Material+Icons"
25      rel="stylesheet">
26      <style>
27      	[data-toggle="collapse"] .material-icons:before {   
28  content: "\e5d6";
29}
30
31[data-toggle="collapse"].collapsed .material-icons:before {
32  content: "\e5d7";
33}
34.material-icons { display:inline-block; vertical-align:middle; text-decoration: none !important;}
35h6 .material-icons { display:inline-flex; vertical-align: top; font-size:1.1rem; }
36.badge .material-icons { display:inline-flex; vertical-align: top; font-size:0.9rem; }
37.tooltip .tooltip-inner { text-align: left; padding:10px; }
38.grid-wrapper {
39  display: grid;
40  grid-template-columns: repeat(12, 1fr);
41  gap: 4px;
42}
43.dropdown-menu {         
44  max-height: 80vh;
45  overflow-y: auto;
46}
47.up-to-date-false { background: #fff0f0; }
48.up-to-date-true { background: #f0fff0; }
49html { scroll-padding-top: 60px; }
50body { padding-top: 4.5rem }
51.title { display:inline-block; position:relative; left: -20px;	}
52.title a {font-size: 0.8em; }
53      </style>
54	</head>
55	<body>
56		<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
57			<div class="container-fluid">
58				<div class="order-0 mr-auto">
59					<a class="navbar-brand" href="#"> Noto Dashboard </a>
60				</div>
61				<div class="collapse navbar-collapse" id="navbarNav">
62					<ul class="navbar-nav mx-auto">
63						<li class="nav-item active">
64			        <a class="nav-link" href="/">Dashboard</a>
65			      </li>
66						<li class="nav-item">
67			        <a class="nav-link" href="/overview">Overview</a>
68			      </li>
69						<li class="nav-item">
70			        <a class="nav-link" href="/analytics.html">Analytics</a>
71			      </li>
72			    </ul>
73					<ul class="navbar-nav ml-auto">
74<a class="nav-link dropdown-toggle" href="#" id="servicesDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Scripts</a>
75
76<div class="dropdown-menu dropdown-menu-right" aria-labelledby="scriptsDropdown">
77 <div class="container" style="max-width:100%">
78 <div class="row p-1">
79{{#each results}}
80	<div class="col-2 p-1"><a href="#{{@key}}" class="text-body">{{denoto title}}</a></div>
81{{/each}}
82</div>
83</div>
84</div>
85</ul>
86</div>
87</div>
88
89					</ul>
90				</div>
91			</div>
92		</nav>
93		<main role="main" class="container">
94
95			<div class="jumbotron pt-2 pb-2">
96			  <h1 class="display-4">Noto Dashboard</h1>
97			  <p class="lead">
98			  	Welcome to the Noto dashboard. Noto is a collection of high-quality fonts with multiple weights and widths in sans, serif, mono, and other styles, in more than 1,000 languages and over 150 writing systems.
99			  </p>
100			  <p> At this site, you can:</p>
101					<ul>
102						<li>Download the latest versions of individual font files or font family releases.</li>
103						<li>See the reported issues in Noto fonts and report new issues.</li>
104			  	</ul>
105			  <p>
106			  	If you are a software distributor looking to download and package the entire Noto collection, you can either git clone or download <a href="https://github.com/notofonts/notofonts.github.io">this repository</a>.
107			  </p>
108			</div>
109
110			{{#each results}}
111			<div id="{{@key}}">
112				<h3 class="title"><a href="#{{@key}}" class="text-secondary">#</a> {{title}}</h3>
113				<ul>
114					<li>
115						<a href="{{gh_url}}">Development builds</a>
116						<img
117							src="https://img.shields.io/github/actions/workflow/status/notofonts/{{@key}}/build.yaml?label=%20&style=plastic"
118						/>
119					</li>
120					<li><a href="{{repo_url}}">Source repository</a></li>
121					<li>
122						<a href="{{repo_url}}/issues/new/choose"
123							>Report an issue in this font</a
124						>
125					</li>
126				</ul>
127
128				<div class="accordion">
129					{{#if issues}}
130					<div class="card">
131						<div class="card-header">
132							<h5 class="mb-0">
133								<button
134									class="btn btn-link  collapsed"
135									data-toggle="collapse"
136									data-target="#{{@key}} .issuescard"
137								>
138									<span class="material-icons"></span>
139									Known Issues ({{issue_count}})
140								</button>
141							</h5>
142						</div>
143						<div class="collapse issuescard">
144							<div class="card-body">
145								<ul>
146									{{#each issues}}
147									<li>{{title}} (<a href="{{url}}">#{{number}}</a>)</li>
148									{{/each}}
149								</ul>
150							</div>
151						</div>
152					</div>
153					{{/if}}
154
155					{{#if has_releases}}
156					<div class="card">
157						<div class="card-header">
158							<h5 class="mb-0">
159								<button
160									class="btn btn-link collapsed"
161									data-toggle="collapse"
162									data-target="#{{@key}} .releasescard"
163								>
164									<span class="material-icons"></span>
165									Releases
166								</button>
167							</h5>
168						</div>
169						<div class="collapse releasescard">
170							<div class="card-body">
171								{{#each families}} {{#if latest_release}}
172								<h6>
173									{{@key}}
174									<a href="{{latest_release.url}}"
175										>{{latest_release.version}}</a
176									>
177									{{#if third_party_versions}}
178									<span class="ml-5 font-weight-normal">{{#each third_party_versions}}
179										{{{icon}}} <span class="up-to-date-{{up_to_date}}">{{{version}}}</span>
180									{{/each}}
181									</span>
182									{{/if}}
183
184								</h6>
185								<pre>{{latest_release.notes}}</pre>
186								
187								{{/if}} {{/each}}
188							</div>
189						</div>
190					</div>
191					{{else}}
192					<div class="card">
193						<div class="card-header">
194							<h5 class="mb-0">
195								<button
196									class="btn btn-link text-decoration-none"
197								>
198									No Releases
199								</button>
200							</h5>
201						</div>
202					</div>
203					{{/if}}
204
205					<div class="card">
206						<div class="card-header">
207							<h5 class="mb-0">
208								<button
209									class="btn btn-link"
210									data-toggle="collapse"
211									data-target="#{{@key}} .fontscard"
212								>
213									<span class="material-icons"></span>
214									Latest fonts
215								</button>
216							</h5>
217						</div>
218						<div class="collapse show fontscard">
219							<div class="card-body">
220								{{#each families}}
221								{{#gt1 ../families_count}}
222								<h5>{{@key}}</h5>
223								{{/gt1}}
224
225								<div class="row">
226									<div class="col">
227										<h6>Unhinted
228											<i class="material-icons" data-toggle="tooltip" data-placement="right" title="Unhinted builds are smaller files without hinting information, suitable for use on high-resolution displays. These builds only cover the Unicode codepoints of the family in question.">help</i>
229										</h6>
230
231										<ul class="list-unstyled">
232											{{#each files.unhinted}}
233											<li class="text-nowrap">
234												<a
235													href="https://cdn.jsdelivr.net/gh/notofonts/notofonts.github.io/{{this}}"
236													>{{basename this}}</a
237												> <span class="text-nowrap">({{sizeof this}})</span>
238												{{#ifslim this}}<span class="badge badge-pill badge-info">Slim VF<i class="material-icons" data-toggle="tooltip" data-placement="right" title="Slim variable fonts contain a limited subset of the variable font's design space, covering only weights from Regular to Bold, and Regular width. They can be used where expression is required but disk space is at a premium.">help</i></span></h6> {{/ifslim}}
239											</li>
240											{{/each}}
241										</ul>
242									</div>
243									<div class="col">
244										<h6>Hinted
245											<i class="material-icons" data-toggle="tooltip" data-placement="right" title="Hinted builds contain hinting information, and are suitable for use in all environments, including lower-resolution displays and print uses. These builds only cover the Unicode codepoints of the family in question.">help</i></h6>
246										<ul class="list-unstyled">
247											{{#each files.hinted}}
248											<li class="text-nowrap">
249												<a
250													href="https://cdn.jsdelivr.net/gh/notofonts/notofonts.github.io/{{this}}"
251													>{{basename this}}</a
252												> <span class="text-nowrap">({{sizeof this}})</span>
253												{{#ifslim this}}<span class="badge badge-pill badge-info">Slim VF<i class="material-icons" data-toggle="tooltip" data-placement="right" title="Slim variable fonts contain a limited subset of the variable font's design space, covering only weights from Regular to Bold, and Regular width. They can be used where expression is required but disk space is at a premium.">help</i></span></h6> {{/ifslim}}
254											</li>
255											{{/each}}
256										</ul>
257									</div>
258									<div class="col">
259										<h6>Full
260											<i class="material-icons" data-toggle="tooltip" data-placement="right" title="Full builds contain hinting information, and also contain basic Latin and punctuation Unicode codepoints.">help</i></h6>
261										<ul class="list-unstyled">
262											{{#each files.full}}
263											<li class="text-nowrap">
264												<a
265													href="https://cdn.jsdelivr.net/gh/notofonts/notofonts.github.io/{{this}}"
266													>{{basename this}}</a
267												> <span class="text-nowrap">({{sizeof this}})</span>
268												{{#ifslim this}}<span class="badge badge-pill badge-info">Slim VF<i class="material-icons" data-toggle="tooltip" data-placement="right" title="Slim variable fonts contain a limited subset of the variable font's design space, covering only weights from Regular to Bold, and Regular width. They can be used where expression is required but disk space is at a premium.">help</i></span></h6> {{/ifslim}}
269												</li>
270											</li>
271											{{/each}}
272										</ul>
273									</div>
274								</div>
275								{{/each}}
276							</div>
277							<!-- card-body -->
278						</div>
279						<!-- fontscard -->
280					</div>
281					<!-- card -->
282				</div>
283				<!-- accordion -->
284				<hr />
285			</div>
286			<!-- @key -->
287			{{/each}}
288		</main>
289		<footer class="navbar navbar-expand-lg navbar-dark bg-dark">
290			<div class="container-fluid">
291			<p class="navbar-text">Get this information as a <a href="noto.json">JSON file</a>.
292				Report an <a href="https://github.com/notofonts/notofonts.github.io/issues/new">issue in this web page</a>. (Use <a href="/reporter.html"> this page</a> to report an issue in a font.)
293			</p>
294		</div>
295		</footer>
296		<script>
297$(function () {
298  $('[data-toggle="tooltip"]').tooltip();
299});
300</script>
301	</body>
302</html>
303