website/_includes/style.scss

326 lines
57 KiB
SCSS
Raw Normal View History

2018-12-14 18:36:21 +00:00
$backgroundcolor: #555;
$accentcolor: #FCFCFC;
$lightcolor: #555;
2019-12-01 06:27:53 +00:00
$linkcolor: #1B619F;
2018-12-14 18:36:21 +00:00
@font-face {
font-family: 'Montreal';
2019-11-30 00:40:04 +00:00
src: url(data:application/font-woff;charset=utf-8;base64,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
2018-12-14 18:36:21 +00:00
font-weight: normal;
}
@font-face {
font-family: 'Glacial Indifference';
2019-11-30 00:40:04 +00:00
src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAADeoAA4AAAAAd1QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABHREVGAAA1TAAAABYAAAAWABEAukdQT1MAADVkAAACFwAAAvJAvSKmR1NVQgAAN3wAAAApAAAAKrj6uPRPUy8yAAAhDAAAAEgAAABgaQmLPWNtYXAAACFUAAAAogAAAORvj5HkZ2FzcAAANUQAAAAIAAAACP//AANnbHlmAAABRAAAHBsAADSyaB9ALmhlYWQAAB74AAAANgAAADYGtFkCaGhlYQAAIOwAAAAgAAAAJAbxA31obXR4AAAfMAAAAbsAAALogxUVzGxvY2EAAB2AAAABdgAAAXaCg3UybWF4cAAAHWAAAAAeAAAAIAECAEduYW1lAAAh+AAAEg0AADaxY7XefXBvc3QAADQIAAABOQAAAZ7UT11leNqdWwl4U8e1vjPXkrxbsjZvsiVdLbaENy2WdxuDF2ywDdjGGAPGQLxgCIsDBRq24sQQCBgHZWvIBi1NSNLgvCZp8xFKaJOmL7xA6Uu3pLx+3R4hpE0oSQi6fmfmXsmyZJN+70OyrnRnzjlz5j/rXBjMVDAM+hG+zrCMjGGUCqdCaVAY7r1Vwe9DW/APfYfwBl8z3GYw4xq/yfwZLmOYBIbxuAqcDo1aJeWMFg/rZF1Os8nlMpmdBpVX1ShcOt/AUb4vYKYK/RbVBng4WY68VRtUc16EN77Of4zU/McwLnr8a5yKX4NxGSAVJ3N64K3mZFYPfbud9K2V0TdqXhM38EF/3LL+5OVJAyldySvWxXWvS1qmHUhaplmOjvb19XVdjDt/Me7ny/qWn497FV5AlEkffwS3s5jJYRgJ585BVmc6cjrKkduVE+F2FXjcTnU60nIWzihVq9IlsEIZundP9zb0ODu3NM1hL25f3V68sXVP2xr28ej1Fo+9pmVhjX17V+/ShC2riz0xprT0rMQM84KSlt74ljZ5X8fiDC7JkJioy5rnXr4mjpEwqvGbeAyfhlUqmTSQowDEciJOacwBIcqxIx0DU6tRrdI4CtwuZMzB5Gen/3eVk/788mb+083RrtrUhIzylvKMhIYGu8amRbWZZUZ5gr7cllVBfpsxQ6XFJ33taGNRtVHjcHOc26Ep6vm4wWCz6ef6HtU73EnAhuMKHJrCno+98CPIxYGEj4CEMkbDuBjGbAVVaJwOlqoEaws8IIAFcVay+W6Xpxx54EPEgwxua0Fndw20F3A5sYm6qEgVtkVJUtFdJ0oXdS3dtUqaJC3saqjrductNRkWpTie31tq4wrQhSRltCYmCeuUUdEare+nDS2bl/TVSBIkFRX1SxbV5tWYNmTZF1s8sIeAJ2aI4onxI4mgCO5w4zbGB3eSyZ34CCJuBuLIzpZjz2MrJQq7PjXFZIqLWymRZ2WkJBu5OHxdlra899nWRc+ubVGqZKmdPd9btPj4wEIlE0ovHejF4wTElQO9HGzlJojETpAGeilLer63eNHxtQsJvaU9Jxa1Pr2uVU3olaLt6BzQiwd6WqtTBkDWyqwAbmvHgaTu5IPpj9/dVFfbfPfj+LH6Y8fql6auLd6/v3ggjcxNYOToB+g5sD/GrObcYAqAVacaSRYcP77g+CvHjy989tmFMI4d38ZcZoaJdjxgapd3Ligb5j9D8QKNV1A1kpF7ZoPbgKr5d1HBK2QWtW7mBKEebNsBu54H9mw2OZ2ESsR4Ho4X9K8F6EagXfv5ne+zZ25XET/Bjd/A1YCeRCYTBhvjMdkFMDEMOks05rCwF6wjnSW6RC6jMyU2NsXBGR2psTEpTvX6ZeU2pTyrdMXmFaVZcqWtHNtss6tN1pqqzMyqmvrqapvv3Zw5S5dmZ7avmOdwzFvRnpm9dOkcIlU0wzCf4pNgYeDHOAXn/tTbRLF/s4dB4/+EIR+CVOBZshAqlwCCOaOMK0d0qfGSBFjIh7wKxeGkKGWkzG6cH3EQb+5buU2qiM2IzZTUXUDtrC42NTE5xmRf3fvAtpXqzKwUuyJf2kH0On4TfQnUzaA9p4ZaqMWO3MJFEB+pTNRrwsMJbWanY0Z5uUGfmVErfVi6c0n3vca0zuGe/gfeaXCZZ8wYtBl1XF3XQHe3oUZl39izdTVod/xP8GcWrBIzsbAit0zCARYMyKlwosYH0K6uo/xDaNv9XSjh4sX9Q0OY43tg2PhNkI+HWUnwRVYgyGD1aALyWZUGNYpN2jN8bNOxxYMl9c7aGldS6dwWVImNnXE7716755HmpQ6n2y0vQrn3Cbt8E6uAYhSjJbssJQ6iwGVhqUdQOmXpCJigNHtxsd1WUmLrHSm9+NITHd8aRTVFC4rgxf9w3+q5C5H5N9HDHav3ifuHc8X9MyAOGaKxmT/8AnLzb5FtxOmiZ4oCPccwaiaL8qWeCVaR45fB7RJkIC6JqFyURJNZUJBp9XhiCm1ZurSs6q7Rhuw939udbcocQcUuK73r+ldWcWamLs33z50reordVS3r726Z7UxekLNqiKwY5FMBb2HFZLEcYamkTFjOQ9x3AUojqyWr7hkpufhDuuJuYcWoed/qhhb+9/4VY2Ym2Nw/MYbVAEVlkNUpgq5n+i3Q/4meE02Rfztgk5gxgNV/BrRYGp3B7tkgGp+BD9D551NngIxB9lw6/iv0AfobI4WYaHab1XEIfcCvRo/zb6KZ2WcfOrtldBQ4JDAd4DtWCFEcgfdQBDwIeaP4hfxXCydTM0vc2cgtodQq+bPo8VFCa8tZAT/oLfwlrD1zssdRAp5dxMMS9WoDBso+6RR04PTuUuvNenWOwZYdsRNtXN66VWez6fz+Cc0+etRYoE9TpcnNhjz7qt5liw0es95EdOQBud9BV5lIxgKyOQqEDfSoOSGQFWiFqK8pQWrhB2CNZqUlJaVpkpIeb9doC5s2zIx317aunHXo0NqRoburlvw0N1dn0p34InJ+YXVLUnp77ezO5u+sHXiwnvADJONT1FYB28gqg5BpkHHgaF5sa0PPPZ3P+/KfRqqdKOKzz/jb+/bBSJYphTk6uIpkFMRXmYkfUQOsWf+FErRkUDhFaKO9+cbly435ubl6l0uf+866Lv6Tq61980sb3zbkH89D5YacY7njzOJ+fLK7bo05fokQ1W7iC4BkQJ3ZGY9grXKyVC2XgzjRirD1+9yrm0bee29k04+476uXuBcMDi5wd/6t//73kPG9of7sgu0vbi+ElRF520FeGcUd9QF2SKocGrnUjt7Pbl070Jb90LuHz507/O7+wVObHjjPXzlPMQd/fg7zaDQDKKk5iGWcGv2c34z237h6dXgYnxy+f3hf8NgokhWCa6eD0RtXvWQkUvCfkqEwzgHr+gTWlRzwSJAwGgRYBVaIDs+/5575D2a/gJr+c+TwhQuH17/OndB2YMuOUzu+vUE78t4FpL8w1O/MEznjBYKU4GI5+o+42tNPPXXF671Cwwvlz/9TGM1corvIOGHcJa8XvpB8BbC+FS4VoCFHOesGEtQBu52awQy7NhZ7h3Y5ctiU+xLUmRkp6Al+0YF7Y151iPw3wcxoIaZBdu6MQhwQ/uAs/zVKeBfl8e8D8/fh8xR/KlhXgD0nEVVd6r0BYl4ZhnvwG3sA7kHkMHAxiLyUzlTkZA+caB4aHWo+sff0gwdPo1/zdvIGuhz6MFgLUWQeS+SAQgEv8F71wgud5GH/+XZ0UowKf6SZI6CBcVnILjgYuVQP+tfjOVuPbd16DEIT/9eLF1EKkpKv21Cr8PWiiKYYKiGkS2CYihIs+AWWUwvB6pJ3g7mvdfu2tuTmZlOB5/PP8clvL1u1BVX8wpMzo1CMTKyMypA0IYPW41QbBBzoiTtBojBPzJnP/zIz6yAVIM0piuQxbokmP1w8mLesmRHlcoJcCYRmkFwyLWdVhoi2aPZbZ55pCpJu4Qb5rc/9ApIK5B9gMaeJ3zPTyBUheBrR/MSqA0QlpQmaPWMeLTkeuWvjoxEj0tJic6VQcpy4Z9sJ9Ajb3G/NEiuO7oGBtS6bKVBu3D2wbXNxqbDvOIPaKINoZ
2018-12-14 18:36:21 +00:00
font-weight: bold;
}
@keyframes left-in {
from {
opacity: 0;
transform: translateX(-1.250em);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes left-in-delayed {
0% {
opacity: 0;
}
30% {
opacity: 0;
transform: translateX(-1.250em);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
2019-07-21 17:58:16 +00:00
@keyframes right-in-delayed {
0% {
opacity: 0;
}
30% {
opacity: 0;
transform: translateX(1.250em);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
2018-12-14 18:36:21 +00:00
@keyframes top-in {
from {
opacity: 0;
transform: translateY(-1em);
}
to {
opacity: 1;
transform: translateY(0);
}
}
* {
font-size: 1em;
line-height: 1.2;
margin: 0;
text-decoration: none;
}
html {
background: $backgroundcolor;
2019-12-01 19:19:09 +00:00
color: $accentcolor;
2018-12-14 18:36:21 +00:00
display: table;
font-family: Montreal, sans-serif;
font-size: calc(1.125em + .2vw);
height: 100%;
letter-spacing: -0.03em;
margin: auto;
max-width: 80em;
text-shadow: 0 1px 1px rgba(0, 0, 0, .12);
width: 100%;
}
body {
display: table-cell;
2019-11-30 00:00:47 +00:00
padding: 5%;
2018-12-14 18:36:21 +00:00
vertical-align: middle;
}
h1 {
color: $accentcolor;
2019-12-01 19:19:09 +00:00
fill: $accentcolor;
2018-12-14 18:36:21 +00:00
font-family: "Glacial Indifference", sans-serif;
font-size: calc(2.625em + 0.2vw);
text-transform: uppercase;
white-space: nowrap;
}
h2 {
font-family: "Glacial Indifference", sans-serif;
font-size: calc(1.125em + 0.2vw);
}
h1 svg {
top: .125em;
position: relative;
width: 1em;
height: 1em;
margin: 0 .250em 0 0;
}
p {
line-height: 1.625;
margin: 1em 0 1.5em;
}
2019-11-30 01:04:29 +00:00
ul {
list-style: initial;
padding: 0 0 0 .5em;
}
2019-07-25 22:41:41 +00:00
li {
line-height: 1.625;
2019-11-30 00:10:21 +00:00
margin: .5em;
2019-07-25 22:41:41 +00:00
text-align: left;
}
2019-12-01 06:27:53 +00:00
a {
color: $linkcolor;
}
a:hover {
color: lighten($linkcolor, 10%);
}
2018-12-14 18:36:21 +00:00
#col1,
#col2 {
display: table-cell;
vertical-align: middle;
}
#col1 {
animation: left-in .5s;
padding: 0 3em .250em 0;
2019-02-01 20:17:45 +00:00
width: 54%;
2018-12-14 18:36:21 +00:00
}
#col2 {
animation: left-in-delayed .7s;
}
.button {
2019-11-30 00:40:04 +00:00
background: $accentcolor url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23555' d='M9.29 6.71c-.39.39-.39 1.02 0 1.41L13.17 12l-3.88 3.88c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41L10.7 6.7c-.38-.38-1.02-.38-1.41.01z'/%3E%3C/svg%3E") right 0.375em center/1.750em 1.750em no-repeat;
2018-12-14 18:36:21 +00:00
border-radius: .375em;
box-shadow: 0 2px 1px rgba(0, 0, 0, .04);
color: $lightcolor;
display: block;
line-height: 1.625;
margin: 0 0 1.125em 0;
padding: .5em 2.5em .5em 1em;
text-shadow: none;
2019-08-05 23:45:43 +00:00
transition: .12s;
2018-12-14 18:36:21 +00:00
}
.button:last-child {
margin: 0;
}
2019-08-05 23:45:43 +00:00
.button:hover {
box-shadow: 0 8px 15px rgba(0, 0, 0, .22);
2019-12-01 19:19:09 +00:00
color: $accentcolor;
2018-12-14 18:36:21 +00:00
}
.button:focus {
2019-08-05 23:45:43 +00:00
box-shadow:
2019-08-06 00:13:40 +00:00
inset 0 0 1px .15em rgba(0, 0, 0, .15),
0 8px 15px rgba(0, 0, 0, .32);
2018-12-14 18:36:21 +00:00
}
.button span {
display: block;
font-family: "Glacial Indifference", sans-serif;
font-size: calc(1.375em + .2vw);
font-weight: bold;
margin: 0 0 .125em 0;
text-transform: uppercase;
}
.button svg {
fill: #555;
top: .188em;
position: relative;
2019-11-30 00:40:04 +00:00
width: 1.05em;
height: 1.05em;
2018-12-14 18:36:21 +00:00
margin: 0 .375em 0 0;
}
2019-07-21 17:56:18 +00:00
article {
margin: 0 auto;
max-width: 37em;
padding: 0 .625em;
text-align: center;
}
header {
animation: top-in .6s;
}
header a {
fill: $accentcolor;
float: left;
margin: .6em 0 0 0;
2019-11-30 00:55:49 +00:00
height: 2em;
width: 2em;
2019-07-21 17:56:18 +00:00
}
header h1 {
display: inline-block;
2019-11-30 00:55:49 +00:00
margin: 0 auto .438em -1em;
2019-07-21 17:56:18 +00:00
font-size: 2.5em;
}
2019-07-25 22:25:00 +00:00
.news {
2019-07-21 17:56:18 +00:00
padding: 0;
}
2019-07-25 22:41:41 +00:00
.news > li:nth-child(even) {
2019-07-21 17:56:18 +00:00
animation: left-in-delayed .7s;
}
2019-07-25 22:41:41 +00:00
.news > li:nth-child(odd) {
2019-07-21 17:56:18 +00:00
animation: right-in-delayed .7s;
}
2019-07-25 22:41:41 +00:00
.news > li {
2019-07-21 17:56:18 +00:00
background: $accentcolor;
border-radius: .375em;
box-shadow: 0 2px 1px rgba(0, 0, 0, .04);
color: $lightcolor;
font-size: .938em;
2019-07-25 22:41:41 +00:00
line-height: 0;
2019-11-30 00:10:21 +00:00
margin: 0 0 1.125em;
2019-07-21 17:56:18 +00:00
padding: .75em 1em;
position: relative;
text-align: right;
text-shadow: none;
}
2019-07-25 22:41:41 +00:00
.news > li:after {
2019-07-21 17:56:18 +00:00
content: '';
position: absolute;
top: 50%;
border: .625em solid transparent;
margin-top: -.625em;
}
2019-07-25 22:41:41 +00:00
.news > li:nth-child(even):after {
2019-07-21 17:56:18 +00:00
left: 0;
border-right-color: $accentcolor;
border-left: 0;
margin-left: -.5em;
}
2019-07-25 22:41:41 +00:00
.news > li:nth-child(odd):after {
2019-07-21 17:56:18 +00:00
right: 0;
border-left-color: $accentcolor;
border-right: 0;
margin-right: -.5em;
}
2019-07-25 22:25:00 +00:00
.news p {
2019-11-30 00:10:21 +00:00
margin: 0 0 .65em;
2019-07-21 17:56:18 +00:00
text-align: left;
}
2019-07-25 22:25:00 +00:00
.news svg {
2019-07-21 17:56:18 +00:00
fill: $lightcolor;
height: 1em;
padding: 0 .250em 0 0;
vertical-align: middle;
width: 1em;
}
2019-07-25 22:25:00 +00:00
.news span {
2019-07-21 17:56:18 +00:00
font-size: .750em;
2019-11-30 00:13:49 +00:00
vertical-align: middle;
2019-07-21 17:56:18 +00:00
}
2018-12-14 18:36:21 +00:00
@media (max-width: 90em) {
html {
max-width: 42em;
}
#col1,
#col2 {
animation: top-in .5s;
display: block;
}
#col1 {
padding: 0 0 .250em;
2019-02-01 20:17:45 +00:00
width: auto;
2018-12-14 18:36:21 +00:00
}
#col2 {
margin: 2.250em 0 0;
}
}
@media print {
body {
padding: 0;
}
}