Initial import; you obviously love owls

This commit is contained in:
3wc
2021-08-01 01:17:33 +02:00
parent 2f9550791d
commit d12c4f3d79
91 changed files with 3578 additions and 0 deletions

59
css/globals.css Normal file
View File

@ -0,0 +1,59 @@
@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@font-face {
font-family: "Liberation Sans-Bold";
font-style: normal;
font-weight: 700;
src: url("../fonts/LiberationSans-Bold.ttf") format("truetype");
}
@font-face {
font-family: "Liberation Mono-Bold";
font-style: normal;
font-weight: 700;
src: url("../fonts/LiberationMono-Bold.ttf") format("truetype");
}
@font-face {
font-family: "Liberation Sans-Regular";
font-style: normal;
font-weight: 400;
src: url("../fonts/LiberationSans-Regular.ttf") format("truetype");
}
.screen a {
display: contents;
text-decoration: none;
}
.container-center-horizontal {
display: flex;
flex-direction: row;
justify-content: center;
pointer-events: none;
width: 100%;
}
.container-center-horizontal > * {
flex-shrink: 0;
pointer-events: auto;
}
.valign-text-middle {
display: flex;
flex-direction: column;
justify-content: center;
}
.hidden,
.hidden * {
pointer-events: none;
visibility: hidden;
}
.smart-layers-pointers,
.smart-layers-pointers * {
pointer-events: auto;
visibility: visible;
}
* {
box-sizing: border-box;
}

1931
css/mobile.css Normal file

File diff suppressed because it is too large Load Diff

88
css/styleguide.css Normal file
View File

@ -0,0 +1,88 @@
:root {
--brand1: #00aa44;
--brand2: #f7f2c6;
--brand3: #d9f2e3;
--light-gray: #0000000d;
--off-black: #00000066;
--white: #ffffff;
--font-size-l: 32px;
--font-size-m: 18px;
--font-size-s: 16px;
--font-size-xl: 48px;
--font-size-xs: 14px;
--font-family-liberation_mono-bold: "Liberation Mono-Bold", Helvetica;
--font-family-liberation_sans-bold: "Liberation Sans-Bold", Helvetica;
--font-family-liberation_sans-regular: "Liberation Sans-Regular", Helvetica;
}
.liberationsans-bold-black-18px {
color: var(--off-black);
font-family: var(--font-family-liberation_sans-bold);
font-size: var(--font-size-m);
font-style: normal;
font-weight: 700;
}
.liberationmono-bold-black-18px {
color: var(--off-black);
font-family: var(--font-family-liberation_mono-bold);
font-size: var(--font-size-m);
font-style: normal;
font-weight: 700;
}
.liberationsans-bold-white-18px {
color: var(--white);
font-family: var(--font-family-liberation_sans-bold);
font-size: var(--font-size-m);
font-style: normal;
font-weight: 700;
}
.liberationsans-bold-jade-32px {
color: var(--brand1);
font-family: var(--font-family-liberation_sans-bold);
font-size: var(--font-size-l);
font-style: normal;
font-weight: 700;
}
.liberationsans-bold-jade-48px {
color: var(--brand1);
font-family: var(--font-family-liberation_sans-bold);
font-size: var(--font-size-xl);
font-style: normal;
font-weight: 700;
}
.liberationmono-bold-white-14px {
color: var(--white);
font-family: var(--font-family-liberation_mono-bold);
font-size: var(--font-size-xs);
font-style: normal;
font-weight: 700;
}
.liberationmono-bold-jade-14px {
color: var(--brand1);
font-family: var(--font-family-liberation_mono-bold);
font-size: var(--font-size-xs);
font-style: normal;
font-weight: 700;
}
.liberationsans-regular-normal-black-16px {
color: var(--off-black);
font-family: var(--font-family-liberation_sans-regular);
font-size: var(--font-size-s);
font-style: normal;
font-weight: 400;
}
.liberationsans-bold-white-18px-2 {
font-family: var(--font-family-liberation_sans-bold);
font-size: var(--font-size-m);
font-style: normal;
font-weight: 700;
}