diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9cc2d99f00e411f7cc1fc5e9ca3231b199f568fc..60a97a10e08c5317ee092bfe9f06a17d668fffbc 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,7 +5,7 @@ TBD
### Bug fixes
TBD
### Tweaks
-TBD
+Remove all 3rd party font requests ([Merge Request](https://gitlab.com/crafty-controller/crafty-4/-/merge_requests/893))
### Lang
TBD
diff --git a/app/frontend/static/assets/css/base-style.css b/app/frontend/static/assets/css/base-style.css
index 53fd40f9c8f63391166cc8eeacc725b52c9af703..08966f1957de27b3d7db54aa1a7fd27ec1c1f8f3 100644
--- a/app/frontend/static/assets/css/base-style.css
+++ b/app/frontend/static/assets/css/base-style.css
@@ -132,7 +132,9 @@
* Copyright 2011-2019 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
-@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
+
+@import url("/static/assets/fonts/Atikinson_Hyperlegible_Next/AtkinsonHyperlegibleMono-VariableFont_wght.ttf");
+@import url("/static/assets/fonts/Atikinson_Hyperlegible_Next/AtkinsonHyperlegibleNext-VariableFont_wght.ttf");
*,
*::before,
@@ -167,7 +169,7 @@ section {
body {
margin: 0;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Atikinson Hyperlegible Next", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
@@ -301,7 +303,7 @@ pre,
code,
kbd,
samp {
- font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ font-family: "Atkinson Hyperlegible Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em;
}
@@ -8474,7 +8476,7 @@ a.close.disabled {
z-index: 1070;
display: block;
margin: 0;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Atikinson Hyperlegible Next", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal;
font-weight: 400;
line-height: 1.5;
@@ -8599,7 +8601,7 @@ a.close.disabled {
z-index: 1060;
display: block;
max-width: 276px;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Atikinson Hyperlegible Next", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal;
font-weight: 400;
line-height: 1.5;
@@ -13089,7 +13091,7 @@ button.bg-dark:focus,
}
.text-monospace {
- font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
+ font-family: "Atkinson Hyperlegible Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}
.text-justify {
@@ -13947,7 +13949,7 @@ input:focus {
:root,
body {
font-size: 1rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
color: #212529;
color: var(--base-text);
}
@@ -13964,7 +13966,7 @@ h3,
h4,
h5,
h6 {
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-weight: normal;
font-style: normal;
font-stretch: normal;
@@ -14143,7 +14145,7 @@ address p {
}
.card-title {
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-weight: 500;
color: #212229;
margin-bottom: 15px;
@@ -14157,14 +14159,14 @@ address p {
.card-subtitle {
font-weight: 300;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
margin-top: 0.625rem;
margin-bottom: 0.625rem;
}
.card-description {
margin-bottom: 0.9375rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
.rtl .card-description {
@@ -14995,7 +14997,7 @@ pre {
.card-revenue-table .revenue-item .revenue-amount p {
font-size: 1.25rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-weight: 600;
text-align: right;
}
@@ -15012,7 +15014,7 @@ pre {
.card-revenue .highlight-text {
font-size: 1.875rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-weight: 500;
}
@@ -15378,7 +15380,7 @@ pre {
/* Navbar */
.navbar.default-layout {
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
background: var(--dropdown-bg);
transition: background 0.25s ease;
-webkit-transition: background 0.25s ease;
@@ -15608,7 +15610,7 @@ pre {
min-height: calc(100vh - 63px);
background: -webkit-gradient(linear, left bottom, left top, from(var(--dropdown-bg)), to(var(--dropdown-bg)));
background: linear-gradient(to top, var(--dropdown-bg), var(--dropdown-bg));
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
padding: 0;
width: 270px;
z-index: 11;
@@ -15929,7 +15931,7 @@ pre {
-ms-transition: all 0.25s ease;
border-top: 1px solid var(--outline);
font-size: calc(0.875rem - 0.05rem);
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
.footer a {
@@ -17473,7 +17475,7 @@ pre {
font-weight: initial;
line-height: 1;
padding: 4px 6px;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-weight: 600;
letter-spacing: 0.04rem;
}
@@ -17927,7 +17929,7 @@ pre {
.wizard>.actions a {
font-size: 0.875rem;
line-height: 1;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
.btn i,
@@ -20163,7 +20165,7 @@ pre {
display: inline-block;
border: 1px solid #dee2e6;
border: 1px solid var(--outline);
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-size: 0.75rem;
color: #212529;
color: var(--base-text);
@@ -20307,7 +20309,7 @@ select.typeahead {
-ms-flex-align: center;
align-items: center;
padding: 15px;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-size: 0.875rem;
}
@@ -22760,7 +22762,7 @@ ul li {
}
.preview-list .preview-item .preview-item-content p .content-category {
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
padding-right: 15px;
border-right: 1px solid #dee2e6;
border-right: 1px solid var(--outline);
@@ -22824,7 +22826,7 @@ ul li {
.pricing-table .pricing-card .pricing-card-body .plan-features li {
text-align: left;
padding: 4px 0;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-size: 0.875rem;
}
@@ -22838,7 +22840,7 @@ ul li {
.jsgrid .jsgrid-table thead th {
border-top: 0;
border-bottom-width: 1px;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-weight: 500;
color: #212529;
color: var(--base-text);
@@ -23012,7 +23014,7 @@ ul li {
/* Tabs */
.nav-pills .nav-item .nav-link,
.nav-tabs .nav-item .nav-link {
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
line-height: 1;
font-size: 0.875rem;
color: #212529;
@@ -23029,7 +23031,7 @@ ul li {
}
.tab-content {
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-size: 0.875rem;
line-height: 1.71;
}
@@ -23522,7 +23524,7 @@ ul li {
}
.settings-panel .events p {
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
.rtl .settings-panel .events p {
@@ -23759,7 +23761,7 @@ ul li {
}
.tooltip .tooltip-inner {
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
.tooltip-primary .tooltip-inner {
@@ -24653,7 +24655,7 @@ ul li {
padding: 11px 25px;
background: rgba(33, 150, 243, 0.2);
width: 80%;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-size: 13px;
font-weight: 300;
border-radius: 4px;
@@ -24661,7 +24663,7 @@ ul li {
.horizontal-timeline .time-frame .event .event-info {
margin-top: 0.8rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-size: 12px;
font-weight: 400;
color: var(--gray);
@@ -25812,7 +25814,7 @@ ul li {
font-size: 0.875rem;
color: var(--gray);
margin-bottom: 0;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
.email-wrapper .mail-sidebar .menu-bar .online-status .status {
@@ -25896,7 +25898,7 @@ ul li {
.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-name {
margin: 0;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-size: 0.875rem;
line-height: 1;
color: #212529;
@@ -25961,7 +25963,7 @@ ul li {
.email-wrapper .mail-list-container .mail-list .content .sender-name {
margin-bottom: 0;
font-size: 0.875rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-weight: 500;
max-width: 95%;
}
@@ -26016,17 +26018,17 @@ ul li {
.email-wrapper .message-body .sender-details .details .msg-subject {
margin-bottom: 0;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
.email-wrapper .message-body .sender-details .details .sender-email {
margin-bottom: 20px;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
.email-wrapper .message-body .sender-details .details .sender-email i {
font-size: 1rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
margin: 0 1px 0 7px;
}
@@ -26128,7 +26130,7 @@ ul li {
.email-wrapper .mail-list-container .mail-list .content .sender-name {
margin-bottom: 0;
font-size: 0.875rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-weight: 500;
max-width: 95%;
}
@@ -26184,17 +26186,17 @@ ul li {
.email-wrapper .message-body .sender-details .details .msg-subject {
margin-bottom: 0;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
.email-wrapper .message-body .sender-details .details .sender-email {
margin-bottom: 20px;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
.email-wrapper .message-body .sender-details .details .sender-email i {
font-size: 1rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Nextson Hyperlegible Next", sans-serif;
margin: 0 1px 0 7px;
}
@@ -26325,7 +26327,7 @@ ul li {
left: 50%;
z-index: 1000;
font-size: 0.875rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-weight: initial;
line-height: 1.85;
border-radius: 10px;
@@ -26335,7 +26337,7 @@ ul li {
.avgrund-popin p {
font-size: 0.875rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-weight: initial;
}
@@ -26416,7 +26418,7 @@ body.avgrund-active {
.tour-tour {
padding: 0;
border: 0;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
background: #fff;
}
@@ -26424,7 +26426,7 @@ body.avgrund-active {
background: var(--primary);
color: var(--base-text);
font-size: 0.8125rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
padding: 0.75rem;
}
@@ -26763,7 +26765,7 @@ body.avgrund-active {
.context-menu-list .context-menu-item span {
color: #000;
font-size: 0.75rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
.context-menu-list .context-menu-item.context-menu-hover {
@@ -27025,7 +27027,7 @@ body.avgrund-active {
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.dow,
.datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.dow {
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
color: var(--gray);
font-size: 0.875rem;
font-weight: initial;
@@ -27475,7 +27477,7 @@ body.avgrund-active {
.jsgrid .jsgrid-table th {
font-weight: initial;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
border-top-color: #dee2e6;
border-top-color: var(--outline);
}
@@ -27663,7 +27665,7 @@ body.avgrund-active {
}
.noUi-target .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
border-radius: 4px;
border: none;
line-height: 1;
@@ -27692,7 +27694,7 @@ body.avgrund-active {
color: #212529;
color: var(--base-text);
font-size: 0.94rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
/* Slider Color variations */
@@ -28229,7 +28231,7 @@ body.avgrund-active {
.swal2-modal .swal2-title {
font-size: 25px;
line-height: 1;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
color: #212529;
color: var(--base-text);
font-weight: initial;
@@ -28272,7 +28274,7 @@ body.avgrund-active {
.swal2-modal .swal2-content {
font-size: 0.875rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
color: #212529;
color: var(--base-text);
font-weight: initial;
@@ -28699,7 +28701,7 @@ div.tagsinput span.tag a {
text-decoration: none;
border-radius: 5px;
font-size: 0.875rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
.wizard>.steps a:hover {
@@ -29155,7 +29157,7 @@ div.tagsinput span.tag a {
}
.auth.theme-one .auto-form-wrapper .form-group .submit-btn {
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-size: 13px;
padding: 12px 8px;
font-weight: 600;
@@ -29391,7 +29393,7 @@ div.tagsinput span.tag a {
}
.auth.theme-two .auto-form-wrapper form .form-group .submit-btn {
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-size: 13px;
padding: 11px 33px;
font-weight: 600;
@@ -29624,7 +29626,7 @@ div.tagsinput span.tag a {
padding-left: 1rem;
padding-right: 1rem;
font-size: 0.9375rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
text-align: left;
}
@@ -29769,7 +29771,7 @@ div.tagsinput span.tag a {
}
.landing-page .feature-list .feature-list-row .feature-list-item .feature-description {
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
.landing-page .footer {
@@ -29814,7 +29816,7 @@ div.tagsinput span.tag a {
padding-top: 0;
padding-bottom: 0;
font-size: 0.9375rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
line-height: 1;
}
@@ -29853,7 +29855,7 @@ div.tagsinput span.tag a {
.landing-page .footer .footer-bottom {
color: var(--base-text);
color: var(--white);
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
.profile-page .profile-header {
@@ -29866,14 +29868,14 @@ div.tagsinput span.tag a {
.profile-page .profile-header .profile-info .profile-user-name {
margin-bottom: 0;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-weight: 600;
color: var(--base-text);
}
.profile-page .profile-header .profile-info .profile-user-designation {
margin-bottom: 0;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
color: var(--base-text);
color: var(--dropdown-bg);
}
diff --git a/app/frontend/static/assets/css/crafty.css b/app/frontend/static/assets/css/crafty.css
index 1700acd04a0c68c42643288ad9cca5699c59221b..cc65386aeba5bfdd67ac988a06d8e8b734ac52d9 100644
--- a/app/frontend/static/assets/css/crafty.css
+++ b/app/frontend/static/assets/css/crafty.css
@@ -417,8 +417,15 @@ noscript.noscript-warning {
/**************************************************************/
/* CSS for Fonts Displays */
/**************************************************************/
+@font-face {
+ font-family: Sarabun;
+ src: url("/static/assets/fonts/Sarabun/Sarabun-Regular.ttf");
+ font-style: normal;
+ font-weight: 400;
+}
+
*:lang(th-TH) :not(.fa, .fas, .fab, .fa-solid) {
- font-family: 'Sarabun', 'roboto', sans-serif;
+ font-family: "Sarabun", "Atikinson Hyperlegible Next", sans-serif;
}
/**************************************************************/
diff --git a/app/frontend/static/assets/css/dark/style.css b/app/frontend/static/assets/css/dark/style.css
index 28baa4b5cce658296defc8d5b2b9e0999c86a102..d7c53659f3260765d56fe5a6f38f0b72f4accf98 100755
--- a/app/frontend/static/assets/css/dark/style.css
+++ b/app/frontend/static/assets/css/dark/style.css
@@ -9,7 +9,8 @@
* Copyright 2011-2019 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
-@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
+@import url("/static/assets/fonts/Atikinson_Hyperlegible_Next/AtkinsonHyperlegibleMono-VariableFont_wght.ttf");
+@import url("/static/assets/fonts/Atikinson_Hyperlegible_Next/AtkinsonHyperlegibleNext-VariableFont_wght.ttf");
*,
*::before,
@@ -44,7 +45,7 @@ section {
body {
margin: 0;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Atikinson Hyperlegible Next", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
@@ -178,7 +179,7 @@ pre,
code,
kbd,
samp {
- font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ font-family: "Atkinson Hyperlegible Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em;
}
@@ -8337,7 +8338,7 @@ a.close.disabled {
z-index: 1070;
display: block;
margin: 0;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Atikinson Hyperlegible Next", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal;
font-weight: 400;
line-height: 1.5;
@@ -8462,7 +8463,7 @@ a.close.disabled {
z-index: 1060;
display: block;
max-width: 276px;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Atikinson Hyperlegible Next", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal;
font-weight: 400;
line-height: 1.5;
@@ -12939,7 +12940,7 @@ button.bg-dark:focus,
}
.text-monospace {
- font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
+ font-family: "Atkinson Hyperlegible Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.text-justify {
@@ -13793,7 +13794,7 @@ input:focus {
:root,
body {
font-size: 1rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
color: var(--base-text);
}
@@ -13809,7 +13810,7 @@ h3,
h4,
h5,
h6 {
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-weight: normal;
font-style: normal;
font-stretch: normal;
@@ -13985,7 +13986,7 @@ address p {
}
.card-title {
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-weight: 500;
color: #212229;
margin-bottom: 15px;
@@ -13999,14 +14000,14 @@ address p {
.card-subtitle {
font-weight: 300;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
margin-top: 0.625rem;
margin-bottom: 0.625rem;
}
.card-description {
margin-bottom: 0.9375rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
.rtl .card-description {
@@ -14821,7 +14822,7 @@ pre {
.card-revenue-table .revenue-item .revenue-amount p {
font-size: 1.25rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-weight: 600;
text-align: right;
}
@@ -14838,7 +14839,7 @@ pre {
.card-revenue .highlight-text {
font-size: 1.875rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-weight: 500;
}
@@ -15197,7 +15198,7 @@ pre {
/* Navbar */
.navbar.default-layout {
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
background: var(--dropdown-bg);
transition: background 0.25s ease;
-webkit-transition: background 0.25s ease;
@@ -15427,7 +15428,7 @@ pre {
min-height: calc(100vh - 63px);
background: -webkit-gradient(linear, left bottom, left top, from(var(--dropdown-bg)), to(var(--dropdown-bg)));
background: linear-gradient(to top, var(--dropdown-bg), var(--dropdown-bg));
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
padding: 0;
width: 270px;
z-index: 11;
@@ -15748,7 +15749,7 @@ pre {
-ms-transition: all 0.25s ease;
border-top: 1px solid var(--outline);
font-size: calc(0.875rem - 0.05rem);
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
.footer a {
@@ -17287,7 +17288,7 @@ pre {
font-weight: initial;
line-height: 1;
padding: 4px 6px;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-weight: 600;
letter-spacing: 0.04rem;
}
@@ -17724,7 +17725,7 @@ pre {
.wizard>.actions a {
font-size: 0.875rem;
line-height: 1;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
.btn i,
@@ -19893,7 +19894,7 @@ pre {
.typeahead {
display: inline-block;
border: 1px solid var(--outline);
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-size: 0.75rem;
color: var(--base-text);
padding: 0 .75rem;
@@ -20031,7 +20032,7 @@ select.typeahead {
-ms-flex-align: center;
align-items: center;
padding: 15px;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-size: 0.875rem;
}
@@ -22438,7 +22439,7 @@ ul li {
}
.preview-list .preview-item .preview-item-content p .content-category {
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
padding-right: 15px;
border-right: 1px solid var(--outline);
}
@@ -22500,7 +22501,7 @@ ul li {
.pricing-table .pricing-card .pricing-card-body .plan-features li {
text-align: left;
padding: 4px 0;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-size: 0.875rem;
}
@@ -22514,7 +22515,7 @@ ul li {
.jsgrid .jsgrid-table thead th {
border-top: 0;
border-bottom-width: 1px;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-weight: 500;
color: var(--base-text);
border-bottom-color: var(--outline);
@@ -22681,7 +22682,7 @@ ul li {
/* Tabs */
.nav-pills .nav-item .nav-link,
.nav-tabs .nav-item .nav-link {
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
line-height: 1;
font-size: 0.875rem;
color: var(--base-text);
@@ -22697,7 +22698,7 @@ ul li {
}
.tab-content {
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-size: 0.875rem;
line-height: 1.71;
}
@@ -23180,7 +23181,7 @@ ul li {
}
.settings-panel .events p {
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
.rtl .settings-panel .events p {
@@ -23413,7 +23414,7 @@ ul li {
}
.tooltip .tooltip-inner {
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
.tooltip-primary .tooltip-inner {
@@ -24290,7 +24291,7 @@ ul li {
padding: 11px 25px;
background: rgba(33, 150, 243, 0.2);
width: 80%;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-size: 13px;
font-weight: 300;
border-radius: 4px;
@@ -24298,7 +24299,7 @@ ul li {
.horizontal-timeline .time-frame .event .event-info {
margin-top: 0.8rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-size: 12px;
font-weight: 400;
color: var(--base-text);
@@ -25118,7 +25119,7 @@ ul li {
font-size: 0.875rem;
color: var(--base-text);
margin-bottom: 0;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
.email-wrapper .mail-sidebar .menu-bar .online-status .status {
@@ -25200,7 +25201,7 @@ ul li {
.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-name {
margin: 0;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-size: 0.875rem;
line-height: 1;
color: var(--base-text);
@@ -25262,7 +25263,7 @@ ul li {
.email-wrapper .mail-list-container .mail-list .content .sender-name {
margin-bottom: 0;
font-size: 0.875rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-weight: 500;
max-width: 95%;
}
@@ -25317,17 +25318,17 @@ ul li {
.email-wrapper .message-body .sender-details .details .msg-subject {
margin-bottom: 0;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
.email-wrapper .message-body .sender-details .details .sender-email {
margin-bottom: 20px;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
.email-wrapper .message-body .sender-details .details .sender-email i {
font-size: 1rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
margin: 0 1px 0 7px;
}
@@ -25429,7 +25430,7 @@ ul li {
.email-wrapper .mail-list-container .mail-list .content .sender-name {
margin-bottom: 0;
font-size: 0.875rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-weight: 500;
max-width: 95%;
}
@@ -25484,17 +25485,17 @@ ul li {
.email-wrapper .message-body .sender-details .details .msg-subject {
margin-bottom: 0;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
.email-wrapper .message-body .sender-details .details .sender-email {
margin-bottom: 20px;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
.email-wrapper .message-body .sender-details .details .sender-email i {
font-size: 1rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
margin: 0 1px 0 7px;
}
@@ -25622,7 +25623,7 @@ ul li {
left: 50%;
z-index: 1000;
font-size: 0.875rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-weight: initial;
line-height: 1.85;
border-radius: 10px;
@@ -25632,7 +25633,7 @@ ul li {
.avgrund-popin p {
font-size: 0.875rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-weight: initial;
}
@@ -25713,7 +25714,7 @@ body.avgrund-active {
.tour-tour {
padding: 0;
border: 0;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
background: #fff;
}
@@ -25721,7 +25722,7 @@ body.avgrund-active {
background: #2196f3;
color: var(--base-text);
font-size: 0.8125rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
padding: 0.75rem;
}
@@ -26055,7 +26056,7 @@ body.avgrund-active {
.context-menu-list .context-menu-item span {
color: #000;
font-size: 0.75rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
.context-menu-list .context-menu-item.context-menu-hover {
@@ -26275,7 +26276,7 @@ body.avgrund-active {
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.dow,
.datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.dow {
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
color: var(--gray);
font-size: 0.875rem;
font-weight: initial;
@@ -26707,7 +26708,7 @@ body.avgrund-active {
.jsgrid .jsgrid-table th {
font-weight: initial;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
border-top-color: var(--outline);
}
@@ -26886,7 +26887,7 @@ body.avgrund-active {
}
.noUi-target .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
border-radius: 4px;
border: none;
line-height: 1;
@@ -26913,7 +26914,7 @@ body.avgrund-active {
.noUi-target .noUi-pips .noUi-value {
color: var(--base-text);
font-size: 0.94rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
/* Slider Color variations */
@@ -27432,7 +27433,7 @@ body.avgrund-active {
.swal2-modal .swal2-title {
font-size: 25px;
line-height: 1;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
color: var(--base-text);
font-weight: initial;
margin-bottom: 0;
@@ -27471,7 +27472,7 @@ body.avgrund-active {
.swal2-modal .swal2-content {
font-size: 0.875rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
color: var(--base-text);
font-weight: initial;
margin-top: 11px;
@@ -27878,7 +27879,7 @@ div.tagsinput span.tag a {
text-decoration: none;
border-radius: 5px;
font-size: 0.875rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
.wizard>.steps a:hover {
@@ -28319,7 +28320,7 @@ div.tagsinput span.tag a {
}
.auth.theme-one .auto-form-wrapper .form-group .submit-btn {
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-size: 13px;
padding: 12px 8px;
font-weight: 600;
@@ -28549,7 +28550,7 @@ div.tagsinput span.tag a {
}
.auth.theme-two .auto-form-wrapper form .form-group .submit-btn {
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-size: 13px;
padding: 11px 33px;
font-weight: 600;
@@ -28774,7 +28775,7 @@ div.tagsinput span.tag a {
padding-left: 1rem;
padding-right: 1rem;
font-size: 0.9375rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
text-align: left;
}
@@ -28919,7 +28920,7 @@ div.tagsinput span.tag a {
}
.landing-page .feature-list .feature-list-row .feature-list-item .feature-description {
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
.landing-page .footer {
@@ -28962,7 +28963,7 @@ div.tagsinput span.tag a {
padding-top: 0;
padding-bottom: 0;
font-size: 0.9375rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
line-height: 1;
}
@@ -29000,7 +29001,7 @@ div.tagsinput span.tag a {
.landing-page .footer .footer-bottom {
color: var(--white);
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
.profile-page .profile-header {
@@ -29013,14 +29014,14 @@ div.tagsinput span.tag a {
.profile-page .profile-header .profile-info .profile-user-name {
margin-bottom: 0;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-weight: 600;
color: var(--dropdown-bg);
}
.profile-page .profile-header .profile-info .profile-user-designation {
margin-bottom: 0;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
color: var(--dropdown-bg);
}
diff --git a/app/frontend/static/assets/css/internal/anti-lockout.css b/app/frontend/static/assets/css/internal/anti-lockout.css
index 068522014a42c336b0f4453e29dae5c7d3ffb025..b9b37e366ae0119c359142da07a97041a55c3de6 100644
--- a/app/frontend/static/assets/css/internal/anti-lockout.css
+++ b/app/frontend/static/assets/css/internal/anti-lockout.css
@@ -37,6 +37,6 @@
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
- --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
- --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Atikinson Hyperlegible Next", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ --font-family-monospace: "Atkinson Hyperlegible Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
\ No newline at end of file
diff --git a/app/frontend/static/assets/css/internal/root.css b/app/frontend/static/assets/css/internal/root.css
index 5b0c0a94a4fce9c71d5f937adf2267504f6779ab..8f3e95d3fbf2037f371001c97b4985358445bf36 100644
--- a/app/frontend/static/assets/css/internal/root.css
+++ b/app/frontend/static/assets/css/internal/root.css
@@ -28,6 +28,6 @@
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
- --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
- --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Atikinson Hyperlegible Next", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ --font-family-monospace: "Atkinson Hyperlegible Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
\ No newline at end of file
diff --git a/app/frontend/static/assets/css/partial/crafty-terminal.css b/app/frontend/static/assets/css/partial/crafty-terminal.css
index 24a436729900542cabf4eae781ad753bd3a25008..49afc526993448d17697b91217ccd2c804e0d601 100644
--- a/app/frontend/static/assets/css/partial/crafty-terminal.css
+++ b/app/frontend/static/assets/css/partial/crafty-terminal.css
@@ -8,7 +8,7 @@
/* IE and Edge */
scrollbar-width: none;
/* Firefox */
- font-family: Consolas, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
+ font-family: "Atkinson Hyperlegible Mono", Consolas, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
white-space: pre-wrap;
width: 100%;
font-size: .8em;
diff --git a/app/frontend/static/assets/css/shared/style.css b/app/frontend/static/assets/css/shared/style.css
index a4b6df04275cdbf619f5efe5e5b4aaca0512178b..174bbbaf8eb964eeb5116093099ae44d29c59d14 100755
--- a/app/frontend/static/assets/css/shared/style.css
+++ b/app/frontend/static/assets/css/shared/style.css
@@ -132,7 +132,9 @@
* Copyright 2011-2019 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
-@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
+
+@import url("/static/assets/fonts/Atikinson_Hyperlegible_Next/AtkinsonHyperlegibleMono-VariableFont_wght.ttf");
+@import url("/static/assets/fonts/Atikinson_Hyperlegible_Next/AtkinsonHyperlegibleNext-VariableFont_wght.ttf");
:root {
--blue: #00aeef;
@@ -176,8 +178,8 @@
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
- --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
- --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Atikinson Hyperlegible Next", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ --font-family-monospace: "Atikinson Hyperlegible Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
*,
@@ -209,7 +211,7 @@ section {
body {
margin: 0;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Atikinson Hyperlegible Next", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
@@ -343,7 +345,7 @@ pre,
code,
kbd,
samp {
- font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ font-family: "Atkinson Hyperlegible Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em;
}
@@ -8502,7 +8504,7 @@ a.close.disabled {
z-index: 1070;
display: block;
margin: 0;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Atikinson Hyperlegible Next", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal;
font-weight: 400;
line-height: 1.5;
@@ -8627,7 +8629,7 @@ a.close.disabled {
z-index: 1060;
display: block;
max-width: 276px;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Atikinson Hyperlegible Next", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal;
font-weight: 400;
line-height: 1.5;
@@ -13104,7 +13106,7 @@ button.bg-dark:focus,
}
.text-monospace {
- font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
+ font-family: "Atkinson Hyperlegible Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.text-justify {
@@ -13956,7 +13958,7 @@ input:focus {
:root,
body {
font-size: 1rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
color: #212529;
}
@@ -13972,7 +13974,7 @@ h3,
h4,
h5,
h6 {
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-weight: normal;
font-style: normal;
font-stretch: normal;
@@ -14148,7 +14150,7 @@ address p {
}
.card-title {
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-weight: 500;
color: #212229;
margin-bottom: 15px;
@@ -14162,14 +14164,14 @@ address p {
.card-subtitle {
font-weight: 300;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
margin-top: 0.625rem;
margin-bottom: 0.625rem;
}
.card-description {
margin-bottom: 0.9375rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
.rtl .card-description {
@@ -14984,7 +14986,7 @@ pre {
.card-revenue-table .revenue-item .revenue-amount p {
font-size: 1.25rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-weight: 600;
text-align: right;
}
@@ -15001,7 +15003,7 @@ pre {
.card-revenue .highlight-text {
font-size: 1.875rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-weight: 500;
}
@@ -15976,7 +15978,7 @@ pre {
font-weight: initial;
line-height: 1;
padding: 4px 6px;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-weight: 600;
letter-spacing: 0.04rem;
}
@@ -16413,7 +16415,7 @@ pre {
.wizard>.actions a {
font-size: 0.875rem;
line-height: 1;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
.btn i,
@@ -18581,7 +18583,7 @@ pre {
.typeahead {
display: inline-block;
border: 1px solid #dee2e6;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-size: 0.75rem;
color: #212529;
padding: 0 .75rem;
@@ -18719,7 +18721,7 @@ select.typeahead {
-ms-flex-align: center;
align-items: center;
padding: 15px;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-size: 0.875rem;
}
@@ -21126,7 +21128,7 @@ ul li {
}
.preview-list .preview-item .preview-item-content p .content-category {
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
padding-right: 15px;
border-right: 1px solid #dee2e6;
}
@@ -21188,7 +21190,7 @@ ul li {
.pricing-table .pricing-card .pricing-card-body .plan-features li {
text-align: left;
padding: 4px 0;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-size: 0.875rem;
}
@@ -21202,7 +21204,7 @@ ul li {
.jsgrid .jsgrid-table thead th {
border-top: 0;
border-bottom-width: 1px;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-weight: 500;
color: #212529;
border-bottom-color: #dee2e6;
@@ -21369,7 +21371,7 @@ ul li {
/* Tabs */
.nav-pills .nav-item .nav-link,
.nav-tabs .nav-item .nav-link {
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
line-height: 1;
font-size: 0.875rem;
color: #212529;
@@ -21385,7 +21387,7 @@ ul li {
}
.tab-content {
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-size: 0.875rem;
line-height: 1.71;
}
@@ -21868,7 +21870,7 @@ ul li {
}
.settings-panel .events p {
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
.rtl .settings-panel .events p {
@@ -22101,7 +22103,7 @@ ul li {
}
.tooltip .tooltip-inner {
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
.tooltip-primary .tooltip-inner {
@@ -22978,7 +22980,7 @@ ul li {
padding: 11px 25px;
background: rgba(33, 150, 243, 0.2);
width: 80%;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-size: 13px;
font-weight: 300;
border-radius: 4px;
@@ -22986,7 +22988,7 @@ ul li {
.horizontal-timeline .time-frame .event .event-info {
margin-top: 0.8rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-size: 12px;
font-weight: 400;
color: var(--gray);
@@ -24107,7 +24109,7 @@ ul li {
font-size: 0.875rem;
color: var(--gray);
margin-bottom: 0;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
.email-wrapper .mail-sidebar .menu-bar .online-status .status {
@@ -24189,7 +24191,7 @@ ul li {
.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-name {
margin: 0;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-size: 0.875rem;
line-height: 1;
color: #212529;
@@ -24251,7 +24253,7 @@ ul li {
.email-wrapper .mail-list-container .mail-list .content .sender-name {
margin-bottom: 0;
font-size: 0.875rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-weight: 500;
max-width: 95%;
}
@@ -24306,17 +24308,17 @@ ul li {
.email-wrapper .message-body .sender-details .details .msg-subject {
margin-bottom: 0;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
.email-wrapper .message-body .sender-details .details .sender-email {
margin-bottom: 20px;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
.email-wrapper .message-body .sender-details .details .sender-email i {
font-size: 1rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
margin: 0 1px 0 7px;
}
@@ -24444,7 +24446,7 @@ ul li {
left: 50%;
z-index: 1000;
font-size: 0.875rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-weight: initial;
line-height: 1.85;
border-radius: 10px;
@@ -24454,7 +24456,7 @@ ul li {
.avgrund-popin p {
font-size: 0.875rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-weight: initial;
}
@@ -24535,7 +24537,7 @@ body.avgrund-active {
.tour-tour {
padding: 0;
border: 0;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
background: #fff;
}
@@ -24543,7 +24545,7 @@ body.avgrund-active {
background: var(--primary);
var(--base-text);
font-size: 0.8125rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
padding: 0.75rem;
}
@@ -25078,7 +25080,7 @@ body.avgrund-active {
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.dow,
.datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.dow {
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
color: var(--gray);
font-size: 0.875rem;
font-weight: initial;
@@ -25510,7 +25512,7 @@ body.avgrund-active {
.jsgrid .jsgrid-table th {
font-weight: initial;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
border-top-color: #dee2e6;
}
@@ -25689,7 +25691,7 @@ body.avgrund-active {
}
.noUi-target .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
border-radius: 4px;
border: none;
line-height: 1;
@@ -25716,7 +25718,7 @@ body.avgrund-active {
.noUi-target .noUi-pips .noUi-value {
color: #212529;
font-size: 0.94rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
/* Slider Color variations */
@@ -26235,7 +26237,7 @@ body.avgrund-active {
.swal2-modal .swal2-title {
font-size: 25px;
line-height: 1;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
color: #212529;
font-weight: initial;
margin-bottom: 0;
@@ -26274,7 +26276,7 @@ body.avgrund-active {
.swal2-modal .swal2-content {
font-size: 0.875rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
color: #212529;
font-weight: initial;
margin-top: 11px;
@@ -26681,7 +26683,7 @@ div.tagsinput span.tag a {
text-decoration: none;
border-radius: 5px;
font-size: 0.875rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
.wizard>.steps a:hover {
@@ -27121,7 +27123,7 @@ div.tagsinput span.tag a {
}
.auth.theme-one .auto-form-wrapper .form-group .submit-btn {
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-size: 13px;
padding: 12px 8px;
font-weight: 600;
@@ -27351,7 +27353,7 @@ div.tagsinput span.tag a {
}
.auth.theme-two .auto-form-wrapper form .form-group .submit-btn {
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-size: 13px;
padding: 11px 33px;
font-weight: 600;
@@ -27576,7 +27578,7 @@ div.tagsinput span.tag a {
padding-left: 1rem;
padding-right: 1rem;
font-size: 0.9375rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
text-align: left;
}
@@ -27721,7 +27723,7 @@ div.tagsinput span.tag a {
}
.landing-page .feature-list .feature-list-row .feature-list-item .feature-description {
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
.landing-page .footer {
@@ -27764,7 +27766,7 @@ div.tagsinput span.tag a {
padding-top: 0;
padding-bottom: 0;
font-size: 0.9375rem;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
line-height: 1;
}
@@ -27802,7 +27804,7 @@ div.tagsinput span.tag a {
.landing-page .footer .footer-bottom {
var(--base-text)fff;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
}
.profile-page .profile-header {
@@ -27815,14 +27817,14 @@ div.tagsinput span.tag a {
.profile-page .profile-header .profile-info .profile-user-name {
margin-bottom: 0;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
font-weight: 600;
var(--base-text);
}
.profile-page .profile-header .profile-info .profile-user-designation {
margin-bottom: 0;
- font-family: "roboto", sans-serif;
+ font-family: "Atikinson Hyperlegible Next", sans-serif;
var(--base-text);
}
diff --git a/app/frontend/static/assets/css/themes/dark.css b/app/frontend/static/assets/css/themes/dark.css
index 6429a4f7b0cca4d7beb12f30d2f2e1700976f101..d171e71349f2a14df2df7cb22652cee48f4fd3aa 100644
--- a/app/frontend/static/assets/css/themes/dark.css
+++ b/app/frontend/static/assets/css/themes/dark.css
@@ -38,6 +38,6 @@
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
- --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
- --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Atikinson Hyperlegible Next", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ --font-family-monospace: "Atikinson Hyperlegible Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
\ No newline at end of file
diff --git a/app/frontend/static/assets/css/themes/default.css b/app/frontend/static/assets/css/themes/default.css
index 2dc073c16c27d780e6776bcbc498b3783c2f461f..f4e84481b46376bf5e982437a002af4d9e57304d 100644
--- a/app/frontend/static/assets/css/themes/default.css
+++ b/app/frontend/static/assets/css/themes/default.css
@@ -40,6 +40,6 @@ root,
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
- --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
- --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Atikinson Hyperlegible Next", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ --font-family-monospace: "Atikinson Hyperlegible Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
\ No newline at end of file
diff --git a/app/frontend/static/assets/css/themes/light.css b/app/frontend/static/assets/css/themes/light.css
index 9f2a5654b07d840a2fa313512b11a6391310c3c4..9d604712176a92330a80cbffa904c1ff249fc06e 100644
--- a/app/frontend/static/assets/css/themes/light.css
+++ b/app/frontend/static/assets/css/themes/light.css
@@ -38,6 +38,6 @@
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
- --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
- --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Atikinson Hyperlegible Next", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ --font-family-monospace: "Atikinson Hyperlegible Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
\ No newline at end of file
diff --git a/app/frontend/static/assets/css/themes/ronald.css b/app/frontend/static/assets/css/themes/ronald.css
index 39693fbc356d4a7e3fc83453e39702c4945f8c42..dca39133e3ac2d2a91981c3952e9b7df22bfdfad 100644
--- a/app/frontend/static/assets/css/themes/ronald.css
+++ b/app/frontend/static/assets/css/themes/ronald.css
@@ -37,6 +37,6 @@
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
- --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
- --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Atikinson Hyperlegible Next", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ --font-family-monospace: "Atikinson Hyperlegible Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
\ No newline at end of file
diff --git a/app/frontend/static/assets/css/vendors/datatables.min.css b/app/frontend/static/assets/css/vendors/datatables.min.css
new file mode 100644
index 0000000000000000000000000000000000000000..b0d0248d076dc80c000130b5be49502362577fd2
--- /dev/null
+++ b/app/frontend/static/assets/css/vendors/datatables.min.css
@@ -0,0 +1,27 @@
+/*
+ * This combined file was created by the DataTables downloader builder:
+ * https://datatables.net/download
+ *
+ * To rebuild or modify this file with the latest versions of the included
+ * software please visit:
+ * https://datatables.net/download/#bs4/dt-1.10.22/fh-3.1.7/r-2.2.6/sc-2.0.3/sp-1.2.2
+ *
+ * Included libraries:
+ * DataTables 1.10.22, FixedHeader 3.1.7, Responsive 2.2.6, Scroller 2.0.3, SearchPanes 1.2.2
+ */
+
+table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important;border-collapse:separate !important;border-spacing:0}table.dataTable td,table.dataTable th{-webkit-box-sizing:content-box;box-sizing:content-box}table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty{text-align:center}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}div.dataTables_wrapper div.dataTables_length label{font-weight:normal;text-align:left;white-space:nowrap}div.dataTables_wrapper div.dataTables_length select{width:auto;display:inline-block}div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter label{font-weight:normal;white-space:nowrap;text-align:left}div.dataTables_wrapper div.dataTables_filter input{margin-left:0.5em;display:inline-block;width:auto}div.dataTables_wrapper div.dataTables_info{padding-top:0.85em}div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right}div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 0;white-space:nowrap;justify-content:flex-end}div.dataTables_wrapper div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}table.dataTable>thead>tr>th:active,table.dataTable>thead>tr>td:active{outline:none}table.dataTable>thead>tr>th:not(.sorting_disabled),table.dataTable>thead>tr>td:not(.sorting_disabled){padding-right:30px}table.dataTable>thead .sorting,table.dataTable>thead .sorting_asc,table.dataTable>thead .sorting_desc,table.dataTable>thead .sorting_asc_disabled,table.dataTable>thead .sorting_desc_disabled{cursor:pointer;position:relative}table.dataTable>thead .sorting:before,table.dataTable>thead .sorting:after,table.dataTable>thead .sorting_asc:before,table.dataTable>thead .sorting_asc:after,table.dataTable>thead .sorting_desc:before,table.dataTable>thead .sorting_desc:after,table.dataTable>thead .sorting_asc_disabled:before,table.dataTable>thead .sorting_asc_disabled:after,table.dataTable>thead .sorting_desc_disabled:before,table.dataTable>thead .sorting_desc_disabled:after{position:absolute;bottom:0.9em;display:block;opacity:0.3}table.dataTable>thead .sorting:before,table.dataTable>thead .sorting_asc:before,table.dataTable>thead .sorting_desc:before,table.dataTable>thead .sorting_asc_disabled:before,table.dataTable>thead .sorting_desc_disabled:before{right:1em;content:"\2191"}table.dataTable>thead .sorting:after,table.dataTable>thead .sorting_asc:after,table.dataTable>thead .sorting_desc:after,table.dataTable>thead .sorting_asc_disabled:after,table.dataTable>thead .sorting_desc_disabled:after{right:0.5em;content:"\2193"}table.dataTable>thead .sorting_asc:before,table.dataTable>thead .sorting_desc:after{opacity:1}table.dataTable>thead .sorting_asc_disabled:before,table.dataTable>thead .sorting_desc_disabled:after{opacity:0}div.dataTables_scrollHead table.dataTable{margin-bottom:0 !important}div.dataTables_scrollBody table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dataTables_scrollBody table thead .sorting:before,div.dataTables_scrollBody table thead .sorting_asc:before,div.dataTables_scrollBody table thead .sorting_desc:before,div.dataTables_scrollBody table thead .sorting:after,div.dataTables_scrollBody table thead .sorting_asc:after,div.dataTables_scrollBody table thead .sorting_desc:after{display:none}div.dataTables_scrollBody table tbody tr:first-child th,div.dataTables_scrollBody table tbody tr:first-child td{border-top:none}div.dataTables_scrollFoot>.dataTables_scrollFootInner{box-sizing:content-box}div.dataTables_scrollFoot>.dataTables_scrollFootInner>table{margin-top:0 !important;border-top:none}@media screen and (max-width: 767px){div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate{text-align:center}div.dataTables_wrapper div.dataTables_paginate ul.pagination{justify-content:center !important}}table.dataTable.table-sm>thead>tr>th:not(.sorting_disabled){padding-right:20px}table.dataTable.table-sm .sorting:before,table.dataTable.table-sm .sorting_asc:before,table.dataTable.table-sm .sorting_desc:before{top:5px;right:0.85em}table.dataTable.table-sm .sorting:after,table.dataTable.table-sm .sorting_asc:after,table.dataTable.table-sm .sorting_desc:after{top:5px}table.table-bordered.dataTable{border-right-width:0}table.table-bordered.dataTable th,table.table-bordered.dataTable td{border-left-width:0}table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable td:last-child{border-right-width:1px}table.table-bordered.dataTable tbody th,table.table-bordered.dataTable tbody td{border-bottom-width:0}div.dataTables_scrollHead table.table-bordered{border-bottom-width:0}div.table-responsive>div.dataTables_wrapper>div.row{margin:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child{padding-left:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child{padding-right:0}
+
+
+table.dataTable.fixedHeader-floating,table.dataTable.fixedHeader-locked{background-color:white;margin-top:0 !important;margin-bottom:0 !important}table.dataTable.fixedHeader-floating{position:fixed !important}table.dataTable.fixedHeader-locked{position:absolute !important}@media print{table.fixedHeader-floating{display:none}}
+
+
+table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{cursor:default !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{display:none !important}table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td.dtr-control,table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th.dtr-control{position:relative;padding-left:30px;cursor:pointer}table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th.dtr-control:before{top:50%;left:5px;height:1em;width:1em;margin-top:-9px;display:block;position:absolute;color:white;border:0.15em solid white;border-radius:1em;box-shadow:0 0 0.2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:'Courier New', Courier, monospace;line-height:1em;content:'+';background-color:#0275d8}table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before{content:'-';background-color:#d33333}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control{padding-left:27px}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control:before{left:4px;height:14px;width:14px;border-radius:14px;line-height:14px;text-indent:3px}table.dataTable.dtr-column>tbody>tr>td.dtr-control,table.dataTable.dtr-column>tbody>tr>th.dtr-control,table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control{position:relative;cursor:pointer}table.dataTable.dtr-column>tbody>tr>td.dtr-control:before,table.dataTable.dtr-column>tbody>tr>th.dtr-control:before,table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{top:50%;left:50%;height:0.8em;width:0.8em;margin-top:-0.5em;margin-left:-0.5em;display:block;position:absolute;color:white;border:0.15em solid white;border-radius:1em;box-shadow:0 0 0.2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:'Courier New', Courier, monospace;line-height:1em;content:'+';background-color:#0275d8}table.dataTable.dtr-column>tbody>tr.parent td.dtr-control:before,table.dataTable.dtr-column>tbody>tr.parent th.dtr-control:before,table.dataTable.dtr-column>tbody>tr.parent td.control:before,table.dataTable.dtr-column>tbody>tr.parent th.control:before{content:'-';background-color:#d33333}table.dataTable>tbody>tr.child{padding:0.5em 1em}table.dataTable>tbody>tr.child:hover{background:transparent !important}table.dataTable>tbody>tr.child ul.dtr-details{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom:1px solid #efefef;padding:0.5em 0}table.dataTable>tbody>tr.child ul.dtr-details>li:first-child{padding-top:0}table.dataTable>tbody>tr.child ul.dtr-details>li:last-child{border-bottom:none}table.dataTable>tbody>tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:bold}div.dtr-modal{position:fixed;box-sizing:border-box;top:0;left:0;height:100%;width:100%;z-index:100;padding:10em 1em}div.dtr-modal div.dtr-modal-display{position:absolute;top:0;left:0;bottom:0;right:0;width:50%;height:50%;overflow:auto;margin:auto;z-index:102;overflow:auto;background-color:#f5f5f7;border:1px solid black;border-radius:0.5em;box-shadow:0 12px 30px rgba(0,0,0,0.6)}div.dtr-modal div.dtr-modal-content{position:relative;padding:1em}div.dtr-modal div.dtr-modal-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border:1px solid #eaeaea;background-color:#f9f9f9;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtr-modal div.dtr-modal-close:hover{background-color:#eaeaea}div.dtr-modal div.dtr-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:rgba(0,0,0,0.6)}@media screen and (max-width: 767px){div.dtr-modal div.dtr-modal-display{width:95%}}div.dtr-bs-modal table.table tr:first-child td{border-top:none}table.dataTable.dtr-inline.collapsed.table-sm>tbody>tr>td:first-child:before,table.dataTable.dtr-inline.collapsed.table-sm>tbody>tr>th:first-child:before{top:5px}
+
+
+div.dts{display:block !important}div.dts tbody th,div.dts tbody td{white-space:nowrap}div.dts div.dts_loading{z-index:1}div.dts div.dts_label{position:absolute;right:10px;background:rgba(0,0,0,0.8);color:white;box-shadow:3px 3px 10px rgba(0,0,0,0.5);text-align:right;border-radius:3px;padding:0.4em;z-index:2;display:none}div.dts div.dataTables_scrollBody{background:repeating-linear-gradient(45deg, #edeeff, #edeeff 10px, #fff 10px, #fff 20px)}div.dts div.dataTables_scrollBody table{z-index:2}div.dts div.dataTables_paginate,div.dts div.dataTables_length{display:none}div.DTS div.dataTables_scrollBody table{background-color:white}
+
+
+div.dtsp-topRow{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;align-content:flex-start;align-items:flex-start}div.dtsp-topRow input.dtsp-search{text-overflow:ellipsis}div.dtsp-topRow div.dtsp-subRow1{display:flex;flex-direction:row;flex-wrap:nowrap;flex-grow:1;flex-shrink:0;flex-basis:0}div.dtsp-topRow div.dtsp-searchCont{display:flex;flex-direction:row;flex-wrap:nowrap;flex-grow:1;flex-shrink:0;flex-basis:0}div.dtsp-topRow button.dtsp-nameButton{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAABcGlDQ1BpY2MAACiRdZHNSwJBGMYftTDS8FCHkA57sOigIAXRMQzyYh3UIKvL7rirwe66zK6IdA26dBA6RF36OvQf1DXoWhAERRAR9B/0dQnZ3nEFJXSG2ffHs/O8zDwD+DM6M+yBJGCYDs+mU9JaYV0KviNMM4QoEjKzreXcUh59x88jfKI+JESv/vt6jlBRtRngGyKeYxZ3iBeIMzXHErxHPMbKcpH4hDjO6YDEt0JXPH4TXPL4SzDPZxcBv+gplbpY6WJW5gbxNHHM0KusfR5xk7BqruaoRmlNwEYWaaQgQUEVW9DhIEHVpMx6+5It3woq5GH0tVAHJ0cJZfLGSa1SV5WqRrpKU0dd5P4/T1ubnfG6h1PA4Kvrfk4CwX2g2XDd31PXbZ4BgRfg2uz4K5TT/DfpjY4WOwYiO8DlTUdTDoCrXWD82ZK53JICtPyaBnxcACMFYPQeGN7wsmr/x/kTkN+mJ7oDDo+AKdof2fwDCBRoDkL8UccAAAAJcEhZcwAAD2EAAA9hAag/p2kAAAK2SURBVFgJ7ZY9j41BFICvryCExrJBQ6HyEYVEIREaUZDQIRoR2ViJKCioxV+gkVXYTVZEQiEUhG2EQnxUCh0FKolY4ut5XnM2cyfva3Pt5m7EPcmzZ2bemTNnzjkzd1utnvQi0IvAfxiBy5z5FoxO89kPY+8mbMjtzs47RXs5/WVpbAG6bWExt5PuIibvhVkwmC+ck3eK9ln6/fAddFojYzBVuYSBpcnIEvRaqOw2RcaN18FPuJH0JvRUxbT3wWf4ltiKPgfVidWlbGZgPozDFfgAC+EA/K2EI4cwcAJ+gPaeQ+VQU2SOMMGcPgPl/m/V2p50rrbRsRgt9Iv5h6xtpP22Bz7Ce1C+gFFxfKzOmShcU+Qmyh2w3w8rIJfddHTck66EukL/xPhj+JM8rHNmFys0Pg4v0up3aFNlwR9NYyodd3OL/C64zpsymcTFcf6ElM4YzjAWKYrJkaq8kE/yUYNP4BoYvS1QRo+hNtF5xfkTUjoTheukSFFMjlTFm6PjceOca/SMpKfeCR1L6Uzk/y2WIkVhNFJlJAZhP+hYns7b9D3IPuhY5mYrIv8OrQJvR5NYyNaW4jsU8pSGNySiVx4o5tXq3JkoXE/mg5R/M8dGJCJpKhaDcjBRdbI/Rm8g69c122om33BHmj2CHoV5qa9jUXBraJ+G1fAVjIBO1klc87ro1K4JZ/K35SWW3TwcyDd6TecqnAEd8cGq2+w84xvBm1n3vS0izKkkwh5XNC/GmFPqqAtPF89AOScKuemaNzoTV1SD5dtSbmLf1/RV+tC0WTgcj6R7HEtrVGWaqu/lYDZ/2pvxQ/kIyw/gFByHC9AHw910hv1aUUumyd8yy0QfhmEkfiNod0Xusct68J1qc8Tdux0Z97Q+hsDb+AYGYEbF/4Guw2Q/qDPqZG/zXgT+3Qj8AtKnfWhFwmuAAAAAAElFTkSuQmCC");background-repeat:no-repeat;background-position:center;background-size:23px;vertical-align:bottom}div.dtsp-topRow button.dtsp-countButton{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABcGlDQ1BpY2MAACiRdZHNSwJBGMYftTDS8FCHkA57sOigIAXRMQzyYh3UIKvL7rirwe66zK6IdA26dBA6RF36OvQf1DXoWhAERRAR9B/0dQnZ3nEFJXSG2ffHs/O8zDwD+DM6M+yBJGCYDs+mU9JaYV0KviNMM4QoEjKzreXcUh59x88jfKI+JESv/vt6jlBRtRngGyKeYxZ3iBeIMzXHErxHPMbKcpH4hDjO6YDEt0JXPH4TXPL4SzDPZxcBv+gplbpY6WJW5gbxNHHM0KusfR5xk7BqruaoRmlNwEYWaaQgQUEVW9DhIEHVpMx6+5It3woq5GH0tVAHJ0cJZfLGSa1SV5WqRrpKU0dd5P4/T1ubnfG6h1PA4Kvrfk4CwX2g2XDd31PXbZ4BgRfg2uz4K5TT/DfpjY4WOwYiO8DlTUdTDoCrXWD82ZK53JICtPyaBnxcACMFYPQeGN7wsmr/x/kTkN+mJ7oDDo+AKdof2fwDCBRoDkL8UccAAAAJcEhZcwAAD2EAAA9hAag/p2kAAAG5SURBVEgN3VU9LwVBFF0fiYhofUSlEQkKhU7z/oBCQkIiGr9BgUbhVzy9BAnhFyjV/AYFiU5ICM7ZN+c5Zud5dm3lJmfmzrkz9+7cu3c3y/6jjOBSF8CxXS7FmTkbwqIJjDpJvTcmsJ4K3KPZUpyZsx0sxoB9J6mnAkyC7wGuuCFIipNtEcpcWExgXpOBc78vgj6N+QO4NVsjwdFM59tUIDxDrHMBOeIQ34C5ZDregXuAQm4YcI68nN9B3wr2PcwPAIPkN2EqtJH6b+QZm1ajjTx7BqwAr26Lb+C2Kvpbt0Mb2HAJ7NrGFGfmXO3DeA4UshDfQAVmH0gaUFg852TTTDvlxwBlCtxy9zXyBhQFaq0wMmIdRebrfgosA3zb2hKnqG0oqchp4QbuR8X0TjzABhbdOT8jnQ/atcgqpnfwOA7yqZyTU587ZkIGdesLTt2EkynOnbreMUUKMI/dA4B/QVOcO13CQh+5wWCgDwo/75u59odB/wjmfhbgvACcAOyZPHihMWAoIwxyCLgf1oxfgjzVbgBXSTzIN+f0pg6s5DkcesLMRpsBrgE2XO3CN64JFP7JtUeKHX4CKtRRXFZ+7dEAAAAASUVORK5CYII=");background-repeat:no-repeat;background-position:center;background-size:18px;vertical-align:bottom}div.dtsp-topRow button.dtsp-searchIcon{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABcGlDQ1BpY2MAACiRdZHNSwJBGMYftTDS8FCHkA57sOigIAXRMQzyYh3UIKvL7rirwe66zK6IdA26dBA6RF36OvQf1DXoWhAERRAR9B/0dQnZ3nEFJXSG2ffHs/O8zDwD+DM6M+yBJGCYDs+mU9JaYV0KviNMM4QoEjKzreXcUh59x88jfKI+JESv/vt6jlBRtRngGyKeYxZ3iBeIMzXHErxHPMbKcpH4hDjO6YDEt0JXPH4TXPL4SzDPZxcBv+gplbpY6WJW5gbxNHHM0KusfR5xk7BqruaoRmlNwEYWaaQgQUEVW9DhIEHVpMx6+5It3woq5GH0tVAHJ0cJZfLGSa1SV5WqRrpKU0dd5P4/T1ubnfG6h1PA4Kvrfk4CwX2g2XDd31PXbZ4BgRfg2uz4K5TT/DfpjY4WOwYiO8DlTUdTDoCrXWD82ZK53JICtPyaBnxcACMFYPQeGN7wsmr/x/kTkN+mJ7oDDo+AKdof2fwDCBRoDkL8UccAAAAJcEhZcwAAD2EAAA9hAag/p2kAAAEnSURBVCgVpdG7SgNBFIDh1RhJsBBEsDIgIhaWFjZa2GtpKb6AnU0MprKOWEjK2IuFFxCxS2lhZyOWXh5AQVER/X+zuwwywoIHvp3dM3Nm55Ik/4i+P2or5FewiBIe0cEt8ogVz9LbhEVf+cgkcew1tvAZ5PPXGm9HOMEanMAYQhunaCAazuqA1UjvILl9HGPc/n4fabjPGbzjMM2FjfkDuPw5O8JilzgA9/OKWDynyWnbsPiF7yc4SRWxmEyTN7ZhsSd7gTLW8TuGSSzBcZd2hsV+n+MNC9jGCNzjPDwsz8XCO/x02Bqeptcxhg+4gjD8YxetLOkBGRbuwcIr+NdRLMPl3uMM2YHx2gsLd+D97qKEQuGe65jCAzbgVRWOCUZuovAfs5m/AdVxL0R1AIsLAAAAAElFTkSuQmCC");background-repeat:no-repeat;background-position:center;background-size:12px}div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane table thead th,div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane table thead td{width:100% !important}div.dt-button-collection{z-index:2002}div.dataTables_scrollBody{background:white !important}div.dtsp-columns-1{min-width:98%;max-width:98%;padding-left:1%;padding-right:1%;margin:0px !important}div.dtsp-columns-2{min-width:48%;max-width:48%;padding-left:1%;padding-right:1%;margin:0px !important}div.dtsp-columns-3{min-width:30.333%;max-width:30.333%;padding-left:1%;padding-right:1%;margin:0px !important}div.dtsp-columns-4{min-width:23%;max-width:23%;padding-left:1%;padding-right:1%;margin:0px !important}div.dtsp-columns-5{min-width:18%;max-width:18%;padding-left:1%;padding-right:1%;margin:0px !important}div.dtsp-columns-6{min-width:15.666%;max-width:15.666%;padding-left:.5%;padding-right:.5%;margin:0px !important}div.dtsp-columns-7{min-width:13.28%;max-width:13.28%;padding-left:.5%;padding-right:.5%;margin:0px !important}div.dtsp-columns-8{min-width:11.5%;max-width:11.5%;padding-left:.5%;padding-right:.5%;margin:0px !important}div.dtsp-columns-9{min-width:11.111%;max-width:11.111%;padding-left:.5%;padding-right:.5%;margin:0px !important}div.dt-button-collection{float:none}div.dtsp-panesContainer{width:100%}div.dtsp-panesContainer div.dataTables_wrapper{width:100%}div.dtsp-searchPanes{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;align-content:flex-start;align-items:stretch;clear:both}div.dtsp-searchPanes button.btn{margin:0}div.dtsp-searchPanes button.dtsp-clearAll{max-width:50px}div.dtsp-columns-1,div.dtsp-columns-2,div.dtsp-columns-3,div.dtsp-columns-4,div.dtsp-columns-5,div.dtsp-columns-6,div.dtsp-columns-7,div.dtsp-columns-8,div.dtsp-columns-9{padding-left:0px;padding-right:0px}div.dtsp-searchPane{flex-direction:row;flex-wrap:nowrap;flex-grow:1;flex-shrink:0;flex-basis:280px;justify-content:space-around;align-content:flex-start;align-items:stretch;padding-top:0px;padding-bottom:5px;margin:5px 0;margin-top:0px;margin-bottom:0px;font-size:.9em;margin:5px}div.dtsp-searchPane div.dataTables_wrapper{flex:1}div.dtsp-searchPane div.dataTables_wrapper div.dataTables_filter{display:none}div.dtsp-searchPane div.dataTables_wrapper div.row div.col-sm-12:empty{display:none}div.dtsp-searchPane div.dataTables_wrapper div.row div.dataTables_filter{display:none}div.dtsp-searchPane div.btn-group{padding:0px}div.dtsp-searchPane div.dtsp-topRow{padding:0px !important;margin:0px;margin-bottom:.5rem}div.dtsp-searchPane div.dtsp-topRow div.dtsp-subRows{padding:0px !important;text-align:right}div.dtsp-searchPane div.dtsp-topRow div.row{width:100%}div.dtsp-searchPane div.dtsp-topRow button{min-width:35px;max-width:35px;border:1px solid #ced4da}div.dtsp-searchPane div.dtsp-topRow div.dtsp-subRow2{margin-left:5px}div.dtsp-searchPane div.dtsp-topRow button.clearButton{padding-left:10px}div.dtsp-searchPane thead{display:none}div.dtsp-searchPane .mb-3{margin-bottom:none !important}div.dtsp-searchPane .col-sm-12{padding:5px}div.dtsp-searchPane .input-group{padding:0px !important}div.dtsp-searchPane .input-group .input-group-append{display:inline-block}div.dtsp-searchPane div.dataTables_scrollHead{display:none}div.dtsp-searchPane div.dataTables_scrollBody{padding:2px;border:2px #f0f0f0 solid;border-radius:4px}div.dtsp-searchPane div.dataTables_scrollBody:hover{border:2px solid #cfcfcf !important}div.dtsp-searchPane div.dataTables_scrollBody table{table-layout:fixed}div.dtsp-searchPane div.dataTables_scrollBody table tbody tr td.dtsp-nameColumn{width:100% !important}div.dtsp-searchPane div.dataTables_scrollBody table tbody tr div.dtsp-nameCont{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-content:flex-start;align-items:flex-start}div.dtsp-searchPane div.dataTables_scrollBody table tbody tr div.dtsp-nameCont span.dtsp-name{text-overflow:ellipsis;overflow:hidden;display:inline-block;vertical-align:middle;white-space:nowrap;flex-grow:1}div.dtsp-searchPane div.dataTables_scrollBody table tbody tr div.dtsp-nameCont span.badge{min-width:30px;display:inline-block;line-height:1;margin-top:3.5px}div.dtsp-searchPane div.dataTables_scrollBody table tbody tr td.dtsp-countColumn{text-align:right}div.dtsp-searchPane .dtsp-searchIcon{display:block;position:relative;padding:18px 13px;border:1px solid #ced4da}div.dtsp-searchPane div.dataTables_wrapper div.dataTables_filter{display:none}div.dtsp-searchPane div.dataTables_wrapper div.row{margin-left:-7px;margin-right:-7px}div.dtsp-searchPane div.badge{min-width:30px}div.dtsp-panes{padding:5px;border:2px solid #f0f0f0;border-radius:10px;margin:5px;clear:both}div.dtsp-panes div.dtsp-titleRow{padding-bottom:10px;padding-left:20px;padding-right:20px}div.dtsp-panes div.dtsp-title{float:left;margin-bottom:0px;margin-top:10px;padding-left:0;padding-right:0}div.dtsp-panes button.dtsp-clearAll{float:right}div.dtsp-hidden{display:none !important}@media screen and (max-width: 767px){div.dtsp-columns-4,div.dtsp-columns-5,div.dtsp-columns-6{max-width:31% !important;min-width:31% !important}}@media screen and (max-width: 640px){div.dtsp-searchPanes{flex-direction:column !important}div.dtsp-searchPane{max-width:98% !important;min-width:98% !important}}
+
+
diff --git a/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/AtkinsonHyperlegibleMono-Italic-VariableFont_wght.ttf b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/AtkinsonHyperlegibleMono-Italic-VariableFont_wght.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..fa3878ac56408a60fa3728d3b9327b3080a1040d
Binary files /dev/null and b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/AtkinsonHyperlegibleMono-Italic-VariableFont_wght.ttf differ
diff --git a/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/AtkinsonHyperlegibleMono-VariableFont_wght.ttf b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/AtkinsonHyperlegibleMono-VariableFont_wght.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..ac9c7ee42e0a6589cf331908892ced33bf4f1e7b
Binary files /dev/null and b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/AtkinsonHyperlegibleMono-VariableFont_wght.ttf differ
diff --git a/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/AtkinsonHyperlegibleNext-Italic-VariableFont_wght.ttf b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/AtkinsonHyperlegibleNext-Italic-VariableFont_wght.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..3d4593aab1a6a8a80dbb8097ad52c3154cd427e2
Binary files /dev/null and b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/AtkinsonHyperlegibleNext-Italic-VariableFont_wght.ttf differ
diff --git a/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/AtkinsonHyperlegibleNext-VariableFont_wght.ttf b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/AtkinsonHyperlegibleNext-VariableFont_wght.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..b35873abe7fadf1f7f733697b753dd2e325afd44
Binary files /dev/null and b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/AtkinsonHyperlegibleNext-VariableFont_wght.ttf differ
diff --git a/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/OFL.txt b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/OFL.txt
new file mode 100644
index 0000000000000000000000000000000000000000..88955733b80000358ef3e5521f3369b276e066a9
--- /dev/null
+++ b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/OFL.txt
@@ -0,0 +1,93 @@
+Copyright 2020-2024 The Atkinson Hyperlegible Next Project Authors (https://github.com/googlefonts/atkinson-hyperlegible-next)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://openfontlicense.org
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/README.txt b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/README.txt
new file mode 100644
index 0000000000000000000000000000000000000000..f62ffba5bae17163f7f7ac6aaa7e13c421416823
--- /dev/null
+++ b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/README.txt
@@ -0,0 +1,77 @@
+Atkinson Hyperlegible Next Variable Font
+========================================
+
+This download contains Atkinson Hyperlegible Next as both variable fonts and static fonts.
+
+Atkinson Hyperlegible Next is a variable font with this axis:
+ wght
+
+This means all the styles are contained in these files:
+ AtkinsonHyperlegibleNext-VariableFont_wght.ttf
+ AtkinsonHyperlegibleNext-Italic-VariableFont_wght.ttf
+
+If your app fully supports variable fonts, you can now pick intermediate styles
+that aren’t available as static fonts. Not all apps support variable fonts, and
+in those cases you can use the static font files for Atkinson Hyperlegible Next:
+ static/AtkinsonHyperlegibleNext-ExtraLight.ttf
+ static/AtkinsonHyperlegibleNext-Light.ttf
+ static/AtkinsonHyperlegibleNext-Regular.ttf
+ static/AtkinsonHyperlegibleNext-Medium.ttf
+ static/AtkinsonHyperlegibleNext-SemiBold.ttf
+ static/AtkinsonHyperlegibleNext-Bold.ttf
+ static/AtkinsonHyperlegibleNext-ExtraBold.ttf
+ static/AtkinsonHyperlegibleNext-ExtraLightItalic.ttf
+ static/AtkinsonHyperlegibleNext-LightItalic.ttf
+ static/AtkinsonHyperlegibleNext-Italic.ttf
+ static/AtkinsonHyperlegibleNext-MediumItalic.ttf
+ static/AtkinsonHyperlegibleNext-SemiBoldItalic.ttf
+ static/AtkinsonHyperlegibleNext-BoldItalic.ttf
+ static/AtkinsonHyperlegibleNext-ExtraBoldItalic.ttf
+
+Get started
+-----------
+
+1. Install the font files you want to use
+
+2. Use your app's font picker to view the font family and all the
+available styles
+
+Learn more about variable fonts
+-------------------------------
+
+ https://developers.google.com/web/fundamentals/design-and-ux/typography/variable-fonts
+ https://variablefonts.typenetwork.com
+ https://medium.com/variable-fonts
+
+In desktop apps
+
+ https://theblog.adobe.com/can-variable-fonts-illustrator-cc
+ https://helpx.adobe.com/nz/photoshop/using/fonts.html#variable_fonts
+
+Online
+
+ https://developers.google.com/fonts/docs/getting_started
+ https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide
+ https://developer.microsoft.com/en-us/microsoft-edge/testdrive/demos/variable-fonts
+
+Installing fonts
+
+ MacOS: https://support.apple.com/en-us/HT201749
+ Linux: https://www.google.com/search?q=how+to+install+a+font+on+gnu%2Blinux
+ Windows: https://support.microsoft.com/en-us/help/314960/how-to-install-or-remove-a-font-in-windows
+
+Android Apps
+
+ https://developers.google.com/fonts/docs/android
+ https://developer.android.com/guide/topics/ui/look-and-feel/downloadable-fonts
+
+License
+-------
+Please read the full license text (OFL.txt) to understand the permissions,
+restrictions and requirements for usage, redistribution, and modification.
+
+You can use them in your products & projects – print or digital,
+commercial or otherwise.
+
+This isn't legal advice, please consider consulting a lawyer and see the full
+license for all details.
diff --git a/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-Bold.ttf b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-Bold.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..8069fa64eb579312c1b834f5e49f21c78eda6546
Binary files /dev/null and b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-Bold.ttf differ
diff --git a/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-BoldItalic.ttf b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-BoldItalic.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..44155b105972d15c09ea5383ab40192c4ac7a1b2
Binary files /dev/null and b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-BoldItalic.ttf differ
diff --git a/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-ExtraBold.ttf b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-ExtraBold.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..8305c81f6713e65eac82c89658d96d78894d59cf
Binary files /dev/null and b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-ExtraBold.ttf differ
diff --git a/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-ExtraBoldItalic.ttf b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-ExtraBoldItalic.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..852be334739a7829a6a87a2fd24bea748b152f85
Binary files /dev/null and b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-ExtraBoldItalic.ttf differ
diff --git a/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-ExtraLight.ttf b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-ExtraLight.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..ea25d0cbcecfe7719affd9ea16545d3ff1297d63
Binary files /dev/null and b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-ExtraLight.ttf differ
diff --git a/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-ExtraLightItalic.ttf b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-ExtraLightItalic.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..139c86eafa1ffb884b9593d114d8166be7cb0396
Binary files /dev/null and b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-ExtraLightItalic.ttf differ
diff --git a/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-Italic.ttf b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-Italic.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..3541e33c69e251732e7f3b3038aabd8e6d2fe5f2
Binary files /dev/null and b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-Italic.ttf differ
diff --git a/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-Light.ttf b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-Light.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..147538048362071d59ffcf012e8adb92379ebc87
Binary files /dev/null and b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-Light.ttf differ
diff --git a/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-LightItalic.ttf b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-LightItalic.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..c6eb252db10cf148657b2c73ab4890c14a0cca25
Binary files /dev/null and b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-LightItalic.ttf differ
diff --git a/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-Medium.ttf b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-Medium.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..ef77aec545afb31071e7fff482093245955c2cf7
Binary files /dev/null and b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-Medium.ttf differ
diff --git a/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-MediumItalic.ttf b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-MediumItalic.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..dd765025607e26c0b35a874c79acd2881109e3bf
Binary files /dev/null and b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-MediumItalic.ttf differ
diff --git a/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-Regular.ttf b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-Regular.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..157d62eabf3f7966d77ef41c7407afa1f4860cf7
Binary files /dev/null and b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-Regular.ttf differ
diff --git a/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-SemiBold.ttf b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-SemiBold.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..3dbc00ef23aec1e913e886b03093d006e808aec6
Binary files /dev/null and b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-SemiBold.ttf differ
diff --git a/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-SemiBoldItalic.ttf b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-SemiBoldItalic.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..5d06e94cbd1bbd75874ffde50bc1c4ed91c1dbf0
Binary files /dev/null and b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleMono-SemiBoldItalic.ttf differ
diff --git a/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-Bold.ttf b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-Bold.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..a23aed3e7757d60dd2c3bc610a807a396a0b13c3
Binary files /dev/null and b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-Bold.ttf differ
diff --git a/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-BoldItalic.ttf b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-BoldItalic.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..a7f6ca2770deedc3e48e14c5af68e0529eeeceb8
Binary files /dev/null and b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-BoldItalic.ttf differ
diff --git a/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-ExtraBold.ttf b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-ExtraBold.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..5f9382ea52e6855b3941560009252e499868e72f
Binary files /dev/null and b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-ExtraBold.ttf differ
diff --git a/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-ExtraBoldItalic.ttf b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-ExtraBoldItalic.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..57d1dc974bbb88084525528184edc374b66303a0
Binary files /dev/null and b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-ExtraBoldItalic.ttf differ
diff --git a/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-ExtraLight.ttf b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-ExtraLight.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..4e98123f8ecff18f4c1bc0046ddab89f7ac95e9f
Binary files /dev/null and b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-ExtraLight.ttf differ
diff --git a/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-ExtraLightItalic.ttf b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-ExtraLightItalic.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..a29b82a6bea8e9680d5fda1ae41345afdac8d15d
Binary files /dev/null and b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-ExtraLightItalic.ttf differ
diff --git a/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-Italic.ttf b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-Italic.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..720c6dd7eefc2eadfeae48ead925acd987dad974
Binary files /dev/null and b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-Italic.ttf differ
diff --git a/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-Light.ttf b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-Light.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..d40671d76a9d0d386c6f21bea3392a117d279df8
Binary files /dev/null and b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-Light.ttf differ
diff --git a/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-LightItalic.ttf b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-LightItalic.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..326a70d2ab2bec2ca20a003c4173efa86ea28b2b
Binary files /dev/null and b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-LightItalic.ttf differ
diff --git a/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-Medium.ttf b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-Medium.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..613b60013a1def86a8bcaa446a92f396c034ec78
Binary files /dev/null and b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-Medium.ttf differ
diff --git a/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-MediumItalic.ttf b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-MediumItalic.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..0814f5f15a793bf3d5781ec881b0c281416791d9
Binary files /dev/null and b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-MediumItalic.ttf differ
diff --git a/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-Regular.ttf b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-Regular.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..3fa771fee8bb6500758f135500fccd45be100223
Binary files /dev/null and b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-Regular.ttf differ
diff --git a/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-SemiBold.ttf b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-SemiBold.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..1764f33ac606542f3f041aaa48b496a74e0fe81b
Binary files /dev/null and b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-SemiBold.ttf differ
diff --git a/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-SemiBoldItalic.ttf b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-SemiBoldItalic.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..4371c621c2c63062aaca11a65e1ffafa8a649f5d
Binary files /dev/null and b/app/frontend/static/assets/fonts/Atikinson_Hyperlegible_Next/static/AtkinsonHyperlegibleNext-SemiBoldItalic.ttf differ
diff --git a/app/frontend/static/assets/fonts/Sarabun/OFL.txt b/app/frontend/static/assets/fonts/Sarabun/OFL.txt
new file mode 100644
index 0000000000000000000000000000000000000000..c4ce52b5e9d04366ba748248206e86355584aef8
--- /dev/null
+++ b/app/frontend/static/assets/fonts/Sarabun/OFL.txt
@@ -0,0 +1,93 @@
+Copyright 2018 The Sarabun Project Authors (https://github.com/cadsondemak/Sarabun)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://openfontlicense.org
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/app/frontend/static/assets/fonts/Sarabun/Sarabun-Bold.ttf b/app/frontend/static/assets/fonts/Sarabun/Sarabun-Bold.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..4d6bf36b9fd833b2e36fbe9d08ecc85be09782ad
Binary files /dev/null and b/app/frontend/static/assets/fonts/Sarabun/Sarabun-Bold.ttf differ
diff --git a/app/frontend/static/assets/fonts/Sarabun/Sarabun-BoldItalic.ttf b/app/frontend/static/assets/fonts/Sarabun/Sarabun-BoldItalic.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..42857a5b1123e583f21ddd8ba9f39fa866e62e24
Binary files /dev/null and b/app/frontend/static/assets/fonts/Sarabun/Sarabun-BoldItalic.ttf differ
diff --git a/app/frontend/static/assets/fonts/Sarabun/Sarabun-ExtraBold.ttf b/app/frontend/static/assets/fonts/Sarabun/Sarabun-ExtraBold.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..27ba9971a5dae54672742ebe7debb7c4dc19fb71
Binary files /dev/null and b/app/frontend/static/assets/fonts/Sarabun/Sarabun-ExtraBold.ttf differ
diff --git a/app/frontend/static/assets/fonts/Sarabun/Sarabun-ExtraBoldItalic.ttf b/app/frontend/static/assets/fonts/Sarabun/Sarabun-ExtraBoldItalic.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..bc36f97487037dfd2788512422f368c3af42060f
Binary files /dev/null and b/app/frontend/static/assets/fonts/Sarabun/Sarabun-ExtraBoldItalic.ttf differ
diff --git a/app/frontend/static/assets/fonts/Sarabun/Sarabun-ExtraLight.ttf b/app/frontend/static/assets/fonts/Sarabun/Sarabun-ExtraLight.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..060c6c162b39cb7cba4375f4e318050ced431e05
Binary files /dev/null and b/app/frontend/static/assets/fonts/Sarabun/Sarabun-ExtraLight.ttf differ
diff --git a/app/frontend/static/assets/fonts/Sarabun/Sarabun-ExtraLightItalic.ttf b/app/frontend/static/assets/fonts/Sarabun/Sarabun-ExtraLightItalic.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..aeaa14f4af9b761b0130ba8b8d2834045d756140
Binary files /dev/null and b/app/frontend/static/assets/fonts/Sarabun/Sarabun-ExtraLightItalic.ttf differ
diff --git a/app/frontend/static/assets/fonts/Sarabun/Sarabun-Italic.ttf b/app/frontend/static/assets/fonts/Sarabun/Sarabun-Italic.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..642a59b87c95b2f291d2f2f7672f12cd0ec2bc54
Binary files /dev/null and b/app/frontend/static/assets/fonts/Sarabun/Sarabun-Italic.ttf differ
diff --git a/app/frontend/static/assets/fonts/Sarabun/Sarabun-Light.ttf b/app/frontend/static/assets/fonts/Sarabun/Sarabun-Light.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..d2f2291692d948826d04d66376ee138534c6a721
Binary files /dev/null and b/app/frontend/static/assets/fonts/Sarabun/Sarabun-Light.ttf differ
diff --git a/app/frontend/static/assets/fonts/Sarabun/Sarabun-LightItalic.ttf b/app/frontend/static/assets/fonts/Sarabun/Sarabun-LightItalic.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..af75256ee6b1e063d1e3eb93b1651c48f96413fc
Binary files /dev/null and b/app/frontend/static/assets/fonts/Sarabun/Sarabun-LightItalic.ttf differ
diff --git a/app/frontend/static/assets/fonts/Sarabun/Sarabun-Medium.ttf b/app/frontend/static/assets/fonts/Sarabun/Sarabun-Medium.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..e03148e1a5388c893c26675bb1c2207503a095cc
Binary files /dev/null and b/app/frontend/static/assets/fonts/Sarabun/Sarabun-Medium.ttf differ
diff --git a/app/frontend/static/assets/fonts/Sarabun/Sarabun-MediumItalic.ttf b/app/frontend/static/assets/fonts/Sarabun/Sarabun-MediumItalic.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..b172a090166735ccdc8850d4b2b396dc2cf9f892
Binary files /dev/null and b/app/frontend/static/assets/fonts/Sarabun/Sarabun-MediumItalic.ttf differ
diff --git a/app/frontend/static/assets/fonts/Sarabun/Sarabun-Regular.ttf b/app/frontend/static/assets/fonts/Sarabun/Sarabun-Regular.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..50fa7076de52daa63b82877d150540aec7ba979a
Binary files /dev/null and b/app/frontend/static/assets/fonts/Sarabun/Sarabun-Regular.ttf differ
diff --git a/app/frontend/static/assets/fonts/Sarabun/Sarabun-SemiBold.ttf b/app/frontend/static/assets/fonts/Sarabun/Sarabun-SemiBold.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..7b760ce10996f547de0ba238bea386b4786f09ab
Binary files /dev/null and b/app/frontend/static/assets/fonts/Sarabun/Sarabun-SemiBold.ttf differ
diff --git a/app/frontend/static/assets/fonts/Sarabun/Sarabun-SemiBoldItalic.ttf b/app/frontend/static/assets/fonts/Sarabun/Sarabun-SemiBoldItalic.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..ecc5fb65d51188602bf65c776a0feeba1824c3c0
Binary files /dev/null and b/app/frontend/static/assets/fonts/Sarabun/Sarabun-SemiBoldItalic.ttf differ
diff --git a/app/frontend/static/assets/fonts/Sarabun/Sarabun-Thin.ttf b/app/frontend/static/assets/fonts/Sarabun/Sarabun-Thin.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..cdaabcb4b8a2fb9b76c1335021e2e76e4871a0f4
Binary files /dev/null and b/app/frontend/static/assets/fonts/Sarabun/Sarabun-Thin.ttf differ
diff --git a/app/frontend/static/assets/fonts/Sarabun/Sarabun-ThinItalic.ttf b/app/frontend/static/assets/fonts/Sarabun/Sarabun-ThinItalic.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..e96d17e0ee83438812ba99cd09e4fc56d0c01c7c
Binary files /dev/null and b/app/frontend/static/assets/fonts/Sarabun/Sarabun-ThinItalic.ttf differ
diff --git a/app/frontend/templates/base.html b/app/frontend/templates/base.html
index 606ee0dc55fc8e604dca826cd623e41ced7d65cb..1e87f2b8b92e9b0198c1b61d85615c1bcf4ec6e6 100755
--- a/app/frontend/templates/base.html
+++ b/app/frontend/templates/base.html
@@ -20,9 +20,7 @@
-
-
+