"JetBrainsMono-ExtraBoldItalic.woff",
"JetBrainsMono-Medium.woff",
"JetBrainsMono-MediumItalic.woff",
- "NotoSans-Black.woff",
- "NotoSans-BlackItalic.woff",
- "NotoSans-Medium.woff",
- "NotoSans-MediumItalic.woff",
"NotoSansGothic-Regular.woff",
"Oxanium-Bold.woff",
"Oxanium-ExtraBold.woff",
"Oxanium-Regular.woff",
"Oxanium-SemiBold.woff",
- "thedish-language-alphabet.woff",
"tylan-language-alphabet-3.woff",
+ "thedish-language-alphabet.woff",
+ "pokhval-language-alphabet.woff",
+ "kishari-language-alphabet.woff",
)
val preloadImages = listOf(
"external-link-dark.png",
"external-link.png",
"icon.png",
- "panel-dark.png",
- "panel.png",
)
fun ApplicationCall.page(pageTitle: String, navBar: List<NavItem>? = null, sidebar: Sidebar? = null, ogData: OpenGraphData? = null, content: SECTIONS.() -> Unit): HTML.() -> Unit {
-@font-face {
- font-family: 'Noto Sans';
- font-style: normal;
- font-weight: normal;
- font-display: block;
- src: url("/static/font/NotoSans-Medium.woff");
-}
-
-@font-face {
- font-family: 'Noto Sans';
- font-style: italic;
- font-weight: normal;
- font-display: block;
- src: url("/static/font/NotoSans-MediumItalic.woff");
-}
-
-@font-face {
- font-family: 'Noto Sans';
- font-style: normal;
- font-weight: bold;
- font-display: block;
- src: url("/static/font/NotoSans-Black.woff");
-}
-
-@font-face {
- font-family: 'Noto Sans';
- font-style: italic;
- font-weight: bold;
- font-display: block;
- src: url("/static/font/NotoSans-BlackItalic.woff");
-}
-
@font-face {
font-family: 'Noto Sans Gothic';
font-display: block;
color: var(--text-color);
background-color: var(--back-color);
- font-family: 'Noto Sans', sans-serif;
+ font-family: sans-serif;
font-size: 100%;
--h1-size: 1.6em;
--text-color: #222;
--back-color: #eda;
+ --panel-stroke: #a82;
+ --panel-fill: rgba(255, 204, 51, 40%);
+
--selection-fg: #eee;
--selection-bg: rgba(170, 136, 34, 0.6);
* url params *
*************/
- --panel: url("/static/images/panel.png");
--bgimg: linear-gradient(to bottom, #feb, #cb8);
--extln: url("/static/images/external-link.png");
}
--text-color: #ddd;
--back-color: #652;
+ --panel-stroke: #fd7;
+ --panel-fill: rgba(85, 68, 17, 40%);
+
--selection-fg: #111;
--selection-bg: rgba(255, 221, 119, 0.9);
* url params *
*************/
- --panel: url("/static/images/panel-dark.png");
--bgimg: linear-gradient(to bottom, #763, #430);
--extln: url("/static/images/external-link-dark.png");
}
--text-color: #222;
--back-color: #eda;
+ --panel-stroke: #a82;
+ --panel-fill: rgba(255, 204, 51, 40%);
+
--selection-fg: #eee;
--selection-bg: rgba(170, 136, 34, 0.6);
* url params *
*************/
- --panel: url("/static/images/panel.png");
--bgimg: linear-gradient(to bottom, #feb, #cb8);
--extln: url("/static/images/external-link.png");
}
--text-color: #ddd;
--back-color: #652;
+ --panel-stroke: #fd7;
+ --panel-fill: rgba(85, 68, 17, 40%);
+
--selection-fg: #111;
--selection-bg: rgba(255, 221, 119, 0.9);
* url params *
*************/
- --panel: url("/static/images/panel-dark.png");
--bgimg: linear-gradient(to bottom, #763, #430);
--extln: url("/static/images/external-link-dark.png");
}
/*noinspection CssOverwrittenProperties*/
main > section, main > nav.mobile, main > aside.mobile {
- border-image-source: var(--panel);
- border-image-slice: 40% fill;
- border-image-width: 1em;
- border-width: 1em;
+ border: 0.125em solid var(--panel-stroke);
+ border-radius: 0.75em;
+ background-color: var(--panel-fill);
padding: 1.5em 1.5em;
/*noinspection CssOverwrittenProperties*/
main > section, nav.desktop, aside.desktop {
- border-image-source: var(--panel);
- border-image-slice: 40% fill;
- border-image-width: 2em;
+ border: 0.25em solid var(--panel-stroke);
+ border-radius: 1.5em;
+ background-color: var(--panel-fill);
box-sizing: border-box;
padding: 2.5em 3em;
}
textarea {
- font-family: 'Noto Sans', sans-serif;
+ font-family: sans-serif;
resize: vertical;
}