From 167bb74f1ec86c2df852e6a665bfe5e44f662a68 Mon Sep 17 00:00:00 2001 From: L3D Date: Wed, 1 Nov 2023 00:31:31 +0100 Subject: [PATCH] create scss --- .gitignore | 8 + LICENSE | 22 ++ assets/scss/css/custom/core/_index.scss | 93 +++++++ assets/scss/css/custom/nodes/default.scss | 1 + .../scss/css/custom/nodes/schedule-aula.scss | 4 + assets/scss/css/custom/nodes/schedule.scss | 4 + .../css/custom/nodes/speaker-info-aula.scss | 3 + .../scss/css/custom/nodes/talk-info-aula.scss | 3 + .../css/custom/nodes/upcoming-talk-aula.scss | 3 + .../css/custom/styles/_banner-speaker.scss | 62 +++++ .../scss/css/custom/styles/_banner-talk.scss | 83 ++++++ assets/scss/css/custom/styles/_base.scss | 26 ++ assets/scss/css/custom/styles/_clock.scss | 24 ++ assets/scss/css/custom/styles/_schedule.scss | 215 +++++++++++++++ .../css/custom/styles/_upcoming-talk.scss | 246 ++++++++++++++++++ assets/scss/css/custom/styles/_variables.scss | 18 ++ assets/scss/css/fonts/architects-daughter.css | 8 + assets/scss/css/fonts/fonts.scss | 5 + assets/scss/css/fonts/open-sans.css | 107 ++++++++ assets/scss/css/fonts/permanent-marker.css | 7 + assets/scss/css/fonts/source-code-pro.css | 143 ++++++++++ voc-info.lektorproject | 3 + 22 files changed, 1088 insertions(+) create mode 100644 .gitignore create mode 100644 LICENSE create mode 100644 assets/scss/css/custom/core/_index.scss create mode 100644 assets/scss/css/custom/nodes/default.scss create mode 100644 assets/scss/css/custom/nodes/schedule-aula.scss create mode 100644 assets/scss/css/custom/nodes/schedule.scss create mode 100644 assets/scss/css/custom/nodes/speaker-info-aula.scss create mode 100644 assets/scss/css/custom/nodes/talk-info-aula.scss create mode 100644 assets/scss/css/custom/nodes/upcoming-talk-aula.scss create mode 100644 assets/scss/css/custom/styles/_banner-speaker.scss create mode 100644 assets/scss/css/custom/styles/_banner-talk.scss create mode 100644 assets/scss/css/custom/styles/_base.scss create mode 100644 assets/scss/css/custom/styles/_clock.scss create mode 100644 assets/scss/css/custom/styles/_schedule.scss create mode 100644 assets/scss/css/custom/styles/_upcoming-talk.scss create mode 100644 assets/scss/css/custom/styles/_variables.scss create mode 100644 assets/scss/css/fonts/architects-daughter.css create mode 100644 assets/scss/css/fonts/fonts.scss create mode 100644 assets/scss/css/fonts/open-sans.css create mode 100644 assets/scss/css/fonts/permanent-marker.css create mode 100644 assets/scss/css/fonts/source-code-pro.css diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..b9f27f0 --- /dev/null +++ b/.gitignore @@ -0,0 +1,8 @@ +assets/css/default.css +assets/css/schedule-aula.css +assets/css/speaker-info-aula.css +assets/css/upcoming-talk-aula.css +assets/css/fonts.css +assets/css/schedule.css +assets/css/talk-info-aula.css + diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..95e860d --- /dev/null +++ b/LICENSE @@ -0,0 +1,22 @@ +MIT License + +Copyright (c) 2023 L3D +Copyright (c) 2021 ral + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/assets/scss/css/custom/core/_index.scss b/assets/scss/css/custom/core/_index.scss new file mode 100644 index 0000000..7534877 --- /dev/null +++ b/assets/scss/css/custom/core/_index.scss @@ -0,0 +1,93 @@ +@import "../../fonts/fonts"; +@import "../styles/_variables"; + +* { + box-sizing: border-box; +} + +body { + margin: 0px; + padding: 0px; + color: white; + background: rgb(80,80,80); +} + +.header { + margin: 0px; + + padding-left: 60px; + padding-top: 30px; + padding-bottom: 30px; + + margin-bottom: 40px; + + // color: lavender; + // background: cornflowerblue; + // border-bottom: 12px solid royalblue; + + // color: white; + // background: #217867; + // border-bottom: 12px solid #165044; + + color: white; + background: mediumseagreen; + border-bottom: 12px solid seagreen; + + font-family: 'Permanent Marker'; + font-size: 5em; + font-weight: 400; +} + +.content { + margin-left: 60px; + + h2 { + margin-bottom: 10px; + + font-family: 'Architects Daughter'; + font-size: 2em; + font-weight: 400; + } + + ul { + list-style: none; + } + + .infopointitem { + padding-bottom: 5px; + line-height: 20px; + + // white-space: nowrap; + + display: flex; + } + + .bullet { + padding-right: 0.5em; + } + + // ul li::before { + // content: "-> "; + // } + + .infopoint { + margin-left: 0.5em; + text-decoration: none; + + // color: #ff6600; + color: mediumaquamarine; + + &:hover { + // color: #d45500; + color: aquamarine; + } + } + + .redirect { + font-size: 0.8rem; + + li { + padding: 0px; + } + } +} diff --git a/assets/scss/css/custom/nodes/default.scss b/assets/scss/css/custom/nodes/default.scss new file mode 100644 index 0000000..0771b98 --- /dev/null +++ b/assets/scss/css/custom/nodes/default.scss @@ -0,0 +1 @@ +@import "../styles/_base"; diff --git a/assets/scss/css/custom/nodes/schedule-aula.scss b/assets/scss/css/custom/nodes/schedule-aula.scss new file mode 100644 index 0000000..da31348 --- /dev/null +++ b/assets/scss/css/custom/nodes/schedule-aula.scss @@ -0,0 +1,4 @@ +@import "../styles/_base"; + +@import "../styles/_schedule"; +@import "../styles/_clock"; diff --git a/assets/scss/css/custom/nodes/schedule.scss b/assets/scss/css/custom/nodes/schedule.scss new file mode 100644 index 0000000..da31348 --- /dev/null +++ b/assets/scss/css/custom/nodes/schedule.scss @@ -0,0 +1,4 @@ +@import "../styles/_base"; + +@import "../styles/_schedule"; +@import "../styles/_clock"; diff --git a/assets/scss/css/custom/nodes/speaker-info-aula.scss b/assets/scss/css/custom/nodes/speaker-info-aula.scss new file mode 100644 index 0000000..83cb99b --- /dev/null +++ b/assets/scss/css/custom/nodes/speaker-info-aula.scss @@ -0,0 +1,3 @@ +@import "../styles/_base"; + +@import "../styles/_banner-speaker"; diff --git a/assets/scss/css/custom/nodes/talk-info-aula.scss b/assets/scss/css/custom/nodes/talk-info-aula.scss new file mode 100644 index 0000000..44868c1 --- /dev/null +++ b/assets/scss/css/custom/nodes/talk-info-aula.scss @@ -0,0 +1,3 @@ +@import "../styles/_base"; + +@import "../styles/_banner-talk"; diff --git a/assets/scss/css/custom/nodes/upcoming-talk-aula.scss b/assets/scss/css/custom/nodes/upcoming-talk-aula.scss new file mode 100644 index 0000000..fbe38c5 --- /dev/null +++ b/assets/scss/css/custom/nodes/upcoming-talk-aula.scss @@ -0,0 +1,3 @@ +@import "../styles/_base"; + +@import "../styles/_upcoming-talk"; diff --git a/assets/scss/css/custom/styles/_banner-speaker.scss b/assets/scss/css/custom/styles/_banner-speaker.scss new file mode 100644 index 0000000..606a43e --- /dev/null +++ b/assets/scss/css/custom/styles/_banner-speaker.scss @@ -0,0 +1,62 @@ +@import "_variables"; +@import "_base"; + +.slide { + background-color: $color-bg; +} + +.speaker-box { + // position: absolute; + position: relative; + top: 950px; + left: 50px; + + width: auto; + max-width: 1000px; +} + +.speaker { + background-color: $color-bg-medium; + + border-width: 0 0 0 10px; + border-style: solid; + border-color: $color-orange-strong; + + //---vertical-align: middle; + white-space: normal; + + padding: 5px 20px; + padding-left: 25px; + + font-family: 'Open Sans'; + font-weight: 500; + font-size: 48px; +} + +.speaker .title { +} + +.speaker .names { + display: -webkit-box; + -webkit-line-clamp: 1; + box-orient: vertical; + -webkit-box-orient: vertical; + + overflow: hidden; + text-overflow: ellipsis; + + white-space: normal; + + color: $color-speaker; +} + +.type-0 { + display: none; +} + +img { + display: none; + position: absolute; + top: 0; + left: 0; +} diff --git a/assets/scss/css/custom/styles/_banner-talk.scss b/assets/scss/css/custom/styles/_banner-talk.scss new file mode 100644 index 0000000..6105931 --- /dev/null +++ b/assets/scss/css/custom/styles/_banner-talk.scss @@ -0,0 +1,83 @@ +@import "_variables"; +@import "_base"; + +.slide { + background-color: $color-bg; +} + +.talk-box { + // position: absolute; + position: relative; + top: 950px; + left: 50px; + + width: auto; + max-width: 1400px; +} + +.talk { + background-color: $color-bg-medium; + + border-width: 0 0 0 10px; + border-style: solid; + border-color: $color-orange-strong; + + // vertical-align: middle; + white-space: normal; + + padding: 10px 15px; + padding-left: 20px; + + font-family: 'Open Sans'; + font-weight: 400; +} + +.talk .title { + display: -webkit-box; + -webkit-line-clamp: 1; + box-orient: vertical; + -webkit-box-orient: vertical; + + overflow: hidden; + text-overflow: ellipsis; + + font-size: 28px; + + color: $color-talk; + + &:before { + content: "«"; + padding: 0; + } + + &:after { + content: "»"; + padding: 0; + } +} + +.talk .names { + display: -webkit-box; + -webkit-line-clamp: 1; + box-orient: vertical; + -webkit-box-orient: vertical; + + overflow: hidden; + text-overflow: ellipsis; + + font-size: 24px; + font-style: italic; + + color: $color-speaker; +} + +.type-0 { + display: none; +} + +img { + display: none; + position: absolute; + top: 0; + left: 0; +} diff --git a/assets/scss/css/custom/styles/_base.scss b/assets/scss/css/custom/styles/_base.scss new file mode 100644 index 0000000..3b383ef --- /dev/null +++ b/assets/scss/css/custom/styles/_base.scss @@ -0,0 +1,26 @@ +@import "../../fonts/fonts"; +@import "_variables"; + +* { + box-sizing: border-box; +} + +body { + color: rgb(255,255,255); + background: rgb(100,100,100); + margin: 0px; + padding: 0px; +} + +#main { + position: absolute; + top: 0px; + left: 0px; +} + +.slide { + position: relative; + width: $full-width; + height: $full-height; + overflow: hidden; +} diff --git a/assets/scss/css/custom/styles/_clock.scss b/assets/scss/css/custom/styles/_clock.scss new file mode 100644 index 0000000..0c878b7 --- /dev/null +++ b/assets/scss/css/custom/styles/_clock.scss @@ -0,0 +1,24 @@ +#clock { + position: relative; + top: 0px; + left: 0px; + + width: $full-width; + height: $full-height; + overflow: hidden; + + z-index: 1000; +} + +.clock { + position: absolute; + + top: 240px; + left: 900px; + + font-family: 'Source Code Pro'; + font-weight: 600; + font-size: 60px; + + color: white; +} diff --git a/assets/scss/css/custom/styles/_schedule.scss b/assets/scss/css/custom/styles/_schedule.scss new file mode 100644 index 0000000..5ba3cac --- /dev/null +++ b/assets/scss/css/custom/styles/_schedule.scss @@ -0,0 +1,215 @@ +@import "_variables"; +@import "_base"; + + +.slide { + background-color: $color-bg; +} + + +.header { + position: absolute; + top: 0; + left: 0; + z-index: 10; +} + + +.room-location { + position: absolute; + top: 240px; + //top: 255px; + // right: 65px; + left: 1300px; + + z-index: 20; + + font-family: 'Source Code Pro'; + font-weight: 500; + //font-size: 40px; + font-size: 60px; + + + text-align: end; + color: white; + + // box-align: center; + // -moz-box-align: center; + // -webkit-box-align: center; +} + +.schedule { + position: absolute; + top: 240px; + left: 65px; + + /* 1920 - 2 * 65 */ + width: 1790px; + + color: white; +} + +.schedule .title { + // position: static; + + font-family: 'Source Code Pro'; + font-weight: 700; + font-size: 60px; + + //text-align: bottom; +} + + +.events { + position: absolute; + top: 360px; + left: 65px; + + width: 1790px; + // width: 1820px; + // 5 * 110 + 4 * 25 + // height: 660px; + // 5 * 109 + 4 * 25 + height: 645px; + + overflow: hidden; +} + +.event { + position: relative; + // left: 0px; + + margin-bottom: 25px; + width: 100%; + + // overflow: hidden; +} + +.event-time { + position: absolute; + // top: 0; + left: 0px; + + font-family: 'Source Code Pro'; + font-weight: 400; + font-size: 50px; + + color: white; + + // max-width: 50px; +} + +.event-location { + position: absolute; + left: 200px; + + font-family: 'Open Sans'; + font-weight: 400; + font-size: 50px; + + // width: 100px; + // max-width: 100px; + // background-color: purple; +} + +.this-room { + font-style: italic; + color: white; +} + + + +.event-info { + position: relative; + left: 250px; + width: 1500px; + + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + + // word-break: break-all; + // overflow-wrap: break-word; + + font-family: 'Open Sans'; + font-weight: 400; + font-size: 45px; + + // max-width: 100px; +} + +.event-title { + display: -webkit-box; + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; + + overflow: hidden; + text-overflow: ellipsis; +} + +.event-speaker { + display: -webkit-box; + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; + + overflow: hidden; + text-overflow: ellipsis; + + font-style: italic; + font-size: 35px; +} + +.type-0 { + .event-title{ + color: $color-warm-white; + } + .event-speaker { + display: none; + color: $color-warm-white; + } +} + +.type-1 { + .event-title{ + color: $color-talk; + } + .event-speaker { + color: $color-speaker; + } +} + +.type-2 { + .event-title{ + color: $color-talk; + } + .event-speaker { + color: $color-speaker; + } +} + + +.stale { + animation-name: fade-to-gray-anim; + animation-duration: 2s; + animation-iteration-count: 1; + animation-timing-function: linear; + animation-fill-mode: both; +} + +.lapse { + animation-name: fadeout-anim; + animation-duration: 5s; + animation-iteration-count: 1; + animation-timing-function: linear; + animation-fill-mode: both; +} + +@keyframes fade-to-gray-anim { + 0% { } + 100% { color: gray; } +} + +@keyframes fadeout-anim { + 0% { opacity: 100%; } + 100% { opacity: 10%; } +} diff --git a/assets/scss/css/custom/styles/_upcoming-talk.scss b/assets/scss/css/custom/styles/_upcoming-talk.scss new file mode 100644 index 0000000..d7a891a --- /dev/null +++ b/assets/scss/css/custom/styles/_upcoming-talk.scss @@ -0,0 +1,246 @@ +@import "_variables"; +@import "_base"; + + +.header { + position: absolute; + top: 0; + left: 0; + z-index: 10; +} + + +.slide { + background-color: $color-bg; + + color: $color-warm-white; +} + + +.upper { + position: absolute; + left: 200px; + top: 250px; + + width: 1520px; + height: 250px; + + // border-width: 2px; + // border-style: solid; + // border-radius: 8px; + + // border-color: $color-talk; + + // border-top-color: $color-talk; + // border-left-color: $color-talk; + // border-right-color: $color-speaker; + // border-bottom-color: $color-speaker; + + overflow: hidden; +} + +.lower { + position: absolute; + top: 550px; + left: 200px; + + width: 1520px; + height: 490px; + + border-width: 2px; + border-style: solid; + border-radius: 8px; + + // border-color: $color-talk; + + border-top-color: $color-talk; + border-left-color: $color-talk; + border-right-color: $color-speaker; + border-bottom-color: $color-speaker; + + overflow: hidden; +} + + +.event-meta { + height: 250px; + + background-color: $color-bg; + + font-family: 'Open Sans'; + font-weight: 600; + font-size: 50px; + + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; +} + +.title { + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + + overflow: hidden; + text-overflow: ellipsis; + + padding: 0px 100px; + + text-align: center; + + color: $color-talk; +} + +.subtitle { + display: none; +} + +.speakers { + display: -webkit-box; + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; + + overflow: hidden; + text-overflow: ellipsis; + + padding-top: 10px; + padding-left: 25px; + + font-weight: 500; + font-style: italic; + font-size: 30px; + + margin-bottom: 15px; + + color: $color-speaker; +} + +.starttime { + position: absolute; + right: 0px; + bottom: 0px; + + padding-bottom: 15px; + padding-right: 25px; + + font-family: 'Source Code Pro'; + font-weight: 500; + font-size: 30px; +} + + +.event-content { + position: absolute; + left: 0px; + + width: 735px; + height: 480px; +} + +.event-description { + font-family: 'Open Sans'; + font-weight: 400; + font-size: 25px; +} + +.event-description-title { + padding-top: 10px; + padding-left: 15px; + + margin-bottom: 20px; + + font-weight: 500; + font-size: 30px; + + color: $color-talk; +} + +.event-description-text { + display: -webkit-box; + -webkit-line-clamp: 12; + -webkit-box-orient: vertical; + + overflow: hidden; + text-overflow: ellipsis; + + padding-left: 50px; + padding-right: 50px; + + font-size: 24px; + + text-align: justify; + word-wrap: break-word; + word-break: break-word; + // word-break: break-all; + hyphens: auto; +} + + +.speaker-meta { + position: absolute; + right: 0px; + + width: 745px; + height: 480px; +} + +.speaker-info { + font-family: 'Open Sans'; + font-weight: 400; + font-size: 25px; +} + +.speaker-name { + padding-top: 10px; + padding-left: 15px; + + margin-bottom: 20px; + + font-weight: 500; + font-size: 30px; + + color: $color-speaker; +} + +.speaker-bio { + display: -webkit-box; + -webkit-line-clamp: 12; + -webkit-box-orient: vertical; + + overflow: hidden; + text-overflow: ellipsis; + + padding-left: 50px; + padding-right: 50px; + + font-size: 24px; + + text-align: justify; + word-wrap: break-word; + word-break: break-word; + // word-break: break-all; + hyphens: auto; +} + + +.upper.type-0 { + .title { + margin-top: 50px; + color: $color-warm-white; + } + .speakers { + display: none; + // color: $color-warm-white; + } + .starttime { + position: unset; + margin-top: 79px; + padding: 0px 100px; + + text-align: center; + } +} + +.lower.type-0 { + display: none; +} diff --git a/assets/scss/css/custom/styles/_variables.scss b/assets/scss/css/custom/styles/_variables.scss new file mode 100644 index 0000000..b2bf3cb --- /dev/null +++ b/assets/scss/css/custom/styles/_variables.scss @@ -0,0 +1,18 @@ +$full-width: 1920px; +$full-height: 1080px; + + +// $color-bg: rgb(54, 54, 54); +$color-bg: rgb(20, 29, 36); +$color-bg-medium: rgb(74, 74, 74); +$color-bg-light: rgb(153, 153, 153); + +$color-title: rgb(33, 56, 71); + +$color-speaker: rgb(250, 177, 97); +$color-talk: rgb(90, 159, 212); + +$color-warm-white: rgb(255, 252, 234); + +$color-orange-strong: rgb(247, 107, 28); +$color-blue-strong: rgb(48, 105, 152); diff --git a/assets/scss/css/fonts/architects-daughter.css b/assets/scss/css/fonts/architects-daughter.css new file mode 100644 index 0000000..cffeffb --- /dev/null +++ b/assets/scss/css/fonts/architects-daughter.css @@ -0,0 +1,8 @@ +/* architects-daughter-regular - latin */ +@font-face { + font-family: 'Architects Daughter'; + font-style: normal; + font-weight: 400; + src: url('./fonts/architects-daughter-v11-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/architects-daughter-v11-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} diff --git a/assets/scss/css/fonts/fonts.scss b/assets/scss/css/fonts/fonts.scss new file mode 100644 index 0000000..71b2e14 --- /dev/null +++ b/assets/scss/css/fonts/fonts.scss @@ -0,0 +1,5 @@ +@import "permanent-marker"; +@import "architects-daughter"; + +@import "source-code-pro"; +@import "open-sans"; diff --git a/assets/scss/css/fonts/open-sans.css b/assets/scss/css/fonts/open-sans.css new file mode 100644 index 0000000..3fda1f6 --- /dev/null +++ b/assets/scss/css/fonts/open-sans.css @@ -0,0 +1,107 @@ +/* open-sans-300 - latin-ext_latin */ +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 300; + src: url('./fonts/open-sans-v34-latin-ext_latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/open-sans-v34-latin-ext_latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +/* open-sans-regular - latin-ext_latin */ +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + src: url('./fonts/open-sans-v34-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/open-sans-v34-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +/* open-sans-500 - latin-ext_latin */ +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 500; + src: url('./fonts/open-sans-v34-latin-ext_latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/open-sans-v34-latin-ext_latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +/* open-sans-600 - latin-ext_latin */ +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 600; + src: url('./fonts/open-sans-v34-latin-ext_latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/open-sans-v34-latin-ext_latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +/* open-sans-700 - latin-ext_latin */ +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 700; + src: url('./fonts/open-sans-v34-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/open-sans-v34-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +/* open-sans-800 - latin-ext_latin */ +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 800; + src: url('./fonts/open-sans-v34-latin-ext_latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/open-sans-v34-latin-ext_latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +/* open-sans-300italic - latin-ext_latin */ +@font-face { + font-family: 'Open Sans'; + font-style: italic; + font-weight: 300; + src: url('./fonts/open-sans-v34-latin-ext_latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/open-sans-v34-latin-ext_latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +/* open-sans-italic - latin-ext_latin */ +@font-face { + font-family: 'Open Sans'; + font-style: italic; + font-weight: 400; + src: url('./fonts/open-sans-v34-latin-ext_latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/open-sans-v34-latin-ext_latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +/* open-sans-500italic - latin-ext_latin */ +@font-face { + font-family: 'Open Sans'; + font-style: italic; + font-weight: 500; + src: url('./fonts/open-sans-v34-latin-ext_latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/open-sans-v34-latin-ext_latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +/* open-sans-600italic - latin-ext_latin */ +@font-face { + font-family: 'Open Sans'; + font-style: italic; + font-weight: 600; + src: url('./fonts/open-sans-v34-latin-ext_latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/open-sans-v34-latin-ext_latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +/* open-sans-700italic - latin-ext_latin */ +@font-face { + font-family: 'Open Sans'; + font-style: italic; + font-weight: 700; + src: url('./fonts/open-sans-v34-latin-ext_latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/open-sans-v34-latin-ext_latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +/* open-sans-800italic - latin-ext_latin */ +@font-face { + font-family: 'Open Sans'; + font-style: italic; + font-weight: 800; + src: url('./fonts/open-sans-v34-latin-ext_latin-800italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/open-sans-v34-latin-ext_latin-800italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} diff --git a/assets/scss/css/fonts/permanent-marker.css b/assets/scss/css/fonts/permanent-marker.css new file mode 100644 index 0000000..88da917 --- /dev/null +++ b/assets/scss/css/fonts/permanent-marker.css @@ -0,0 +1,7 @@ +@font-face { + font-family: 'Permanent Marker'; + font-style: normal; + font-weight: 400; + src: url('./fonts/permanent-marker-v10-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/permanent-marker-v10-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} diff --git a/assets/scss/css/fonts/source-code-pro.css b/assets/scss/css/fonts/source-code-pro.css new file mode 100644 index 0000000..c9c3285 --- /dev/null +++ b/assets/scss/css/fonts/source-code-pro.css @@ -0,0 +1,143 @@ +/* source-code-pro-200 - latin-ext_latin */ +@font-face { + font-family: 'Source Code Pro'; + font-style: normal; + font-weight: 200; + src: url('./fonts/source-code-pro-v20-latin-ext_latin-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/source-code-pro-v20-latin-ext_latin-200.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +/* source-code-pro-300 - latin-ext_latin */ +@font-face { + font-family: 'Source Code Pro'; + font-style: normal; + font-weight: 300; + src: url('./fonts/source-code-pro-v20-latin-ext_latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/source-code-pro-v20-latin-ext_latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +/* source-code-pro-regular - latin-ext_latin */ +@font-face { + font-family: 'Source Code Pro'; + font-style: normal; + font-weight: 400; + src: url('./fonts/source-code-pro-v20-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/source-code-pro-v20-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +/* source-code-pro-500 - latin-ext_latin */ +@font-face { + font-family: 'Source Code Pro'; + font-style: normal; + font-weight: 500; + src: url('./fonts/source-code-pro-v20-latin-ext_latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/source-code-pro-v20-latin-ext_latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +/* source-code-pro-600 - latin-ext_latin */ +@font-face { + font-family: 'Source Code Pro'; + font-style: normal; + font-weight: 600; + src: url('./fonts/source-code-pro-v20-latin-ext_latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/source-code-pro-v20-latin-ext_latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +/* source-code-pro-700 - latin-ext_latin */ +@font-face { + font-family: 'Source Code Pro'; + font-style: normal; + font-weight: 700; + src: url('./fonts/source-code-pro-v20-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/source-code-pro-v20-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +/* source-code-pro-800 - latin-ext_latin */ +@font-face { + font-family: 'Source Code Pro'; + font-style: normal; + font-weight: 800; + src: url('./fonts/source-code-pro-v20-latin-ext_latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/source-code-pro-v20-latin-ext_latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +/* source-code-pro-900 - latin-ext_latin */ +@font-face { + font-family: 'Source Code Pro'; + font-style: normal; + font-weight: 900; + src: url('./fonts/source-code-pro-v20-latin-ext_latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/source-code-pro-v20-latin-ext_latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +/* source-code-pro-200italic - latin-ext_latin */ +@font-face { + font-family: 'Source Code Pro'; + font-style: italic; + font-weight: 200; + src: url('./fonts/source-code-pro-v20-latin-ext_latin-200italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/source-code-pro-v20-latin-ext_latin-200italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +/* source-code-pro-300italic - latin-ext_latin */ +@font-face { + font-family: 'Source Code Pro'; + font-style: italic; + font-weight: 300; + src: url('./fonts/source-code-pro-v20-latin-ext_latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/source-code-pro-v20-latin-ext_latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +/* source-code-pro-500italic - latin-ext_latin */ +@font-face { + font-family: 'Source Code Pro'; + font-style: italic; + font-weight: 500; + src: url('./fonts/source-code-pro-v20-latin-ext_latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/source-code-pro-v20-latin-ext_latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +/* source-code-pro-italic - latin-ext_latin */ +@font-face { + font-family: 'Source Code Pro'; + font-style: italic; + font-weight: 400; + src: url('./fonts/source-code-pro-v20-latin-ext_latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/source-code-pro-v20-latin-ext_latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +/* source-code-pro-600italic - latin-ext_latin */ +@font-face { + font-family: 'Source Code Pro'; + font-style: italic; + font-weight: 600; + src: url('./fonts/source-code-pro-v20-latin-ext_latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/source-code-pro-v20-latin-ext_latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +/* source-code-pro-700italic - latin-ext_latin */ +@font-face { + font-family: 'Source Code Pro'; + font-style: italic; + font-weight: 700; + src: url('./fonts/source-code-pro-v20-latin-ext_latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/source-code-pro-v20-latin-ext_latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +/* source-code-pro-800italic - latin-ext_latin */ +@font-face { + font-family: 'Source Code Pro'; + font-style: italic; + font-weight: 800; + src: url('./fonts/source-code-pro-v20-latin-ext_latin-800italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/source-code-pro-v20-latin-ext_latin-800italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +/* source-code-pro-900italic - latin-ext_latin */ +@font-face { + font-family: 'Source Code Pro'; + font-style: italic; + font-weight: 900; + src: url('./fonts/source-code-pro-v20-latin-ext_latin-900italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/source-code-pro-v20-latin-ext_latin-900italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} diff --git a/voc-info.lektorproject b/voc-info.lektorproject index 71173bf..e4e2113 100644 --- a/voc-info.lektorproject +++ b/voc-info.lektorproject @@ -1,2 +1,5 @@ [project] name = voc-info + +[packages] +lektor-scss = 1.4.2