diff --git a/static/fonts/Inter-Black.woff2 b/static/fonts/Inter-Black.woff2 new file mode 100644 index 0000000..18b35db Binary files /dev/null and b/static/fonts/Inter-Black.woff2 differ diff --git a/static/fonts/Inter-BlackItalic.woff2 b/static/fonts/Inter-BlackItalic.woff2 new file mode 100644 index 0000000..02c9d8e Binary files /dev/null and b/static/fonts/Inter-BlackItalic.woff2 differ diff --git a/static/fonts/Inter-Bold.woff2 b/static/fonts/Inter-Bold.woff2 new file mode 100644 index 0000000..0f1b157 Binary files /dev/null and b/static/fonts/Inter-Bold.woff2 differ diff --git a/static/fonts/Inter-BoldItalic.woff2 b/static/fonts/Inter-BoldItalic.woff2 new file mode 100644 index 0000000..bc50f24 Binary files /dev/null and b/static/fonts/Inter-BoldItalic.woff2 differ diff --git a/static/fonts/Inter-ExtraBold.woff2 b/static/fonts/Inter-ExtraBold.woff2 new file mode 100644 index 0000000..b113368 Binary files /dev/null and b/static/fonts/Inter-ExtraBold.woff2 differ diff --git a/static/fonts/Inter-ExtraBoldItalic.woff2 b/static/fonts/Inter-ExtraBoldItalic.woff2 new file mode 100644 index 0000000..a5b76ca Binary files /dev/null and b/static/fonts/Inter-ExtraBoldItalic.woff2 differ diff --git a/static/fonts/Inter-ExtraLight.woff2 b/static/fonts/Inter-ExtraLight.woff2 new file mode 100644 index 0000000..1d77ae8 Binary files /dev/null and b/static/fonts/Inter-ExtraLight.woff2 differ diff --git a/static/fonts/Inter-ExtraLightItalic.woff2 b/static/fonts/Inter-ExtraLightItalic.woff2 new file mode 100644 index 0000000..8c68492 Binary files /dev/null and b/static/fonts/Inter-ExtraLightItalic.woff2 differ diff --git a/static/fonts/Inter-Italic.woff2 b/static/fonts/Inter-Italic.woff2 new file mode 100644 index 0000000..4c24ce2 Binary files /dev/null and b/static/fonts/Inter-Italic.woff2 differ diff --git a/static/fonts/Inter-Light.woff2 b/static/fonts/Inter-Light.woff2 new file mode 100644 index 0000000..dbe6143 Binary files /dev/null and b/static/fonts/Inter-Light.woff2 differ diff --git a/static/fonts/Inter-LightItalic.woff2 b/static/fonts/Inter-LightItalic.woff2 new file mode 100644 index 0000000..a40d042 Binary files /dev/null and b/static/fonts/Inter-LightItalic.woff2 differ diff --git a/static/fonts/Inter-Medium.woff2 b/static/fonts/Inter-Medium.woff2 new file mode 100644 index 0000000..0fd2ee7 Binary files /dev/null and b/static/fonts/Inter-Medium.woff2 differ diff --git a/static/fonts/Inter-MediumItalic.woff2 b/static/fonts/Inter-MediumItalic.woff2 new file mode 100644 index 0000000..9676715 Binary files /dev/null and b/static/fonts/Inter-MediumItalic.woff2 differ diff --git a/static/fonts/Inter-Regular.woff2 b/static/fonts/Inter-Regular.woff2 new file mode 100644 index 0000000..b8699af Binary files /dev/null and b/static/fonts/Inter-Regular.woff2 differ diff --git a/static/fonts/Inter-SemiBold.woff2 b/static/fonts/Inter-SemiBold.woff2 new file mode 100644 index 0000000..95c48b1 Binary files /dev/null and b/static/fonts/Inter-SemiBold.woff2 differ diff --git a/static/fonts/Inter-SemiBoldItalic.woff2 b/static/fonts/Inter-SemiBoldItalic.woff2 new file mode 100644 index 0000000..ddfe19e Binary files /dev/null and b/static/fonts/Inter-SemiBoldItalic.woff2 differ diff --git a/static/fonts/Inter-Thin.woff2 b/static/fonts/Inter-Thin.woff2 new file mode 100644 index 0000000..0790960 Binary files /dev/null and b/static/fonts/Inter-Thin.woff2 differ diff --git a/static/fonts/Inter-ThinItalic.woff2 b/static/fonts/Inter-ThinItalic.woff2 new file mode 100644 index 0000000..a7bf213 Binary files /dev/null and b/static/fonts/Inter-ThinItalic.woff2 differ diff --git a/static/fonts/InterDisplay-Black.woff2 b/static/fonts/InterDisplay-Black.woff2 new file mode 100644 index 0000000..8138123 Binary files /dev/null and b/static/fonts/InterDisplay-Black.woff2 differ diff --git a/static/fonts/InterDisplay-BlackItalic.woff2 b/static/fonts/InterDisplay-BlackItalic.woff2 new file mode 100644 index 0000000..735ba21 Binary files /dev/null and b/static/fonts/InterDisplay-BlackItalic.woff2 differ diff --git a/static/fonts/InterDisplay-Bold.woff2 b/static/fonts/InterDisplay-Bold.woff2 new file mode 100644 index 0000000..11c6719 Binary files /dev/null and b/static/fonts/InterDisplay-Bold.woff2 differ diff --git a/static/fonts/InterDisplay-BoldItalic.woff2 b/static/fonts/InterDisplay-BoldItalic.woff2 new file mode 100644 index 0000000..5b6a1fb Binary files /dev/null and b/static/fonts/InterDisplay-BoldItalic.woff2 differ diff --git a/static/fonts/InterDisplay-ExtraBold.woff2 b/static/fonts/InterDisplay-ExtraBold.woff2 new file mode 100644 index 0000000..9058e98 Binary files /dev/null and b/static/fonts/InterDisplay-ExtraBold.woff2 differ diff --git a/static/fonts/InterDisplay-ExtraBoldItalic.woff2 b/static/fonts/InterDisplay-ExtraBoldItalic.woff2 new file mode 100644 index 0000000..4cd61c0 Binary files /dev/null and b/static/fonts/InterDisplay-ExtraBoldItalic.woff2 differ diff --git a/static/fonts/InterDisplay-ExtraLight.woff2 b/static/fonts/InterDisplay-ExtraLight.woff2 new file mode 100644 index 0000000..8621b29 Binary files /dev/null and b/static/fonts/InterDisplay-ExtraLight.woff2 differ diff --git a/static/fonts/InterDisplay-ExtraLightItalic.woff2 b/static/fonts/InterDisplay-ExtraLightItalic.woff2 new file mode 100644 index 0000000..689c8d9 Binary files /dev/null and b/static/fonts/InterDisplay-ExtraLightItalic.woff2 differ diff --git a/static/fonts/InterDisplay-Italic.woff2 b/static/fonts/InterDisplay-Italic.woff2 new file mode 100644 index 0000000..11f20bc Binary files /dev/null and b/static/fonts/InterDisplay-Italic.woff2 differ diff --git a/static/fonts/InterDisplay-Light.woff2 b/static/fonts/InterDisplay-Light.woff2 new file mode 100644 index 0000000..446301c Binary files /dev/null and b/static/fonts/InterDisplay-Light.woff2 differ diff --git a/static/fonts/InterDisplay-LightItalic.woff2 b/static/fonts/InterDisplay-LightItalic.woff2 new file mode 100644 index 0000000..f688196 Binary files /dev/null and b/static/fonts/InterDisplay-LightItalic.woff2 differ diff --git a/static/fonts/InterDisplay-Medium.woff2 b/static/fonts/InterDisplay-Medium.woff2 new file mode 100644 index 0000000..29160b2 Binary files /dev/null and b/static/fonts/InterDisplay-Medium.woff2 differ diff --git a/static/fonts/InterDisplay-MediumItalic.woff2 b/static/fonts/InterDisplay-MediumItalic.woff2 new file mode 100644 index 0000000..ef1bcbe Binary files /dev/null and b/static/fonts/InterDisplay-MediumItalic.woff2 differ diff --git a/static/fonts/InterDisplay-Regular.woff2 b/static/fonts/InterDisplay-Regular.woff2 new file mode 100644 index 0000000..a6c04f6 Binary files /dev/null and b/static/fonts/InterDisplay-Regular.woff2 differ diff --git a/static/fonts/InterDisplay-SemiBold.woff2 b/static/fonts/InterDisplay-SemiBold.woff2 new file mode 100644 index 0000000..2b4db23 Binary files /dev/null and b/static/fonts/InterDisplay-SemiBold.woff2 differ diff --git a/static/fonts/InterDisplay-SemiBoldItalic.woff2 b/static/fonts/InterDisplay-SemiBoldItalic.woff2 new file mode 100644 index 0000000..59091db Binary files /dev/null and b/static/fonts/InterDisplay-SemiBoldItalic.woff2 differ diff --git a/static/fonts/InterDisplay-Thin.woff2 b/static/fonts/InterDisplay-Thin.woff2 new file mode 100644 index 0000000..dc0b948 Binary files /dev/null and b/static/fonts/InterDisplay-Thin.woff2 differ diff --git a/static/fonts/InterDisplay-ThinItalic.woff2 b/static/fonts/InterDisplay-ThinItalic.woff2 new file mode 100644 index 0000000..96439c0 Binary files /dev/null and b/static/fonts/InterDisplay-ThinItalic.woff2 differ diff --git a/static/fonts/InterVariable-Italic.woff2 b/static/fonts/InterVariable-Italic.woff2 new file mode 100644 index 0000000..f22ec25 Binary files /dev/null and b/static/fonts/InterVariable-Italic.woff2 differ diff --git a/static/fonts/InterVariable.woff2 b/static/fonts/InterVariable.woff2 new file mode 100644 index 0000000..22a12b0 Binary files /dev/null and b/static/fonts/InterVariable.woff2 differ diff --git a/static/fonts/LICENSE.txt b/static/fonts/LICENSE.txt new file mode 100644 index 0000000..9b2ca37 --- /dev/null +++ b/static/fonts/LICENSE.txt @@ -0,0 +1,92 @@ +Copyright (c) 2016 The Inter Project Authors (https://github.com/rsms/inter) + +This Font Software is licensed under the SIL Open Font License, Version 1.1. +This license is copied below, and is also available with a FAQ at: +http://scripts.sil.org/OFL + +----------------------------------------------------------- +SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 +----------------------------------------------------------- + +PREAMBLE +The goals of the Open Font License (OFL) are to stimulate worldwide +development of collaborative font projects, to support the font creation +efforts of academic and linguistic communities, and to provide a free and +open framework in which fonts may be shared and improved in partnership +with others. + +The OFL allows the licensed fonts to be used, studied, modified and +redistributed freely as long as they are not sold by themselves. The +fonts, including any derivative works, can be bundled, embedded, +redistributed and/or sold with any software provided that any reserved +names are not used by derivative works. The fonts and derivatives, +however, cannot be released under any other type of license. The +requirement for fonts to remain under this license does not apply +to any document created using the fonts or their derivatives. + +DEFINITIONS +"Font Software" refers to the set of files released by the Copyright +Holder(s) under this license and clearly marked as such. This may +include source files, build scripts and documentation. + +"Reserved Font Name" refers to any names specified as such after the +copyright statement(s). + +"Original Version" refers to the collection of Font Software components as +distributed by the Copyright Holder(s). + +"Modified Version" refers to any derivative made by adding to, deleting, +or substituting -- in part or in whole -- any of the components of the +Original Version, by changing formats or by porting the Font Software to a +new environment. + +"Author" refers to any designer, engineer, programmer, technical +writer or other person who contributed to the Font Software. + +PERMISSION AND CONDITIONS +Permission is hereby granted, free of charge, to any person obtaining +a copy of the Font Software, to use, study, copy, merge, embed, modify, +redistribute, and sell modified and unmodified copies of the Font +Software, subject to the following conditions: + +1) Neither the Font Software nor any of its individual components, +in Original or Modified Versions, may be sold by itself. + +2) Original or Modified Versions of the Font Software may be bundled, +redistributed and/or sold with any software, provided that each copy +contains the above copyright notice and this license. These can be +included either as stand-alone text files, human-readable headers or +in the appropriate machine-readable metadata fields within text or +binary files as long as those fields can be easily viewed by the user. + +3) No Modified Version of the Font Software may use the Reserved Font +Name(s) unless explicit written permission is granted by the corresponding +Copyright Holder. This restriction only applies to the primary font name as +presented to the users. + +4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font +Software shall not be used to promote, endorse or advertise any +Modified Version, except to acknowledge the contribution(s) of the +Copyright Holder(s) and the Author(s) or with their explicit written +permission. + +5) The Font Software, modified or unmodified, in part or in whole, +must be distributed entirely under this license, and must not be +distributed under any other license. The requirement for fonts to +remain under this license does not apply to any document created +using the Font Software. + +TERMINATION +This license becomes null and void if any of the above conditions are +not met. + +DISCLAIMER +THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT +OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE +COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, +INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL +DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING +FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM +OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/static/fonts/inter.css b/static/fonts/inter.css new file mode 100644 index 0000000..413e197 --- /dev/null +++ b/static/fonts/inter.css @@ -0,0 +1,57 @@ +/* Variable fonts usage: +:root { font-family: "Inter", sans-serif; } +@supports (font-variation-settings: normal) { + :root { font-family: "InterVariable", sans-serif; font-optical-sizing: auto; } +} */ +@font-face { + font-family: InterVariable; + font-style: normal; + font-weight: 100 900; + font-display: swap; + src: url("InterVariable.woff2") format("woff2"); +} +@font-face { + font-family: InterVariable; + font-style: italic; + font-weight: 100 900; + font-display: swap; + src: url("InterVariable-Italic.woff2") format("woff2"); +} + +/* static fonts */ +@font-face { font-family: "Inter"; font-style: normal; font-weight: 100; font-display: swap; src: url("Inter-Thin.woff2") format("woff2"); } +@font-face { font-family: "Inter"; font-style: italic; font-weight: 100; font-display: swap; src: url("Inter-ThinItalic.woff2") format("woff2"); } +@font-face { font-family: "Inter"; font-style: normal; font-weight: 200; font-display: swap; src: url("Inter-ExtraLight.woff2") format("woff2"); } +@font-face { font-family: "Inter"; font-style: italic; font-weight: 200; font-display: swap; src: url("Inter-ExtraLightItalic.woff2") format("woff2"); } +@font-face { font-family: "Inter"; font-style: normal; font-weight: 300; font-display: swap; src: url("Inter-Light.woff2") format("woff2"); } +@font-face { font-family: "Inter"; font-style: italic; font-weight: 300; font-display: swap; src: url("Inter-LightItalic.woff2") format("woff2"); } +@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("Inter-Regular.woff2") format("woff2"); } +@font-face { font-family: "Inter"; font-style: italic; font-weight: 400; font-display: swap; src: url("Inter-Italic.woff2") format("woff2"); } +@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("Inter-Medium.woff2") format("woff2"); } +@font-face { font-family: "Inter"; font-style: italic; font-weight: 500; font-display: swap; src: url("Inter-MediumItalic.woff2") format("woff2"); } +@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("Inter-SemiBold.woff2") format("woff2"); } +@font-face { font-family: "Inter"; font-style: italic; font-weight: 600; font-display: swap; src: url("Inter-SemiBoldItalic.woff2") format("woff2"); } +@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("Inter-Bold.woff2") format("woff2"); } +@font-face { font-family: "Inter"; font-style: italic; font-weight: 700; font-display: swap; src: url("Inter-BoldItalic.woff2") format("woff2"); } +@font-face { font-family: "Inter"; font-style: normal; font-weight: 800; font-display: swap; src: url("Inter-ExtraBold.woff2") format("woff2"); } +@font-face { font-family: "Inter"; font-style: italic; font-weight: 800; font-display: swap; src: url("Inter-ExtraBoldItalic.woff2") format("woff2"); } +@font-face { font-family: "Inter"; font-style: normal; font-weight: 900; font-display: swap; src: url("Inter-Black.woff2") format("woff2"); } +@font-face { font-family: "Inter"; font-style: italic; font-weight: 900; font-display: swap; src: url("Inter-BlackItalic.woff2") format("woff2"); } +@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 100; font-display: swap; src: url("InterDisplay-Thin.woff2") format("woff2"); } +@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 100; font-display: swap; src: url("InterDisplay-ThinItalic.woff2") format("woff2"); } +@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 200; font-display: swap; src: url("InterDisplay-ExtraLight.woff2") format("woff2"); } +@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 200; font-display: swap; src: url("InterDisplay-ExtraLightItalic.woff2") format("woff2"); } +@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 300; font-display: swap; src: url("InterDisplay-Light.woff2") format("woff2"); } +@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 300; font-display: swap; src: url("InterDisplay-LightItalic.woff2") format("woff2"); } +@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 400; font-display: swap; src: url("InterDisplay-Regular.woff2") format("woff2"); } +@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 400; font-display: swap; src: url("InterDisplay-Italic.woff2") format("woff2"); } +@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 500; font-display: swap; src: url("InterDisplay-Medium.woff2") format("woff2"); } +@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 500; font-display: swap; src: url("InterDisplay-MediumItalic.woff2") format("woff2"); } +@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 600; font-display: swap; src: url("InterDisplay-SemiBold.woff2") format("woff2"); } +@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 600; font-display: swap; src: url("InterDisplay-SemiBoldItalic.woff2") format("woff2"); } +@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 700; font-display: swap; src: url("InterDisplay-Bold.woff2") format("woff2"); } +@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 700; font-display: swap; src: url("InterDisplay-BoldItalic.woff2") format("woff2"); } +@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 800; font-display: swap; src: url("InterDisplay-ExtraBold.woff2") format("woff2"); } +@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 800; font-display: swap; src: url("InterDisplay-ExtraBoldItalic.woff2") format("woff2"); } +@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 900; font-display: swap; src: url("InterDisplay-Black.woff2") format("woff2"); } +@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 900; font-display: swap; src: url("InterDisplay-BlackItalic.woff2") format("woff2"); } diff --git a/themes/nluug/assets/scss/_colors.scss b/themes/nluug/assets/scss/_colors.scss index ae84de4..d6824ac 100644 --- a/themes/nluug/assets/scss/_colors.scss +++ b/themes/nluug/assets/scss/_colors.scss @@ -1,15 +1,19 @@ +// Main colors of our website // Old colors: -// purple: #6A2060 -// light purple-grey: #DCC9DB -// darkblue: #1D3160 +// purple: #6A2060 +// light purple-grey: #DCC9DB +// darkblue: #1D3160 // New colors (2024) // Primary colours are Midnight blue (HEX: #26266B) and Magenta (HEX: #FA198B) +// Filters created with https://isotropic.co/tool/hex-color-to-css-filter/ // Mignight blue: // Original: #26266B +// CSS filter: filter: invert(19%) sepia(64%) saturate(973%) hue-rotate(209deg) brightness(83%) contrast(105%); // Medium: #515189 +// CSS filter: filter: invert(32%) sepia(28%) saturate(906%) hue-rotate(201deg) brightness(91%) contrast(86%); // Light: #7D7DA6 // Magenta @@ -28,9 +32,9 @@ // Light: #F7D669 // Raisin black -// Original: #222226 -// Medium: #4E4E51 -// Light: #7A7A7D +$raisin-black-dark: #222226; +$raisin-black-medium: #4E4E51; +$raisin-black-light: #7A7A7D; // Ghost white // Original: #FAFAFF @@ -47,6 +51,9 @@ $color-button-call-to-action: #F2BB05; //$color-button-call-to-action-hover: #0F6D06; // %25 donkerder dan #138808 met encycolorpedia $color-button-call-to-action-hover: #F5C937; +$color-footer-background: #7D7DA6; +$color-footer-text: $raisin-black-dark; + //$color-header: #6A2060; $color-header: #26266B; diff --git a/themes/nluug/assets/scss/styles.scss b/themes/nluug/assets/scss/styles.scss index 462ca21..23c62de 100644 --- a/themes/nluug/assets/scss/styles.scss +++ b/themes/nluug/assets/scss/styles.scss @@ -4,13 +4,14 @@ } body { - font: 1rem/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Roboto,noto,"Helvetica Neue",helvetica,arial,sans-serif; - text-rendering: optimizeLegibility; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - padding: 1.2rem; + //font: 1rem/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Roboto,noto,"Helvetica Neue",helvetica,arial,sans-serif; + //text-rendering: optimizeLegibility; + //-webkit-font-smoothing: antialiased; + //-moz-osx-font-smoothing: grayscale; + //padding: 1.2rem; // background: hsla(93, 0%, 96%, 1.00); - color: #2E2E2E; + //color: #2E2E2E; + color: #222226; max-width: 1024px; margin: 0 auto; } @@ -37,10 +38,12 @@ figure { } footer { - background-color: #E3E9F7; - border-top: 1px solid #99AFE2; - margin-top: 40px; - padding: 20px; + //background-color: #E3E9F7; + background-color: $color-footer-background; + color: $color-footer-text; + border-top: 1px solid #99AFE2; + margin-top: 40px; + padding: 20px; } .grid-team-members { diff --git a/themes/nluug/assets/scss/styles_font.scss b/themes/nluug/assets/scss/styles_font.scss index 81d40c0..be7dd21 100644 --- a/themes/nluug/assets/scss/styles_font.scss +++ b/themes/nluug/assets/scss/styles_font.scss @@ -1,3 +1,82 @@ +/* +Font families defined by this CSS: + - InterVariable variable font for modern web browsers + - Inter static fonts for older web browsers (small optical size) + - InterDisplay static fonts for older web browsers (large optical size) + +Usage example: + :root { font-family: Inter, sans-serif; } + @supports (font-variation-settings: normal) { + :root { font-family: InterVariable, sans-serif; } + } + +*/ + +@font-face { + font-family: InterVariable; + font-style: normal; + font-weight: 100 900; + font-display: swap; + src: url('/fonts/InterVariable.woff2?v=4.0') format('woff2'); +} +@font-face { + font-family: InterVariable; + font-style: italic; + font-weight: 100 900; + font-display: swap; + src: url('/fonts/InterVariable-Italic.woff2?v=4.0') format('woff2'); +} +/* legacy name "Inter var" (Oct 2023) */ +@font-face { font-family:'Inter var'; font-style:normal; font-weight:100 900; font-display:swap; src: url('/fonts/InterVariable.woff2?v=4.0') format('woff2'); } +@font-face { font-family:'Inter var'; font-style:italic; font-weight:100 900; font-display:swap; src: url('/fonts/InterVariable-Italic.woff2?v=4.0') format('woff2'); } +/* static fonts */ +@font-face { font-family:Inter; font-style:normal; font-weight:100; font-display:swap; src:url("/fonts/Inter-Thin.woff2?v=4.0") format("woff2"); } +@font-face { font-family:Inter; font-style:italic; font-weight:100; font-display:swap; src:url("/fonts/Inter-ThinItalic.woff2?v=4.0") format("woff2"); } +@font-face { font-family:Inter; font-style:normal; font-weight:200; font-display:swap; src:url("/fonts/Inter-ExtraLight.woff2?v=4.0") format("woff2"); } +@font-face { font-family:Inter; font-style:italic; font-weight:200; font-display:swap; src:url("/fonts/Inter-ExtraLightItalic.woff2?v=4.0") format("woff2"); } +@font-face { font-family:Inter; font-style:normal; font-weight:300; font-display:swap; src:url("/fonts/Inter-Light.woff2?v=4.0") format("woff2"); } +@font-face { font-family:Inter; font-style:italic; font-weight:300; font-display:swap; src:url("/fonts/Inter-LightItalic.woff2?v=4.0") format("woff2"); } +@font-face { font-family:Inter; font-style:normal; font-weight:400; font-display:swap; src:url("/fonts/Inter-Regular.woff2?v=4.0") format("woff2"); } +@font-face { font-family:Inter; font-style:italic; font-weight:400; font-display:swap; src:url("/fonts/Inter-Italic.woff2?v=4.0") format("woff2"); } +@font-face { font-family:Inter; font-style:normal; font-weight:500; font-display:swap; src:url("/fonts/Inter-Medium.woff2?v=4.0") format("woff2"); } +@font-face { font-family:Inter; font-style:italic; font-weight:500; font-display:swap; src:url("/fonts/Inter-MediumItalic.woff2?v=4.0") format("woff2"); } +@font-face { font-family:Inter; font-style:normal; font-weight:600; font-display:swap; src:url("/fonts/Inter-SemiBold.woff2?v=4.0") format("woff2"); } +@font-face { font-family:Inter; font-style:italic; font-weight:600; font-display:swap; src:url("/fonts/Inter-SemiBoldItalic.woff2?v=4.0") format("woff2"); } +@font-face { font-family:Inter; font-style:normal; font-weight:700; font-display:swap; src:url("/fonts/Inter-Bold.woff2?v=4.0") format("woff2"); } +@font-face { font-family:Inter; font-style:italic; font-weight:700; font-display:swap; src:url("/fonts/Inter-BoldItalic.woff2?v=4.0") format("woff2"); } +@font-face { font-family:Inter; font-style:normal; font-weight:800; font-display:swap; src:url("/fonts/Inter-ExtraBold.woff2?v=4.0") format("woff2"); } +@font-face { font-family:Inter; font-style:italic; font-weight:800; font-display:swap; src:url("/fonts/Inter-ExtraBoldItalic.woff2?v=4.0") format("woff2"); } +@font-face { font-family:Inter; font-style:normal; font-weight:900; font-display:swap; src:url("/fonts/Inter-Black.woff2?v=4.0") format("woff2"); } +@font-face { font-family:Inter; font-style:italic; font-weight:900; font-display:swap; src:url("/fonts/Inter-BlackItalic.woff2?v=4.0") format("woff2"); } +@font-face { font-family:InterDisplay; font-style:normal; font-weight:100; font-display:swap; src:url("/fonts/InterDisplay-Thin.woff2?v=4.0") format("woff2"); } +@font-face { font-family:InterDisplay; font-style:italic; font-weight:100; font-display:swap; src:url("/fonts/InterDisplay-ThinItalic.woff2?v=4.0") format("woff2"); } +@font-face { font-family:InterDisplay; font-style:normal; font-weight:200; font-display:swap; src:url("/fonts/InterDisplay-ExtraLight.woff2?v=4.0") format("woff2"); } +@font-face { font-family:InterDisplay; font-style:italic; font-weight:200; font-display:swap; src:url("/fonts/InterDisplay-ExtraLightItalic.woff2?v=4.0") format("woff2"); } +@font-face { font-family:InterDisplay; font-style:normal; font-weight:300; font-display:swap; src:url("/fonts/InterDisplay-Light.woff2?v=4.0") format("woff2"); } +@font-face { font-family:InterDisplay; font-style:italic; font-weight:300; font-display:swap; src:url("/fonts/InterDisplay-LightItalic.woff2?v=4.0") format("woff2"); } +@font-face { font-family:InterDisplay; font-style:normal; font-weight:400; font-display:swap; src:url("/fonts/InterDisplay-Regular.woff2?v=4.0") format("woff2"); } +@font-face { font-family:InterDisplay; font-style:italic; font-weight:400; font-display:swap; src:url("/fonts/InterDisplay-Italic.woff2?v=4.0") format("woff2"); } +@font-face { font-family:InterDisplay; font-style:normal; font-weight:500; font-display:swap; src:url("/fonts/InterDisplay-Medium.woff2?v=4.0") format("woff2"); } +@font-face { font-family:InterDisplay; font-style:italic; font-weight:500; font-display:swap; src:url("/fonts/InterDisplay-MediumItalic.woff2?v=4.0") format("woff2"); } +@font-face { font-family:InterDisplay; font-style:normal; font-weight:600; font-display:swap; src:url("/fonts/InterDisplay-SemiBold.woff2?v=4.0") format("woff2"); } +@font-face { font-family:InterDisplay; font-style:italic; font-weight:600; font-display:swap; src:url("/fonts/InterDisplay-SemiBoldItalic.woff2?v=4.0") format("woff2"); } +@font-face { font-family:InterDisplay; font-style:normal; font-weight:700; font-display:swap; src:url("/fonts/InterDisplay-Bold.woff2?v=4.0") format("woff2"); } +@font-face { font-family:InterDisplay; font-style:italic; font-weight:700; font-display:swap; src:url("/fonts/InterDisplay-BoldItalic.woff2?v=4.0") format("woff2"); } +@font-face { font-family:InterDisplay; font-style:normal; font-weight:800; font-display:swap; src:url("/fonts/InterDisplay-ExtraBold.woff2?v=4.0") format("woff2"); } +@font-face { font-family:InterDisplay; font-style:italic; font-weight:800; font-display:swap; src:url("/fonts/InterDisplay-ExtraBoldItalic.woff2?v=4.0") format("woff2"); } +@font-face { font-family:InterDisplay; font-style:normal; font-weight:900; font-display:swap; src:url("/fonts/InterDisplay-Black.woff2?v=4.0") format("woff2"); } +@font-face { font-family:InterDisplay; font-style:italic; font-weight:900; font-display:swap; src:url("/fonts/InterDisplay-BlackItalic.woff2?v=4.0") format("woff2"); } + +:root { + font-family: Inter, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Roboto,noto,"Helvetica Neue",helvetica,arial,sans-serif; + font-feature-settings: 'liga' 1, 'calt' 1; /* fix for Chrome */ +} +@supports (font-variation-settings: normal) { + :root { + font-family: InterVariable, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Roboto,noto,"Helvetica Neue",helvetica,arial,sans-serif; + } +} + .bold { font-weight: bold; } diff --git a/themes/nluug/assets/scss/styles_images.scss b/themes/nluug/assets/scss/styles_images.scss index 3201a0d..9c31ea5 100644 --- a/themes/nluug/assets/scss/styles_images.scss +++ b/themes/nluug/assets/scss/styles_images.scss @@ -8,7 +8,8 @@ img.max-width { //} .icon { - filter: invert(18%) sepia(32%) saturate(1326%) hue-rotate(183deg) brightness(93%) contrast(95%); + //filter: invert(18%) sepia(32%) saturate(1326%) hue-rotate(183deg) brightness(93%) contrast(95%); + filter: invert(19%) sepia(64%) saturate(973%) hue-rotate(209deg) brightness(83%) contrast(105%); margin: 3px; } @@ -19,7 +20,8 @@ img.max-width { text-decoration: none; } .icon:hover { - filter: invert(0%) sepia(0%) saturate(7500%) hue-rotate(338deg) brightness(106%) contrast(109%); + //filter: invert(0%) sepia(0%) saturate(7500%) hue-rotate(338deg) brightness(106%) contrast(109%); + filter: invert(32%) sepia(28%) saturate(906%) hue-rotate(201deg) brightness(91%) contrast(86%); text-decoration: none; } .icon:active {