From b3558166d18ec5f67daf71446c59f39fb8025c18 Mon Sep 17 00:00:00 2001 From: Rob Davies Date: Fri, 5 May 2017 16:42:08 +0100 Subject: [PATCH] Sponsors styling --- web/themes/dcb2017/css/style.css | 85 +++++++++++++++++++ web/themes/dcb2017/css/style.css.map | 2 +- web/themes/dcb2017/dcb2017.info.yml | 1 + web/themes/dcb2017/sass/_global.scss | 4 + .../dcb2017/sass/components/_views.scss | 52 ++++++++++++ .../dcb2017/sass/layout/_content-bottom.scss | 39 +++++++++ web/themes/dcb2017/sass/layout/_content.scss | 4 + web/themes/dcb2017/sass/style.scss | 2 + .../dcb2017/templates/layout/page.html.twig | 3 + .../layout/region--content-bottom.html.twig | 30 +++++++ 10 files changed, 221 insertions(+), 1 deletion(-) create mode 100644 web/themes/dcb2017/sass/components/_views.scss create mode 100644 web/themes/dcb2017/sass/layout/_content-bottom.scss create mode 100644 web/themes/dcb2017/templates/layout/region--content-bottom.html.twig diff --git a/web/themes/dcb2017/css/style.css b/web/themes/dcb2017/css/style.css index 40a37aa14..c27078ef3 100644 --- a/web/themes/dcb2017/css/style.css +++ b/web/themes/dcb2017/css/style.css @@ -13,6 +13,9 @@ a:visited { h1, h2, h3, h4 { font-weight: 600; } +h1, h2 { + text-transform: uppercase; } + .region-header { margin: 0 auto; max-width: 72rem; @@ -50,10 +53,46 @@ h1, h2, h3, h4 { margin: 0 auto; max-width: 72rem; padding: 1rem; } + .region-content .block-views { + margin-bottom: 5em; } .region-content-top { overflow: hidden; } +.region-content-bottom { + margin: 2em 0 4em; + text-align: center; } + .region-content-bottom h2 { + font-size: 2em; + font-weight: 700; } + @media screen and (min-width: 37.5rem) { + .region-content-bottom h2 { + font-size: 3em; } } + @media screen and (min-width: 56.25rem) { + .region-content-bottom h2 { + font-size: 4em; } } + .region-content-bottom h2 span { + color: #44efb9; } + .region-content-bottom .block { + margin: 2em 1em; } + .region-content-bottom .sponsor-link a { + background: #b33ee9; + border: 0; + color: white; + font-size: 1rem; + font-weight: 600; + padding: 0.5rem 1rem; + text-decoration: none; + text-transform: uppercase; + background-color: #44efb9; } + .region-content-bottom .sponsor-link a:hover, .region-content-bottom .sponsor-link a:focus { + background: #44efb9; } + .region-content-bottom .sponsor-link a:hover, .region-content-bottom .sponsor-link a:focus { + background: #ec16a8; } + .region-content-bottom img { + height: auto; + max-width: 100%; } + .region-footer { margin: 0 auto; max-width: 72rem; @@ -253,4 +292,50 @@ nav.menu--main { .form-email { max-width: 95%; } +.views-view-table td { + display: block; + vertical-align: top; } + .views-view-table td.views-field-field-logo { + padding: 1em 0; + text-align: center; } + @media screen and (min-width: 56.25rem) { + .views-view-table td.views-field-field-logo { + padding: 2em 2em 2em 0; } } + @media screen and (min-width: 56.25rem) { + .views-view-table td { + display: table-cell; } } + +.views-view-table .views-field-body a { + background: #b33ee9; + border: 0; + color: white; + font-size: 1rem; + font-weight: 600; + padding: 0.5rem 1rem; + text-decoration: none; + text-transform: uppercase; } + .views-view-table .views-field-body a:hover, .views-view-table .views-field-body a:focus { + background: #44efb9; } + +.view-silver-sponsors { + overflow: hidden; + text-align: center; } + .view-silver-sponsors .sponsor { + box-sizing: border-box; + float: left; + padding: 1em; + width: 100%; } + @media screen and (min-width: 37.5rem) { + .view-silver-sponsors .sponsor { + width: 50%; } } + @media screen and (min-width: 56.25rem) { + .view-silver-sponsors .sponsor { + width: 33.333%; } } + @media screen and (min-width: 75rem) { + .view-silver-sponsors .sponsor { + width: 20%; } } + .view-silver-sponsors img { + height: auto; + max-width: 100%; } + /*# sourceMappingURL=style.css.map */ diff --git a/web/themes/dcb2017/css/style.css.map b/web/themes/dcb2017/css/style.css.map index 11d5015c2..e29daa54f 100644 --- a/web/themes/dcb2017/css/style.css.map +++ b/web/themes/dcb2017/css/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["_global.scss","base/_variables.scss","layout/_header.scss","layout/_featured.scss","layout/_content.scss","layout/_content-top.scss","layout/_footer.scss","components/_menus.scss","base/_mixins.scss","components/_blocks.scss","components/_forms.scss"],"names":[],"mappings":"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","file":"style.css","sourcesContent":["html {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n}\n\na,\na:visited {\n color: $dcb-grey;\n\n &:hover,\n &:focus {\n color: black;\n }\n}\n\nh1, h2, h3, h4 {\n font-weight: 600;\n}\n","// Custom variables, colours etc.\n\n$dcb-green: #44efb9;\n$dcb-blue: #b33ee9;\n$dcb-purple: #ec16a8;\n\n$dcb-grey: #666;\n",".region-header {\n margin: 0 auto;\n max-width: 72rem;\n overflow: hidden;\n}\n",".region-featured {\n position: relative;\n\n &:after {\n background-image: url('../images/dcb-bg.jpg');\n background-position: center center;\n background-size: cover;\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: -1;\n }\n}\n\n.featured-footer {\n background: black;\n color: white;\n font-size: 1.2rem;\n font-weight: bold;\n padding: 1rem;\n text-align: center;\n text-transform: uppercase;\n\n a {\n color: $dcb-purple;\n text-decoration: none;\n\n &:focus,\n &:hover {\n color: $dcb-grey;\n }\n }\n}\n",".region-content {\n margin: 0 auto;\n max-width: 72rem;\n padding: 1rem;\n}\n",".region-content-top {\n overflow: hidden;\n}\n",".region-footer {\n margin: 0 auto;\n max-width: 72rem;\n padding: 1rem;\n}\n\n.layout-container > footer {\n background-image: url('../images/dcb-bg.jpg');\n background-position: center center;\n background-size: cover;\n}\n","ul.menu {\n margin: 0;\n padding: 0;\n text-align: center;\n\n @include media-tablet {\n text-align: left;\n }\n\n li.menu-item {\n display: inline-block;\n padding: 0.5rem 1rem;\n text-transform: uppercase;\n\n @include media-tablet {\n padding: 1rem 0.8rem;\n }\n\n a {\n color: black;\n text-decoration: none;\n\n &:hover,\n &:focus,\n &.is-active {\n color: $dcb-green;\n }\n }\n }\n}\n\nnav.menu--main {\n font-weight: bold;\n\n @include media-tablet {\n margin: 0.8rem;\n float: right;\n }\n}\n","// Tablet size breakpoint 600px.\n@mixin media-tablet {\n @media screen and (min-width: 37.5rem) {\n @content;\n }\n}\n\n// Desktop size breakpoint 900px.\n@mixin media-large {\n @media screen and (min-width: 56.25rem) {\n @content;\n }\n}\n\n// Wide Desktop size breakpoint 1200px.\n@mixin media-wide {\n @media screen and (min-width: 75rem) {\n @content;\n }\n}\n\n@mixin button {\n background: $dcb-blue;\n border: 0;\n color: white;\n font-size: 1rem;\n font-weight: 600;\n padding: 0.5rem 1rem;\n text-decoration: none;\n text-transform: uppercase;\n\n &:hover,\n &:focus {\n background: $dcb-green;\n }\n}\n",".block-system-branding-block {\n margin: 0.5rem auto;\n width: 8rem;\n\n @include media-tablet {\n float: left;\n margin: 0.5rem 2rem;\n width: auto;\n }\n}\n\n.site-logo img {\n display: block;\n max-width: 100%;\n width: 11rem;\n}\n\n#block-homepagehero {\n font-size: 1.8rem;\n line-height: 1.2;\n margin: auto;\n max-width: 30rem;\n padding: 3rem 1rem;\n text-align: center;\n\n @include media-large {\n padding: 6rem 1rem;\n }\n\n @include media-wide {\n padding: 10rem 1rem;\n }\n\n img {\n max-width: 100%;\n }\n\n p {\n margin: 1rem 0;\n }\n\n a.tickets,\n a.submit {\n @include button;\n display: inline-block;\n font-size: 1.2rem;\n margin: 0 0.5rem 0.5rem;\n padding: 0.8rem 1.6rem;\n }\n\n a.tickets {\n background-color: $dcb-purple;\n }\n}\n\n#block-dcbschedule {\n overflow: hidden;\n position: relative;\n\n .field {\n box-sizing: border-box;\n padding: 2rem 2rem 2rem;\n position: relative;\n text-align: center;\n text-transform: uppercase;\n\n @include media-large {\n float: left;\n padding: 3rem 3rem 3rem;\n position: static;\n width: 33.333%;\n }\n\n @include media-wide {\n padding: 5rem 4rem 4rem;\n }\n\n &:before {\n bottom: 0;\n content: '';\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n z-index: -1;\n background-position: center;\n background-size: cover;\n\n @include media-large {\n width: 33.333%;\n }\n }\n\n &.field--name-field-cxo-text:before {\n background-image: url('../images/cxo.jpg');\n\n @include media-large {\n left: 0;\n }\n }\n &.field--name-field-dev-text:before {\n background-image: url('../images/dev.jpg');\n\n @include media-large {\n left: 33.333%;\n }\n }\n &.field--name-field-sprint-text:before {\n background-image: url('../images/sprint.jpg');\n\n @include media-large {\n left: 66.666%;\n }\n }\n }\n\n p, h2 {\n margin: 0;\n }\n\n h2 {\n font-size: 5rem;\n font-weight: 700;\n line-height: 1;\n\n @include media-large {\n font-size: 3rem;\n }\n\n @include media-wide {\n font-size: 5rem;\n }\n }\n\n .schedule-day {\n font-size: 2.5rem;\n font-weight: bold;\n\n @include media-large {\n font-size: 2rem;\n }\n\n @include media-wide {\n font-size: 2.5rem;\n }\n }\n\n .schedule-location {\n font-size: 1.6rem;\n font-weight: 600;\n padding-top: 2rem;\n\n @include media-large {\n font-size: 1.2rem;\n }\n\n @include media-wide {\n font-size: 1.6rem;\n }\n }\n\n .schedule-date {\n font-size: 1.6rem;\n font-weight: 600;\n\n @include media-large {\n font-size: 1.2rem;\n }\n\n @include media-wide {\n font-size: 1.6rem;\n }\n }\n}\n",".form-item > label {\n display: block;\n font-weight: 600;\n\n &.option {\n display: inline;\n font-weight: normal;\n }\n}\n\n.form-submit {\n @include button;\n}\n\n.form-text,\n.form-email {\n max-width: 95%;\n}\n"]} \ No newline at end of file +{"version":3,"sources":["_global.scss","base/_variables.scss","layout/_header.scss","layout/_featured.scss","layout/_content.scss","layout/_content-top.scss","layout/_content-bottom.scss","base/_mixins.scss","layout/_footer.scss","components/_menus.scss","components/_blocks.scss","components/_forms.scss","components/_views.scss"],"names":[],"mappings":"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","file":"style.css","sourcesContent":["html {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n}\n\na,\na:visited {\n color: $dcb-grey;\n\n &:hover,\n &:focus {\n color: black;\n }\n}\n\nh1, h2, h3, h4 {\n font-weight: 600;\n}\n\nh1, h2 {\n text-transform: uppercase;\n}\n","// Custom variables, colours etc.\n\n$dcb-green: #44efb9;\n$dcb-blue: #b33ee9;\n$dcb-purple: #ec16a8;\n\n$dcb-grey: #666;\n",".region-header {\n margin: 0 auto;\n max-width: 72rem;\n overflow: hidden;\n}\n",".region-featured {\n position: relative;\n\n &:after {\n background-image: url('../images/dcb-bg.jpg');\n background-position: center center;\n background-size: cover;\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: -1;\n }\n}\n\n.featured-footer {\n background: black;\n color: white;\n font-size: 1.2rem;\n font-weight: bold;\n padding: 1rem;\n text-align: center;\n text-transform: uppercase;\n\n a {\n color: $dcb-purple;\n text-decoration: none;\n\n &:focus,\n &:hover {\n color: $dcb-grey;\n }\n }\n}\n",".region-content {\n margin: 0 auto;\n max-width: 72rem;\n padding: 1rem;\n\n .block-views {\n margin-bottom: 5em;\n }\n}\n",".region-content-top {\n overflow: hidden;\n}\n",".region-content-bottom {\n margin: 2em 0 4em;\n text-align: center;\n\n h2 {\n font-size: 2em;\n font-weight: 700;\n\n @include media-tablet {\n font-size: 3em;\n }\n @include media-large {\n font-size: 4em;\n }\n\n span {\n color: $dcb-green;\n }\n }\n\n .block {\n margin: 2em 1em;\n }\n\n .sponsor-link a {\n @include button;\n background-color: $dcb-green;\n\n &:hover,\n &:focus {\n background: $dcb-purple;\n }\n }\n\n img {\n height: auto;\n max-width: 100%;\n }\n}\n","// Tablet size breakpoint 600px.\n@mixin media-tablet {\n @media screen and (min-width: 37.5rem) {\n @content;\n }\n}\n\n// Desktop size breakpoint 900px.\n@mixin media-large {\n @media screen and (min-width: 56.25rem) {\n @content;\n }\n}\n\n// Wide Desktop size breakpoint 1200px.\n@mixin media-wide {\n @media screen and (min-width: 75rem) {\n @content;\n }\n}\n\n@mixin button {\n background: $dcb-blue;\n border: 0;\n color: white;\n font-size: 1rem;\n font-weight: 600;\n padding: 0.5rem 1rem;\n text-decoration: none;\n text-transform: uppercase;\n\n &:hover,\n &:focus {\n background: $dcb-green;\n }\n}\n",".region-footer {\n margin: 0 auto;\n max-width: 72rem;\n padding: 1rem;\n}\n\n.layout-container > footer {\n background-image: url('../images/dcb-bg.jpg');\n background-position: center center;\n background-size: cover;\n}\n","ul.menu {\n margin: 0;\n padding: 0;\n text-align: center;\n\n @include media-tablet {\n text-align: left;\n }\n\n li.menu-item {\n display: inline-block;\n padding: 0.5rem 1rem;\n text-transform: uppercase;\n\n @include media-tablet {\n padding: 1rem 0.8rem;\n }\n\n a {\n color: black;\n text-decoration: none;\n\n &:hover,\n &:focus,\n &.is-active {\n color: $dcb-green;\n }\n }\n }\n}\n\nnav.menu--main {\n font-weight: bold;\n\n @include media-tablet {\n margin: 0.8rem;\n float: right;\n }\n}\n",".block-system-branding-block {\n margin: 0.5rem auto;\n width: 8rem;\n\n @include media-tablet {\n float: left;\n margin: 0.5rem 2rem;\n width: auto;\n }\n}\n\n.site-logo img {\n display: block;\n max-width: 100%;\n width: 11rem;\n}\n\n#block-homepagehero {\n font-size: 1.8rem;\n line-height: 1.2;\n margin: auto;\n max-width: 30rem;\n padding: 3rem 1rem;\n text-align: center;\n\n @include media-large {\n padding: 6rem 1rem;\n }\n\n @include media-wide {\n padding: 10rem 1rem;\n }\n\n img {\n max-width: 100%;\n }\n\n p {\n margin: 1rem 0;\n }\n\n a.tickets,\n a.submit {\n @include button;\n display: inline-block;\n font-size: 1.2rem;\n margin: 0 0.5rem 0.5rem;\n padding: 0.8rem 1.6rem;\n }\n\n a.tickets {\n background-color: $dcb-purple;\n }\n}\n\n#block-dcbschedule {\n overflow: hidden;\n position: relative;\n\n .field {\n box-sizing: border-box;\n padding: 2rem 2rem 2rem;\n position: relative;\n text-align: center;\n text-transform: uppercase;\n\n @include media-large {\n float: left;\n padding: 3rem 3rem 3rem;\n position: static;\n width: 33.333%;\n }\n\n @include media-wide {\n padding: 5rem 4rem 4rem;\n }\n\n &:before {\n bottom: 0;\n content: '';\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n z-index: -1;\n background-position: center;\n background-size: cover;\n\n @include media-large {\n width: 33.333%;\n }\n }\n\n &.field--name-field-cxo-text:before {\n background-image: url('../images/cxo.jpg');\n\n @include media-large {\n left: 0;\n }\n }\n &.field--name-field-dev-text:before {\n background-image: url('../images/dev.jpg');\n\n @include media-large {\n left: 33.333%;\n }\n }\n &.field--name-field-sprint-text:before {\n background-image: url('../images/sprint.jpg');\n\n @include media-large {\n left: 66.666%;\n }\n }\n }\n\n p, h2 {\n margin: 0;\n }\n\n h2 {\n font-size: 5rem;\n font-weight: 700;\n line-height: 1;\n\n @include media-large {\n font-size: 3rem;\n }\n\n @include media-wide {\n font-size: 5rem;\n }\n }\n\n .schedule-day {\n font-size: 2.5rem;\n font-weight: bold;\n\n @include media-large {\n font-size: 2rem;\n }\n\n @include media-wide {\n font-size: 2.5rem;\n }\n }\n\n .schedule-location {\n font-size: 1.6rem;\n font-weight: 600;\n padding-top: 2rem;\n\n @include media-large {\n font-size: 1.2rem;\n }\n\n @include media-wide {\n font-size: 1.6rem;\n }\n }\n\n .schedule-date {\n font-size: 1.6rem;\n font-weight: 600;\n\n @include media-large {\n font-size: 1.2rem;\n }\n\n @include media-wide {\n font-size: 1.6rem;\n }\n }\n}\n",".form-item > label {\n display: block;\n font-weight: 600;\n\n &.option {\n display: inline;\n font-weight: normal;\n }\n}\n\n.form-submit {\n @include button;\n}\n\n.form-text,\n.form-email {\n max-width: 95%;\n}\n",".views-view-table {\n td {\n display: block;\n vertical-align: top;\n\n &.views-field-field-logo {\n padding: 1em 0;\n text-align: center;\n\n @include media-large {\n padding: 2em 2em 2em 0;\n }\n }\n\n @include media-large {\n display: table-cell;\n }\n }\n\n .views-field-body a {\n @include button;\n }\n}\n\n.view-silver-sponsors {\n overflow: hidden;\n text-align: center;\n\n .sponsor {\n box-sizing: border-box;\n float: left;\n padding: 1em;\n width: 100%;\n\n @include media-tablet {\n width: 50%;\n }\n\n @include media-large {\n width: 33.333%;\n }\n\n @include media-wide {\n width: 20%;\n }\n }\n\n img {\n height: auto;\n max-width: 100%;\n }\n}\n"]} \ No newline at end of file diff --git a/web/themes/dcb2017/dcb2017.info.yml b/web/themes/dcb2017/dcb2017.info.yml index ca54c189e..23bb78523 100644 --- a/web/themes/dcb2017/dcb2017.info.yml +++ b/web/themes/dcb2017/dcb2017.info.yml @@ -13,4 +13,5 @@ regions: featured: Featured content_top: 'Content top' content: Content + content_bottom: 'Content bottom' footer: Footer diff --git a/web/themes/dcb2017/sass/_global.scss b/web/themes/dcb2017/sass/_global.scss index e4da32189..96fa63532 100644 --- a/web/themes/dcb2017/sass/_global.scss +++ b/web/themes/dcb2017/sass/_global.scss @@ -16,3 +16,7 @@ a:visited { h1, h2, h3, h4 { font-weight: 600; } + +h1, h2 { + text-transform: uppercase; +} diff --git a/web/themes/dcb2017/sass/components/_views.scss b/web/themes/dcb2017/sass/components/_views.scss new file mode 100644 index 000000000..d4f8fee6a --- /dev/null +++ b/web/themes/dcb2017/sass/components/_views.scss @@ -0,0 +1,52 @@ +.views-view-table { + td { + display: block; + vertical-align: top; + + &.views-field-field-logo { + padding: 1em 0; + text-align: center; + + @include media-large { + padding: 2em 2em 2em 0; + } + } + + @include media-large { + display: table-cell; + } + } + + .views-field-body a { + @include button; + } +} + +.view-silver-sponsors { + overflow: hidden; + text-align: center; + + .sponsor { + box-sizing: border-box; + float: left; + padding: 1em; + width: 100%; + + @include media-tablet { + width: 50%; + } + + @include media-large { + width: 33.333%; + } + + @include media-wide { + width: 20%; + } + } + + img { + height: auto; + max-width: 100%; + } +} diff --git a/web/themes/dcb2017/sass/layout/_content-bottom.scss b/web/themes/dcb2017/sass/layout/_content-bottom.scss new file mode 100644 index 000000000..1e3ac019f --- /dev/null +++ b/web/themes/dcb2017/sass/layout/_content-bottom.scss @@ -0,0 +1,39 @@ +.region-content-bottom { + margin: 2em 0 4em; + text-align: center; + + h2 { + font-size: 2em; + font-weight: 700; + + @include media-tablet { + font-size: 3em; + } + @include media-large { + font-size: 4em; + } + + span { + color: $dcb-green; + } + } + + .block { + margin: 2em 1em; + } + + .sponsor-link a { + @include button; + background-color: $dcb-green; + + &:hover, + &:focus { + background: $dcb-purple; + } + } + + img { + height: auto; + max-width: 100%; + } +} diff --git a/web/themes/dcb2017/sass/layout/_content.scss b/web/themes/dcb2017/sass/layout/_content.scss index 0a0c62007..9d2b96d06 100644 --- a/web/themes/dcb2017/sass/layout/_content.scss +++ b/web/themes/dcb2017/sass/layout/_content.scss @@ -2,4 +2,8 @@ margin: 0 auto; max-width: 72rem; padding: 1rem; + + .block-views { + margin-bottom: 5em; + } } diff --git a/web/themes/dcb2017/sass/style.scss b/web/themes/dcb2017/sass/style.scss index ac65b2e46..ade4ef4ba 100644 --- a/web/themes/dcb2017/sass/style.scss +++ b/web/themes/dcb2017/sass/style.scss @@ -9,8 +9,10 @@ @import 'layout/featured'; @import 'layout/content'; @import 'layout/content-top'; +@import 'layout/content-bottom'; @import 'layout/footer'; @import 'components/menus'; @import 'components/blocks'; @import 'components/forms'; +@import 'components/views'; diff --git a/web/themes/dcb2017/templates/layout/page.html.twig b/web/themes/dcb2017/templates/layout/page.html.twig index ddbaede89..d5fd42619 100644 --- a/web/themes/dcb2017/templates/layout/page.html.twig +++ b/web/themes/dcb2017/templates/layout/page.html.twig @@ -65,6 +65,9 @@ {{ page.content }} {# /.layout-content #} +
+ {{ page.content_bottom }} +
{# /.layout-content-bottom #} {% if page.footer %} diff --git a/web/themes/dcb2017/templates/layout/region--content-bottom.html.twig b/web/themes/dcb2017/templates/layout/region--content-bottom.html.twig new file mode 100644 index 000000000..f60cec1bb --- /dev/null +++ b/web/themes/dcb2017/templates/layout/region--content-bottom.html.twig @@ -0,0 +1,30 @@ +{# +/** + * @file + * Theme override to display a region. + * + * Available variables: + * - content: The content for this region, typically blocks. + * - attributes: HTML attributes for the region
. + * - region: The name of the region variable as defined in the theme's + * .info.yml file. + * + * @see template_preprocess_region() + */ +#} +{% + set classes = [ + 'region', + 'region-' ~ region|clean_class, + ] +%} +{% if content %} + +

Our Sponsors

+ {{ content }} + +
+ +{% endif %}