summaryrefslogtreecommitdiffstats
path: root/build/font/html.hbs
diff options
context:
space:
mode:
Diffstat (limited to 'build/font/html.hbs')
-rw-r--r--build/font/html.hbs53
1 files changed, 53 insertions, 0 deletions
diff --git a/build/font/html.hbs b/build/font/html.hbs
new file mode 100644
index 0000000..0639a3a
--- /dev/null
+++ b/build/font/html.hbs
@@ -0,0 +1,53 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <meta charset="utf-8">
+ <title>{{ name }}</title>
+
+ <style>
+ .icons {
+ display: grid;
+ max-width: 100%;
+ grid-template-columns: repeat(auto-fit, minmax(100px, 1fr) );
+ gap: 1.25rem;
+ }
+ .icon {
+ background-color: var(--bs-light);
+ border-radius: .25rem;
+ }
+ .bi {
+ margin: .25rem;
+ font-size: 2.5rem;
+ }
+ .label {
+ font-family: var(--bs-font-monospace);
+ }
+ .label {
+ display: inline-block;
+ width: 100%;
+ overflow: hidden;
+ padding: .25rem;
+ font-size: .625rem;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+ </style>
+
+ <link rel="stylesheet" href="/assets/css/bootstrap.min.css">
+ <link rel="stylesheet" href="{{ name }}.css">
+</head>
+<body class="text-center">
+
+ <h1>{{ name }}</h1>
+
+ <div class="icons">
+ {{# each assets }}
+ <div class="icon">
+ <{{ ../tag }} class="{{ ../prefix }} {{ ../prefix }}-{{ @key }}"></{{ ../tag }}>
+ <div class="label">{{ @key }}</div>
+ </div>
+ {{/ each }}
+ </div>
+
+</body>
+</html>