diff --git a/_i18n/en.yml b/_i18n/en.yml index 1df2c83..48944b7 100644 --- a/_i18n/en.yml +++ b/_i18n/en.yml @@ -46,6 +46,8 @@ global: accessibility: title: Accessibility summary: We understand accessibility in a broad sense and strive to do better. We try to host meetings that are wheelchair accessible, smoke free, short(er) and provide child care. We provide information on the meeting location, including a description of the entrance, lighting and sounds, and policy around companion and service dogs beforehand so that participants can best plan for their visit. If you have feedback or questions regarding the accessibility of our meetings or initiatives, please get in touch at accessibility@techwerkers.nl. + footer: Proud to be part of the + press: mentions: Press mentions diff --git a/_i18n/nl.yml b/_i18n/nl.yml index 69bb2b2..6290c83 100644 --- a/_i18n/nl.yml +++ b/_i18n/nl.yml @@ -44,6 +44,7 @@ global: accessibility: title: Toegangelijkheid summary: De techwerkerscoalitie vat toegankelijkheid ruim op en streeft er altijd naar om het beter te doen. Bijeenkomsten zijn zoveel mogelijk rolstoeltoegankelijke, rookvrij, kort(er) en er is kinderopvang aanwezig. Informatie over de locatie van de bijeenkomst, inclusief een omschrijving van de ingang, light en geluid, en beleid rondom steun- en geleidehonden, wordt vooraf verstrekt zodat deelnemers hun bezoek zo goed mogelijk kunnen plannen. Heb je ideeën, suggesties, of vragen rondom de toegankelijkheid van bijeenkomsten of initiatieven? Neem dan contact op met accessibility@techwerkers.nl. + footer: Trots om deel uit te maken van press: mentions: Pers diff --git a/_includes/footer.html b/_includes/footer.html new file mode 100644 index 0000000..faa38b3 --- /dev/null +++ b/_includes/footer.html @@ -0,0 +1,6 @@ + \ No newline at end of file diff --git a/_includes/main.scss b/_includes/main.scss index 7fc673e..54025df 100644 --- a/_includes/main.scss +++ b/_includes/main.scss @@ -10,6 +10,7 @@ @import "structures/event"; @import "header"; +@import "footer"; @import "layouts/home"; @@ -105,6 +106,13 @@ input[type="submit"] { } } +html, body { min-height: 100vh; } + +body > footer { + position: sticky; + top: 100vh; +} + blockquote, ol, p, diff --git a/_layouts/default.html b/_layouts/default.html index 90d42cb..ec42086 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -8,6 +8,9 @@
{{ content }}
+ + {% include footer.html %} + diff --git a/_sass/_footer.scss b/_sass/_footer.scss new file mode 100644 index 0000000..9972f30 --- /dev/null +++ b/_sass/_footer.scss @@ -0,0 +1,51 @@ +@import 'variables'; + +// https://dvcs.w3.org/hg/FXTF/raw-file/tip/filters/index.html +// +// grayscale ex: filter: grayscale(100%); +// sepia ex: filter: sepia(100%); +// saturate ex: filter: saturate(0%); +// hue-rotate ex: filter: hue-rotate(45deg); +// invert ex: filter: invert(100%); +// brightness ex: filter: brightness(15%); +// contrast ex: filter: contrast(200%); +// blur ex: filter: blur(2px); + +@mixin filter($filter-type,$filter-amount) { + -webkit-filter: $filter-type+unquote('(#{$filter-amount})'); + -moz-filter: $filter-type+unquote('(#{$filter-amount})'); + -ms-filter: $filter-type+unquote('(#{$filter-amount})'); + -o-filter: $filter-type+unquote('(#{$filter-amount})'); + filter: $filter-type+unquote('(#{$filter-amount})'); +} + +.footer { + border-top: 1px solid; + padding: 2em 2em; + background: $black; + color: $white; + text-align: left; + + @include mobile { + padding: 4vmin; + } + + a { + color: $white; + + &:hover { + color: $red; + } + } + + &-container { + display: flex; + align-items: center; + justify-content: flex-start; + } + + .logo { + @include filter(invert, 1); + margin-right: 10px; + } +}