OwlBoard/web-pwa
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add components and improve error page

Browse Source
This commit is contained in:
Fred Boniface
2026-03-15 01:22:46 +00:00
parent 54ea6ebf59
commit 061598a0ad
12 changed files with 687 additions and 205 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
src/lib/global.css
View File

@@ -4,78 +4,79 @@
* Copyright (c) 2014,2015 by (URW)++ Design & Development
*/
@font-face {
font-family: 'URW Gothic';
src: url('/type/urwgothic/urwgothic-book-webfont.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
font-family: 'URW Gothic';
src: url('/type/urwgothic/urwgothic-book-webfont.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
/* * URW Gothic is licensed under the SIL Open Font License, Version 1.1.
* Copyright (c) 2014,2015 by (URW)++ Design & Development
*/
@font-face {
font-family: 'URW Gothic';
src: url('/type/urwgothic/urwgothic-bookoblique-webfont.woff2') format('woff2');
font-weight: 400;
font-style: italic;
font-display: swap;
font-family: 'URW Gothic';
src: url('/type/urwgothic/urwgothic-bookoblique-webfont.woff2') format('woff2');
font-weight: 400;
font-style: italic;
font-display: swap;
}
/* * URW Gothic is licensed under the SIL Open Font License, Version 1.1.
* Copyright (c) 2014,2015 by (URW)++ Design & Development
*/
@font-face {
font-family: 'URW Gothic';
src: url('/type/urwgothic/urwgothic-demi-webfont.woff2') format('woff2');
font-weight: 600;
font-style: normal;
font-display: swap;
font-family: 'URW Gothic';
src: url('/type/urwgothic/urwgothic-demi-webfont.woff2') format('woff2');
font-weight: 600;
font-style: normal;
font-display: swap;
}
/* * URW Gothic is licensed under the SIL Open Font License, Version 1.1.
* Copyright (c) 2014,2015 by (URW)++ Design & Development
*/
@font-face {
font-family: 'URW Gothic';
src: url('/type/urwgothic/urwgothic-demioblique-webfont.woff2') format('woff2');
font-weight: 600;
font-style: italic;
font-display: swap;
font-family: 'URW Gothic';
src: url('/type/urwgothic/urwgothic-demioblique-webfont.woff2') format('woff2');
font-weight: 600;
font-style: italic;
font-display: swap;
}
:root {
/* Brand Colours */
--color-brand: #4fd1d1;
--color-accent: #3c6f79;
--color-title: #ebebeb;
--color-bg-light: #404c55;
--color-bg-dark: #2b343c;
/* Shadows */
--color-shadow: hsla(210, 20%, 5%, 0.35);
--shadow-std: 0 4px 12px var(--color-shadow);
--shadow-up: 0 -4px 12px var(--color-shadow);
}
:root {
/* Brand Colours */
--color-brand: #4fd1d1;
--color-accent: #3c6f79;
--color-title: #ebebeb;
--color-bg-light: #404c55;
--color-bg-dark: #2b343c;
/* Shadows */
--color-shadow: hsla(210, 20%, 5%, 0.35);
--shadow-std: 0 4px 12px var(--color-shadow);
--shadow-up: 0 -4px 12px var(--color-shadow);
--shadow-right: 4px 0 12px var(--color-shadow);
}
body {
margin: 0;
padding: 0;
background-color: var(--color-accent);
color: white;
-webkit-font-smoothing: antialiased;
-mos-osx-font-smoothing: grayscale;
overflow-x: hidden;
margin: 0;
padding: 0;
background-color: var(--color-accent);
color: white;
-webkit-font-smoothing: antialiased;
-mos-osx-font-smoothing: grayscale;
overflow-x: hidden;
}
a {
color: var(--color-brand);
color: var(--color-brand);
}
a:visited {
color: var(--color-brand);
color: var(--color-brand);
}
a:hover {
color: var(--color-accent);
}
color: var(--color-accent);
}