From 4037050a36717b2dfa09b3ed74ab3ee17dae4e4c Mon Sep 17 00:00:00 2001 From: Philippe Barbosa Date: Wed, 23 Mar 2016 18:39:02 +0100 Subject: [PATCH] Styles improvment, new event card --- app/festival/static/css/index.css | 339 ++++++--- app/festival/static/js/index.js | 38 +- app/festival/static/scss/base/_buttons.scss | 5 + .../static/scss/base/_typography.scss | 10 + .../static/scss/components/_headers.scss | 2 +- .../static/scss/config/_variables-icons.scss | 698 +++++++++++++++++ app/festival/static/scss/index.scss | 1 + .../static/scss/modules/event-card.scss | 41 +- app/festival/static/scss/modules/icons.scss | 707 +++++++++++++++++- app/festival/static/scss/modules/pager.scss | 4 + app/templates/agenda/event_detail.html | 28 +- app/templates/agenda/event_list.html | 21 +- .../agenda/includes/event_metainfo.html | 25 +- app/templates/base.html | 4 +- 14 files changed, 1743 insertions(+), 180 deletions(-) create mode 100755 app/festival/static/scss/config/_variables-icons.scss diff --git a/app/festival/static/css/index.css b/app/festival/static/css/index.css index 8185c637..c4dcd401 100755 --- a/app/festival/static/css/index.css +++ b/app/festival/static/css/index.css @@ -1,3 +1,4 @@ +@charset "UTF-8"; /** * _VENDORS */ @@ -515,7 +516,7 @@ body { } /* line 30, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_defaults.scss */ -.clearfix:after, .container:after, .row:after, .row-box:after, .event__card:after, .event__card--alt:after, .calendar__month:after, .sticked-form:after, .banner:after, .header:after, .navigation:after, .footer-nav:after, .media:after, .split-container:after { +.clearfix:after, .container:after, .row:after, .row-box:after, .event__card:after, .event__card--alt:after, .event__card--full:after, .calendar__month:after, .sticked-form:after, .banner:after, .header:after, .navigation:after, .footer-nav:after, .media:after, .split-container:after { content: ""; display: table; clear: both; @@ -776,9 +777,21 @@ pre > p { text-transform: uppercase; color: #c4a563; margin: 0 0 1rem; + position: relative; +} + +/* line 211, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_typography.scss */ +.page__title:before { + content: ""; + position: absolute; + right: 101%; + top: 0; + width: 100%; + height: 100%; + background: #c4a563; } -/* line 212, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_typography.scss */ +/* line 222, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_typography.scss */ .push-ical { float: right; margin: 1rem 0; @@ -792,7 +805,7 @@ pre > p { } /* line 22, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */ -.row, .row-box, .event__card, .event__card--alt, .calendar__month { +.row, .row-box, .event__card, .event__card--alt, .event__card--full, .calendar__month { display: block; } @@ -1251,31 +1264,37 @@ button:disabled { margin-left: .5rem; } +/* line 53, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */ +.btn-center { + display: block; + margin: 0 auto; +} + /** * Sizes */ -/* line 57, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */ +/* line 62, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */ .btn-small { padding-right: 0.5rem; padding-left: 0.5rem; line-height: 2; } -/* line 63, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */ +/* line 68, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */ .btn-large { padding-right: 1.5rem; padding-left: 1.5rem; line-height: 4; } -/* line 69, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */ +/* line 74, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */ .btn-huge { padding-right: 2rem; padding-left: 2rem; line-height: 5; } -/* line 75, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */ +/* line 80, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */ .btn-full { width: 100%; padding-right: 0; @@ -1286,51 +1305,51 @@ button:disabled { /** * Colors */ -/* line 86, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */ +/* line 91, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */ .btn-success { border: 1px solid #29b765; background-color: #2ecc71; } -/* line 89, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */ +/* line 94, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */ .btn-success:hover { background-color: #29b765; } -/* line 94, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */ +/* line 99, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */ .btn-error { border: 1px solid #e43725; background-color: #e74c3c; } -/* line 97, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */ +/* line 102, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */ .btn-error:hover { background-color: #e43725; } -/* line 102, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */ +/* line 107, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */ .btn-warning { border: 1px solid #e08e0b; background-color: #f39c12; } -/* line 105, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */ +/* line 110, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */ .btn-warning:hover { background-color: #e08e0b; } -/* line 110, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */ +/* line 115, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */ .btn-info { border: 1px solid #258cd1; background-color: #3498db; } -/* line 113, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */ +/* line 118, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */ .btn-info:hover { background-color: #258cd1; } -/* line 118, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */ +/* line 123, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */ .btn-inverse, .btn-inverse:hover { background: #f7f7f7; @@ -1338,7 +1357,7 @@ button:disabled { border: 1px solid #f7f7f7; } -/* line 125, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */ +/* line 130, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */ .btn-disabled, .btn-disabled:hover, .btn-disabled:active, @@ -1347,14 +1366,14 @@ button:disabled { cursor: text; } -/* line 134, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */ +/* line 139, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */ .share__button { display: block; text-align: center; margin: 2rem auto; } -/* line 140, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */ +/* line 145, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */ .btn-twitter { background: #55acee; color: white; @@ -1362,12 +1381,12 @@ button:disabled { margin: 0 1rem; } -/* line 145, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */ +/* line 150, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */ .btn-twitter:hover { background-color: #2795e9; } -/* line 150, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */ +/* line 155, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */ .btn-facebook { background: #3b5998; color: white; @@ -1375,7 +1394,7 @@ button:disabled { margin: 0 1rem; } -/* line 155, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */ +/* line 160, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */ .btn-facebook:hover { background-color: #2d4373; } @@ -1595,7 +1614,7 @@ th { .nav__complementary { display: block; list-style: none; - text-align: left; + text-align: right; position: absolute; z-index: 200; top: 100%; @@ -2918,64 +2937,64 @@ th { } /* line 1, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */ -.event__card, .event__card--alt { - padding: 1rem; +.event__card, .event__card--alt, .event__card--full { + padding: 0.5rem; background: #fff; + margin-bottom: 1rem; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4); } -/* line 5, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */ +/* line 7, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */ .event__card--alt { background: #00818d; color: white; } -/* line 12, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */ +/* line 30, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */ .event__name { margin: 0 0 0.3rem; - font-size: 2.2rem; + font-size: 1rem; text-transform: uppercase; } -/* line 18, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */ +/* line 36, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */ .event__thumbnail { display: block; - float: left; - margin-right: .5rem; - margin-bottom: .1rem; + margin: -.5rem -.5rem 1rem; } -/* line 25, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */ +/* line 42, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */ .event__description { padding-bottom: 1em; margin-bottom: 1em; } -/* line 29, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */ +/* line 46, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */ .event__description img { display: block; } -/* line 34, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */ +/* line 51, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */ .event__meta { display: block; - padding: .5rem; - background: #e8e8e8; + padding: .5rem 0; font-family: "Interstate", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; text-transform: uppercase; color: #000; margin-bottom: 1rem; + font-size: 0.7rem; } -/* line 44, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */ +/* line 62, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */ .event__meta__inner { display: block; - padding: 0.3rem 0; + padding: 0.1rem 0; border-top: 1px solid #000; border-bottom: 1px solid #000; } -/* line 69, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */ +/* line 87, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */ .event__meta__location { display: block; text-decoration: none; @@ -2983,7 +3002,7 @@ th { font-weight: 400; } -/* line 79, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */ +/* line 97, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */ .event__meta__cta { text-transform: uppercase; display: block; @@ -2991,7 +3010,15 @@ th { background: #fff; } -/* line 87, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */ +/* line 105, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */ +.event__meta__btn { + width: 50%; + display: block; + text-align: center; + margin: 1rem auto; +} + +/* line 112, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */ .event__detail, .event__detail a { text-align: right; @@ -3011,12 +3038,44 @@ th { text-transform: uppercase; } +/* line 16, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/pager.scss */ +.formContent { + background: #000; +} + /* line 5, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/icons.scss */ +.icon { + display: inline-block; + font: normal normal normal 0.5625rem "Font-Awesome"; + font-size: inherit; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + speak: none; +} + +/* line 15, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/icons.scss */ .btn-icon, .btn-icon--facebook { padding: 0.45rem 0.3rem; margin: 0 auto; } +/* line 74, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/icons.scss */ +.icon__bookmark:before { + content: ""; +} + +/* line 183, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/icons.scss */ +.icon__twitter:before { + content: ""; +} + +/* line 184, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/icons.scss */ +.icon__facebook-f:before, +.icon__facebook:before { + content: ""; +} + /* line 5, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/hero-slider.scss */ .hero__slider__item { display: block; @@ -3120,99 +3179,124 @@ th { color: #000; text-transform: uppercase; } -@media (min-width: 769px) {/* line 137, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_forms.scss */ - .sticked-form { +@media (min-width: 769px){ + /* line 137, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_forms.scss */ + .sticked-form{ width: 100%; - }/* line 91, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_footers.scss */ - .nav__footer__item { + } + /* line 91, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_footers.scss */ + .nav__footer__item{ width: 33%; - }/* line 91, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_footers.scss */ - .nav__footer__item { + } + /* line 91, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_footers.scss */ + .nav__footer__item{ padding: 1rem; width: 25%; - }/* line 104, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_footers.scss */ - .nav__footer__item__link { + } + /* line 104, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_footers.scss */ + .nav__footer__item__link{ padding: 1rem; - }/* line 46, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_utilities-layout.scss */ - .box-item-50 { + } + /* line 46, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_utilities-layout.scss */ + .box-item-50{ width: 50%; - }/* line 52, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_utilities-layout.scss */ - .box-item-33 { + } + /* line 52, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_utilities-layout.scss */ + .box-item-33{ width: 33.33333333%; - }/* line 58, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_utilities-layout.scss */ - .box-item-25 { + } + /* line 58, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_utilities-layout.scss */ + .box-item-25{ width: 25%; - }/* line 64, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_utilities-layout.scss */ - .box-item-20 { + } + /* line 64, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_utilities-layout.scss */ + .box-item-20{ width: 20%; - }/* line 17, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-detail.scss */ - .artist__event__cta { + } + /* line 17, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-detail.scss */ + .artist__event__cta{ width: 30%; - }/* line 36, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-detail.scss */ + } + /* line 36, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-detail.scss */ .artist__portrait--left, - .img__align--left { + .img__align--left{ max-width: 40%; margin-top: 0; margin-right: 1rem; float: left; - }/* line 46, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-detail.scss */ + } + /* line 46, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-detail.scss */ .artist__portrait--right, - .img__align--right { + .img__align--right{ max-width: 40%; margin-top: 0; margin-left: 1rem; float: right; } } -@media (min-width: 961px) {/* line 59, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_typography.scss */ - a:hover { +@media (min-width: 961px){ + /* line 59, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_typography.scss */ + a:hover{ color: #8c7035; - }/* line 5, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */ - .container { + } + /* line 5, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */ + .container{ max-width: 960px; - }/* line 27, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */ - .main { + } + /* line 27, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */ + .main{ float: left; width: 75%; padding-right: 1rem; - }/* line 38, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */ - .aside { + } + /* line 38, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */ + .aside{ float: left; width: 25%; - }/* line 54, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */ - .site__content__header__inner { + } + /* line 54, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */ + .site__content__header__inner{ max-width: 70%; - }/* line 146, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_forms.scss */ - .sticked-form input { + } + /* line 146, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_forms.scss */ + .sticked-form input{ width: 80%; - }/* line 163, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_forms.scss */ - .sticked-form input[type=submit] { + } + /* line 163, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_forms.scss */ + .sticked-form input[type=submit]{ width: 20%; border-radius: 0 0px 0px 0; - }/* line 214, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_forms.scss */ - .select.search__form__select { + } + /* line 214, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_forms.scss */ + .select.search__form__select{ width: 20%; - }/* line 43, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ - .header__baseline { + } + /* line 43, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ + .header__baseline{ line-height: 155px; font-size: 1.8rem; - }/* line 62, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ - .header__logo--right { + } + /* line 62, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ + .header__logo--right{ display: block; float: right; - }/* line 70, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ - .header__logo__img { + } + /* line 70, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ + .header__logo__img{ max-height: 150px; - }/* line 90, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ - .navigation { + } + /* line 90, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ + .navigation{ display: block; - }/* line 100, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ - .menu__item, .submenu__item { + } + /* line 100, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ + .menu__item, .submenu__item{ display: inline-block; display: inline; zoom: 1; - }/* line 121, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ - .submenu { + } + /* line 121, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ + .submenu{ width: 140%; margin-left: -20%; position: absolute; @@ -3222,53 +3306,76 @@ th { opacity: 0; visibility: hidden; transition: opacity 0.3s ease-out, visibility 0.1s 0.1s linear; - }/* line 139, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ - .submenu__item { + } + /* line 139, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */ + .submenu__item{ opacity: 0; visibility: hidden; transition: opacity 0.15s 0.15s ease-out, visibility 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out; margin-top: -15px; display: block; - }/* line 91, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_footers.scss */ - .nav__footer__item { + } + /* line 91, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_footers.scss */ + .nav__footer__item{ width: auto; - }/* line 104, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_footers.scss */ - .nav__footer__item__link { + } + /* line 104, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_footers.scss */ + .nav__footer__item__link{ padding: .5rem; - }/* line 5, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_menu-toggle.scss */ - .menu__toggle { + } + /* line 5, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_menu-toggle.scss */ + .menu__toggle{ display: none; - }/* line 8, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-card.scss */ + } + /* line 8, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-card.scss */ .artist__sizer, - .artist__item { + .artist__item{ width: 33.33333%; - }/* line 16, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-card.scss */ - .artist__item { + } + /* line 16, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-card.scss */ + .artist__item{ padding: 1rem; - }/* line 24, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-card.scss */ - .artist__item__inner { + } + /* line 24, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-card.scss */ + .artist__item__inner{ transition: .3s; - }/* line 30, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-card.scss */ - .artist__item__inner:hover { + } + /* line 30, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-card.scss */ + .artist__item__inner:hover{ box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.8); -webkit-transform: scale(1.01); transform: scale(1.01); - }/* line 58, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-card.scss */ - .artist__item__name { + } + /* line 58, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-card.scss */ + .artist__item__name{ padding: 0.8rem; font-size: 0.8rem; - }/* line 17, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-detail.scss */ - .artist__event__cta { + } + /* line 17, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-detail.scss */ + .artist__event__cta{ width: 20%; } + /* line 1, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */ + .event__card, .event__card--alt, .event__card--full{ + float: left; + width: 31%; + margin: 0 .5rem 0 .5rem; + } + /* line 19, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */ + .event__card--full{ + width: 100%; + display: block; + } } -@media (min-width: 1200px) {/* line 5, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */ - .container { +@media (min-width: 1200px){ + /* line 5, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */ + .container{ max-width: 1140px; } } -@media (min-width: 1800px) {/* line 5, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */ - .container { +@media (min-width: 1800px){ + /* line 5, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */ + .container{ max-width: 1420px; } } diff --git a/app/festival/static/js/index.js b/app/festival/static/js/index.js index 451898e2..16b5799a 100644 --- a/app/festival/static/js/index.js +++ b/app/festival/static/js/index.js @@ -93,19 +93,29 @@ $(function() { * @author Philippe Barbosa */ - var t = new Instafeed({ - get: "user", - userId: 2985811, - accessToken: "2985811.467ede5.2d850141659d4a5fab04f28187e580cd", - resolution: "standard_resolution", - sortBy: "most-recent", - limit: 12, - template: '
{{caption}}
', - error: function() { - $(".instagram-panel").remove() - } + // var t = new Instafeed({ + // get: "tagged", + // tagName: "manifeste15" + // userId: 2124483621, + // // accessToken: "2985811.467ede5.2d850141659d4a5fab04f28187e580cd", + // resolution: "standard_resolution", + // sortBy: "most-recent", + // limit: 8, + // template: '
{{caption}}
', + // error: function() { + // $(".instagram").remove() + // } + // }); + + // $("#instafeed").length && t.run(); + + // $("#instafeed").length && t.run(); + + var feed = new Instafeed({ + get: 'tagged', + tagName: 'awesome', + clientId: 2124483621, + accessToken: 'Disable implicit OAuth' }); - - $("#instafeed").length && t.run(); - + feed.run(); }); \ No newline at end of file diff --git a/app/festival/static/scss/base/_buttons.scss b/app/festival/static/scss/base/_buttons.scss index 1cecf053..e8c7b15c 100755 --- a/app/festival/static/scss/base/_buttons.scss +++ b/app/festival/static/scss/base/_buttons.scss @@ -50,6 +50,11 @@ margin-left: .5rem; } +.btn-center { + display: block; + margin: 0 auto; +} + /** * Sizes diff --git a/app/festival/static/scss/base/_typography.scss b/app/festival/static/scss/base/_typography.scss index 4815fff1..46586e8f 100755 --- a/app/festival/static/scss/base/_typography.scss +++ b/app/festival/static/scss/base/_typography.scss @@ -207,6 +207,16 @@ pre > p { text-transform: uppercase; color: $base_link_color; margin: 0 0 1rem; + position: relative; + &:before { + content: ""; + position: absolute; + right: 101%; + top: 0; + width: 100%; + height: 100%; + background: $base_link_color; + } } .push-ical { diff --git a/app/festival/static/scss/components/_headers.scss b/app/festival/static/scss/components/_headers.scss index 7b0f7f6f..b42ae59d 100755 --- a/app/festival/static/scss/components/_headers.scss +++ b/app/festival/static/scss/components/_headers.scss @@ -179,7 +179,7 @@ .nav__complementary { display: block; list-style: none; - text-align: left; + text-align: right; position: absolute; z-index: $zi_2; top: 100%; diff --git a/app/festival/static/scss/config/_variables-icons.scss b/app/festival/static/scss/config/_variables-icons.scss new file mode 100755 index 00000000..481b6b43 --- /dev/null +++ b/app/festival/static/scss/config/_variables-icons.scss @@ -0,0 +1,698 @@ +// **************************************************************** +// _Icons Unicode +// **************************************************************** + +$fa-var-500px: "\f26e"; +$fa-var-adjust: "\f042"; +$fa-var-adn: "\f170"; +$fa-var-align-center: "\f037"; +$fa-var-align-justify: "\f039"; +$fa-var-align-left: "\f036"; +$fa-var-align-right: "\f038"; +$fa-var-amazon: "\f270"; +$fa-var-ambulance: "\f0f9"; +$fa-var-anchor: "\f13d"; +$fa-var-android: "\f17b"; +$fa-var-angellist: "\f209"; +$fa-var-angle-double-down: "\f103"; +$fa-var-angle-double-left: "\f100"; +$fa-var-angle-double-right: "\f101"; +$fa-var-angle-double-up: "\f102"; +$fa-var-angle-down: "\f107"; +$fa-var-angle-left: "\f104"; +$fa-var-angle-right: "\f105"; +$fa-var-angle-up: "\f106"; +$fa-var-apple: "\f179"; +$fa-var-archive: "\f187"; +$fa-var-area-chart: "\f1fe"; +$fa-var-arrow-circle-down: "\f0ab"; +$fa-var-arrow-circle-left: "\f0a8"; +$fa-var-arrow-circle-o-down: "\f01a"; +$fa-var-arrow-circle-o-left: "\f190"; +$fa-var-arrow-circle-o-right: "\f18e"; +$fa-var-arrow-circle-o-up: "\f01b"; +$fa-var-arrow-circle-right: "\f0a9"; +$fa-var-arrow-circle-up: "\f0aa"; +$fa-var-arrow-down: "\f063"; +$fa-var-arrow-left: "\f060"; +$fa-var-arrow-right: "\f061"; +$fa-var-arrow-up: "\f062"; +$fa-var-arrows: "\f047"; +$fa-var-arrows-alt: "\f0b2"; +$fa-var-arrows-h: "\f07e"; +$fa-var-arrows-v: "\f07d"; +$fa-var-asterisk: "\f069"; +$fa-var-at: "\f1fa"; +$fa-var-automobile: "\f1b9"; +$fa-var-backward: "\f04a"; +$fa-var-balance-scale: "\f24e"; +$fa-var-ban: "\f05e"; +$fa-var-bank: "\f19c"; +$fa-var-bar-chart: "\f080"; +$fa-var-bar-chart-o: "\f080"; +$fa-var-barcode: "\f02a"; +$fa-var-bars: "\f0c9"; +$fa-var-battery-0: "\f244"; +$fa-var-battery-1: "\f243"; +$fa-var-battery-2: "\f242"; +$fa-var-battery-3: "\f241"; +$fa-var-battery-4: "\f240"; +$fa-var-battery-empty: "\f244"; +$fa-var-battery-full: "\f240"; +$fa-var-battery-half: "\f242"; +$fa-var-battery-quarter: "\f243"; +$fa-var-battery-three-quarters: "\f241"; +$fa-var-bed: "\f236"; +$fa-var-beer: "\f0fc"; +$fa-var-behance: "\f1b4"; +$fa-var-behance-square: "\f1b5"; +$fa-var-bell: "\f0f3"; +$fa-var-bell-o: "\f0a2"; +$fa-var-bell-slash: "\f1f6"; +$fa-var-bell-slash-o: "\f1f7"; +$fa-var-bicycle: "\f206"; +$fa-var-binoculars: "\f1e5"; +$fa-var-birthday-cake: "\f1fd"; +$fa-var-bitbucket: "\f171"; +$fa-var-bitbucket-square: "\f172"; +$fa-var-bitcoin: "\f15a"; +$fa-var-black-tie: "\f27e"; +$fa-var-bluetooth: "\f293"; +$fa-var-bluetooth-b: "\f294"; +$fa-var-bold: "\f032"; +$fa-var-bolt: "\f0e7"; +$fa-var-bomb: "\f1e2"; +$fa-var-book: "\f02d"; +$fa-var-bookmark: "\f02e"; +$fa-var-bookmark-o: "\f097"; +$fa-var-briefcase: "\f0b1"; +$fa-var-btc: "\f15a"; +$fa-var-bug: "\f188"; +$fa-var-building: "\f1ad"; +$fa-var-building-o: "\f0f7"; +$fa-var-bullhorn: "\f0a1"; +$fa-var-bullseye: "\f140"; +$fa-var-bus: "\f207"; +$fa-var-buysellads: "\f20d"; +$fa-var-cab: "\f1ba"; +$fa-var-calculator: "\f1ec"; +$fa-var-calendar: "\f073"; +$fa-var-calendar-check-o: "\f274"; +$fa-var-calendar-minus-o: "\f272"; +$fa-var-calendar-o: "\f133"; +$fa-var-calendar-plus-o: "\f271"; +$fa-var-calendar-times-o: "\f273"; +$fa-var-camera: "\f030"; +$fa-var-camera-retro: "\f083"; +$fa-var-car: "\f1b9"; +$fa-var-caret-down: "\f0d7"; +$fa-var-caret-left: "\f0d9"; +$fa-var-caret-right: "\f0da"; +$fa-var-caret-square-o-down: "\f150"; +$fa-var-caret-square-o-left: "\f191"; +$fa-var-caret-square-o-right: "\f152"; +$fa-var-caret-square-o-up: "\f151"; +$fa-var-caret-up: "\f0d8"; +$fa-var-cart-arrow-down: "\f218"; +$fa-var-cart-plus: "\f217"; +$fa-var-cc: "\f20a"; +$fa-var-cc-amex: "\f1f3"; +$fa-var-cc-diners-club: "\f24c"; +$fa-var-cc-discover: "\f1f2"; +$fa-var-cc-jcb: "\f24b"; +$fa-var-cc-mastercard: "\f1f1"; +$fa-var-cc-paypal: "\f1f4"; +$fa-var-cc-stripe: "\f1f5"; +$fa-var-cc-visa: "\f1f0"; +$fa-var-certificate: "\f0a3"; +$fa-var-chain: "\f0c1"; +$fa-var-chain-broken: "\f127"; +$fa-var-check: "\f00c"; +$fa-var-check-circle: "\f058"; +$fa-var-check-circle-o: "\f05d"; +$fa-var-check-square: "\f14a"; +$fa-var-check-square-o: "\f046"; +$fa-var-chevron-circle-down: "\f13a"; +$fa-var-chevron-circle-left: "\f137"; +$fa-var-chevron-circle-right: "\f138"; +$fa-var-chevron-circle-up: "\f139"; +$fa-var-chevron-down: "\f078"; +$fa-var-chevron-left: "\f053"; +$fa-var-chevron-right: "\f054"; +$fa-var-chevron-up: "\f077"; +$fa-var-child: "\f1ae"; +$fa-var-chrome: "\f268"; +$fa-var-circle: "\f111"; +$fa-var-circle-o: "\f10c"; +$fa-var-circle-o-notch: "\f1ce"; +$fa-var-circle-thin: "\f1db"; +$fa-var-clipboard: "\f0ea"; +$fa-var-clock-o: "\f017"; +$fa-var-clone: "\f24d"; +$fa-var-close: "\f00d"; +$fa-var-cloud: "\f0c2"; +$fa-var-cloud-download: "\f0ed"; +$fa-var-cloud-upload: "\f0ee"; +$fa-var-cny: "\f157"; +$fa-var-code: "\f121"; +$fa-var-code-fork: "\f126"; +$fa-var-codepen: "\f1cb"; +$fa-var-codiepie: "\f284"; +$fa-var-coffee: "\f0f4"; +$fa-var-cog: "\f013"; +$fa-var-cogs: "\f085"; +$fa-var-columns: "\f0db"; +$fa-var-comment: "\f075"; +$fa-var-comment-o: "\f0e5"; +$fa-var-commenting: "\f27a"; +$fa-var-commenting-o: "\f27b"; +$fa-var-comments: "\f086"; +$fa-var-comments-o: "\f0e6"; +$fa-var-compass: "\f14e"; +$fa-var-compress: "\f066"; +$fa-var-connectdevelop: "\f20e"; +$fa-var-contao: "\f26d"; +$fa-var-copy: "\f0c5"; +$fa-var-copyright: "\f1f9"; +$fa-var-creative-commons: "\f25e"; +$fa-var-credit-card: "\f09d"; +$fa-var-credit-card-alt: "\f283"; +$fa-var-crop: "\f125"; +$fa-var-crosshairs: "\f05b"; +$fa-var-css3: "\f13c"; +$fa-var-cube: "\f1b2"; +$fa-var-cubes: "\f1b3"; +$fa-var-cut: "\f0c4"; +$fa-var-cutlery: "\f0f5"; +$fa-var-dashboard: "\f0e4"; +$fa-var-dashcube: "\f210"; +$fa-var-database: "\f1c0"; +$fa-var-dedent: "\f03b"; +$fa-var-delicious: "\f1a5"; +$fa-var-desktop: "\f108"; +$fa-var-deviantart: "\f1bd"; +$fa-var-diamond: "\f219"; +$fa-var-digg: "\f1a6"; +$fa-var-dollar: "\f155"; +$fa-var-dot-circle-o: "\f192"; +$fa-var-download: "\f019"; +$fa-var-dribbble: "\f17d"; +$fa-var-dropbox: "\f16b"; +$fa-var-drupal: "\f1a9"; +$fa-var-edge: "\f282"; +$fa-var-edit: "\f044"; +$fa-var-eject: "\f052"; +$fa-var-ellipsis-h: "\f141"; +$fa-var-ellipsis-v: "\f142"; +$fa-var-empire: "\f1d1"; +$fa-var-envelope: "\f0e0"; +$fa-var-envelope-o: "\f003"; +$fa-var-envelope-square: "\f199"; +$fa-var-eraser: "\f12d"; +$fa-var-eur: "\f153"; +$fa-var-euro: "\f153"; +$fa-var-exchange: "\f0ec"; +$fa-var-exclamation: "\f12a"; +$fa-var-exclamation-circle: "\f06a"; +$fa-var-exclamation-triangle: "\f071"; +$fa-var-expand: "\f065"; +$fa-var-expeditedssl: "\f23e"; +$fa-var-external-link: "\f08e"; +$fa-var-external-link-square: "\f14c"; +$fa-var-eye: "\f06e"; +$fa-var-eye-slash: "\f070"; +$fa-var-eyedropper: "\f1fb"; +$fa-var-facebook: "\f09a"; +$fa-var-facebook-f: "\f09a"; +$fa-var-facebook-official: "\f230"; +$fa-var-facebook-square: "\f082"; +$fa-var-fast-backward: "\f049"; +$fa-var-fast-forward: "\f050"; +$fa-var-fax: "\f1ac"; +$fa-var-feed: "\f09e"; +$fa-var-female: "\f182"; +$fa-var-fighter-jet: "\f0fb"; +$fa-var-file: "\f15b"; +$fa-var-file-archive-o: "\f1c6"; +$fa-var-file-audio-o: "\f1c7"; +$fa-var-file-code-o: "\f1c9"; +$fa-var-file-excel-o: "\f1c3"; +$fa-var-file-image-o: "\f1c5"; +$fa-var-file-movie-o: "\f1c8"; +$fa-var-file-o: "\f016"; +$fa-var-file-pdf-o: "\f1c1"; +$fa-var-file-photo-o: "\f1c5"; +$fa-var-file-picture-o: "\f1c5"; +$fa-var-file-powerpoint-o: "\f1c4"; +$fa-var-file-sound-o: "\f1c7"; +$fa-var-file-text: "\f15c"; +$fa-var-file-text-o: "\f0f6"; +$fa-var-file-video-o: "\f1c8"; +$fa-var-file-word-o: "\f1c2"; +$fa-var-file-zip-o: "\f1c6"; +$fa-var-files-o: "\f0c5"; +$fa-var-film: "\f008"; +$fa-var-filter: "\f0b0"; +$fa-var-fire: "\f06d"; +$fa-var-fire-extinguisher: "\f134"; +$fa-var-firefox: "\f269"; +$fa-var-flag: "\f024"; +$fa-var-flag-checkered: "\f11e"; +$fa-var-flag-o: "\f11d"; +$fa-var-flash: "\f0e7"; +$fa-var-flask: "\f0c3"; +$fa-var-flickr: "\f16e"; +$fa-var-floppy-o: "\f0c7"; +$fa-var-folder: "\f07b"; +$fa-var-folder-o: "\f114"; +$fa-var-folder-open: "\f07c"; +$fa-var-folder-open-o: "\f115"; +$fa-var-font: "\f031"; +$fa-var-fonticons: "\f280"; +$fa-var-fort-awesome: "\f286"; +$fa-var-forumbee: "\f211"; +$fa-var-forward: "\f04e"; +$fa-var-foursquare: "\f180"; +$fa-var-frown-o: "\f119"; +$fa-var-futbol-o: "\f1e3"; +$fa-var-gamepad: "\f11b"; +$fa-var-gavel: "\f0e3"; +$fa-var-gbp: "\f154"; +$fa-var-ge: "\f1d1"; +$fa-var-gear: "\f013"; +$fa-var-gears: "\f085"; +$fa-var-genderless: "\f22d"; +$fa-var-get-pocket: "\f265"; +$fa-var-gg: "\f260"; +$fa-var-gg-circle: "\f261"; +$fa-var-gift: "\f06b"; +$fa-var-git: "\f1d3"; +$fa-var-git-square: "\f1d2"; +$fa-var-github: "\f09b"; +$fa-var-github-alt: "\f113"; +$fa-var-github-square: "\f092"; +$fa-var-gittip: "\f184"; +$fa-var-glass: "\f000"; +$fa-var-globe: "\f0ac"; +$fa-var-google: "\f1a0"; +$fa-var-google-plus: "\f0d5"; +$fa-var-google-plus-square: "\f0d4"; +$fa-var-google-wallet: "\f1ee"; +$fa-var-graduation-cap: "\f19d"; +$fa-var-gratipay: "\f184"; +$fa-var-group: "\f0c0"; +$fa-var-h-square: "\f0fd"; +$fa-var-hacker-news: "\f1d4"; +$fa-var-hand-grab-o: "\f255"; +$fa-var-hand-lizard-o: "\f258"; +$fa-var-hand-o-down: "\f0a7"; +$fa-var-hand-o-left: "\f0a5"; +$fa-var-hand-o-right: "\f0a4"; +$fa-var-hand-o-up: "\f0a6"; +$fa-var-hand-paper-o: "\f256"; +$fa-var-hand-peace-o: "\f25b"; +$fa-var-hand-pointer-o: "\f25a"; +$fa-var-hand-rock-o: "\f255"; +$fa-var-hand-scissors-o: "\f257"; +$fa-var-hand-spock-o: "\f259"; +$fa-var-hand-stop-o: "\f256"; +$fa-var-hashtag: "\f292"; +$fa-var-hdd-o: "\f0a0"; +$fa-var-header: "\f1dc"; +$fa-var-headphones: "\f025"; +$fa-var-heart: "\f004"; +$fa-var-heart-o: "\f08a"; +$fa-var-heartbeat: "\f21e"; +$fa-var-history: "\f1da"; +$fa-var-home: "\f015"; +$fa-var-hospital-o: "\f0f8"; +$fa-var-hotel: "\f236"; +$fa-var-hourglass: "\f254"; +$fa-var-hourglass-1: "\f251"; +$fa-var-hourglass-2: "\f252"; +$fa-var-hourglass-3: "\f253"; +$fa-var-hourglass-end: "\f253"; +$fa-var-hourglass-half: "\f252"; +$fa-var-hourglass-o: "\f250"; +$fa-var-hourglass-start: "\f251"; +$fa-var-houzz: "\f27c"; +$fa-var-html5: "\f13b"; +$fa-var-i-cursor: "\f246"; +$fa-var-ils: "\f20b"; +$fa-var-image: "\f03e"; +$fa-var-inbox: "\f01c"; +$fa-var-indent: "\f03c"; +$fa-var-industry: "\f275"; +$fa-var-info: "\f129"; +$fa-var-info-circle: "\f05a"; +$fa-var-inr: "\f156"; +$fa-var-instagram: "\f16d"; +$fa-var-institution: "\f19c"; +$fa-var-internet-explorer: "\f26b"; +$fa-var-intersex: "\f224"; +$fa-var-ioxhost: "\f208"; +$fa-var-italic: "\f033"; +$fa-var-joomla: "\f1aa"; +$fa-var-jpy: "\f157"; +$fa-var-jsfiddle: "\f1cc"; +$fa-var-key: "\f084"; +$fa-var-keyboard-o: "\f11c"; +$fa-var-krw: "\f159"; +$fa-var-language: "\f1ab"; +$fa-var-laptop: "\f109"; +$fa-var-lastfm: "\f202"; +$fa-var-lastfm-square: "\f203"; +$fa-var-leaf: "\f06c"; +$fa-var-leanpub: "\f212"; +$fa-var-legal: "\f0e3"; +$fa-var-lemon-o: "\f094"; +$fa-var-level-down: "\f149"; +$fa-var-level-up: "\f148"; +$fa-var-life-bouy: "\f1cd"; +$fa-var-life-buoy: "\f1cd"; +$fa-var-life-ring: "\f1cd"; +$fa-var-life-saver: "\f1cd"; +$fa-var-lightbulb-o: "\f0eb"; +$fa-var-line-chart: "\f201"; +$fa-var-link: "\f0c1"; +$fa-var-linkedin: "\f0e1"; +$fa-var-linkedin-square: "\f08c"; +$fa-var-linux: "\f17c"; +$fa-var-list: "\f03a"; +$fa-var-list-alt: "\f022"; +$fa-var-list-ol: "\f0cb"; +$fa-var-list-ul: "\f0ca"; +$fa-var-location-arrow: "\f124"; +$fa-var-lock: "\f023"; +$fa-var-long-arrow-down: "\f175"; +$fa-var-long-arrow-left: "\f177"; +$fa-var-long-arrow-right: "\f178"; +$fa-var-long-arrow-up: "\f176"; +$fa-var-magic: "\f0d0"; +$fa-var-magnet: "\f076"; +$fa-var-mail-forward: "\f064"; +$fa-var-mail-reply: "\f112"; +$fa-var-mail-reply-all: "\f122"; +$fa-var-male: "\f183"; +$fa-var-map: "\f279"; +$fa-var-map-marker: "\f041"; +$fa-var-map-o: "\f278"; +$fa-var-map-pin: "\f276"; +$fa-var-map-signs: "\f277"; +$fa-var-mars: "\f222"; +$fa-var-mars-double: "\f227"; +$fa-var-mars-stroke: "\f229"; +$fa-var-mars-stroke-h: "\f22b"; +$fa-var-mars-stroke-v: "\f22a"; +$fa-var-maxcdn: "\f136"; +$fa-var-meanpath: "\f20c"; +$fa-var-medium: "\f23a"; +$fa-var-medkit: "\f0fa"; +$fa-var-meh-o: "\f11a"; +$fa-var-mercury: "\f223"; +$fa-var-microphone: "\f130"; +$fa-var-microphone-slash: "\f131"; +$fa-var-minus: "\f068"; +$fa-var-minus-circle: "\f056"; +$fa-var-minus-square: "\f146"; +$fa-var-minus-square-o: "\f147"; +$fa-var-mixcloud: "\f289"; +$fa-var-mobile: "\f10b"; +$fa-var-mobile-phone: "\f10b"; +$fa-var-modx: "\f285"; +$fa-var-money: "\f0d6"; +$fa-var-moon-o: "\f186"; +$fa-var-mortar-board: "\f19d"; +$fa-var-motorcycle: "\f21c"; +$fa-var-mouse-pointer: "\f245"; +$fa-var-music: "\f001"; +$fa-var-navicon: "\f0c9"; +$fa-var-neuter: "\f22c"; +$fa-var-newspaper-o: "\f1ea"; +$fa-var-object-group: "\f247"; +$fa-var-object-ungroup: "\f248"; +$fa-var-odnoklassniki: "\f263"; +$fa-var-odnoklassniki-square: "\f264"; +$fa-var-opencart: "\f23d"; +$fa-var-openid: "\f19b"; +$fa-var-opera: "\f26a"; +$fa-var-optin-monster: "\f23c"; +$fa-var-outdent: "\f03b"; +$fa-var-pagelines: "\f18c"; +$fa-var-paint-brush: "\f1fc"; +$fa-var-paper-plane: "\f1d8"; +$fa-var-paper-plane-o: "\f1d9"; +$fa-var-paperclip: "\f0c6"; +$fa-var-paragraph: "\f1dd"; +$fa-var-paste: "\f0ea"; +$fa-var-pause: "\f04c"; +$fa-var-pause-circle: "\f28b"; +$fa-var-pause-circle-o: "\f28c"; +$fa-var-paw: "\f1b0"; +$fa-var-paypal: "\f1ed"; +$fa-var-pencil: "\f040"; +$fa-var-pencil-square: "\f14b"; +$fa-var-pencil-square-o: "\f044"; +$fa-var-percent: "\f295"; +$fa-var-phone: "\f095"; +$fa-var-phone-square: "\f098"; +$fa-var-photo: "\f03e"; +$fa-var-picture-o: "\f03e"; +$fa-var-pie-chart: "\f200"; +$fa-var-pied-piper: "\f1a7"; +$fa-var-pied-piper-alt: "\f1a8"; +$fa-var-pinterest: "\f0d2"; +$fa-var-pinterest-p: "\f231"; +$fa-var-pinterest-square: "\f0d3"; +$fa-var-plane: "\f072"; +$fa-var-play: "\f04b"; +$fa-var-play-circle: "\f144"; +$fa-var-play-circle-o: "\f01d"; +$fa-var-plug: "\f1e6"; +$fa-var-plus: "\f067"; +$fa-var-plus-circle: "\f055"; +$fa-var-plus-square: "\f0fe"; +$fa-var-plus-square-o: "\f196"; +$fa-var-power-off: "\f011"; +$fa-var-print: "\f02f"; +$fa-var-product-hunt: "\f288"; +$fa-var-puzzle-piece: "\f12e"; +$fa-var-qq: "\f1d6"; +$fa-var-qrcode: "\f029"; +$fa-var-question: "\f128"; +$fa-var-question-circle: "\f059"; +$fa-var-quote-left: "\f10d"; +$fa-var-quote-right: "\f10e"; +$fa-var-ra: "\f1d0"; +$fa-var-random: "\f074"; +$fa-var-rebel: "\f1d0"; +$fa-var-recycle: "\f1b8"; +$fa-var-reddit: "\f1a1"; +$fa-var-reddit-alien: "\f281"; +$fa-var-reddit-square: "\f1a2"; +$fa-var-refresh: "\f021"; +$fa-var-registered: "\f25d"; +$fa-var-remove: "\f00d"; +$fa-var-renren: "\f18b"; +$fa-var-reorder: "\f0c9"; +$fa-var-repeat: "\f01e"; +$fa-var-reply: "\f112"; +$fa-var-reply-all: "\f122"; +$fa-var-retweet: "\f079"; +$fa-var-rmb: "\f157"; +$fa-var-road: "\f018"; +$fa-var-rocket: "\f135"; +$fa-var-rotate-left: "\f0e2"; +$fa-var-rotate-right: "\f01e"; +$fa-var-rouble: "\f158"; +$fa-var-rss: "\f09e"; +$fa-var-rss-square: "\f143"; +$fa-var-rub: "\f158"; +$fa-var-ruble: "\f158"; +$fa-var-rupee: "\f156"; +$fa-var-safari: "\f267"; +$fa-var-save: "\f0c7"; +$fa-var-scissors: "\f0c4"; +$fa-var-scribd: "\f28a"; +$fa-var-search: "\f002"; +$fa-var-search-minus: "\f010"; +$fa-var-search-plus: "\f00e"; +$fa-var-sellsy: "\f213"; +$fa-var-send: "\f1d8"; +$fa-var-send-o: "\f1d9"; +$fa-var-server: "\f233"; +$fa-var-share: "\f064"; +$fa-var-share-alt: "\f1e0"; +$fa-var-share-alt-square: "\f1e1"; +$fa-var-share-square: "\f14d"; +$fa-var-share-square-o: "\f045"; +$fa-var-shekel: "\f20b"; +$fa-var-sheqel: "\f20b"; +$fa-var-shield: "\f132"; +$fa-var-ship: "\f21a"; +$fa-var-shirtsinbulk: "\f214"; +$fa-var-shopping-bag: "\f290"; +$fa-var-shopping-basket: "\f291"; +$fa-var-shopping-cart: "\f07a"; +$fa-var-sign-in: "\f090"; +$fa-var-sign-out: "\f08b"; +$fa-var-signal: "\f012"; +$fa-var-simplybuilt: "\f215"; +$fa-var-sitemap: "\f0e8"; +$fa-var-skyatlas: "\f216"; +$fa-var-skype: "\f17e"; +$fa-var-slack: "\f198"; +$fa-var-sliders: "\f1de"; +$fa-var-slideshare: "\f1e7"; +$fa-var-smile-o: "\f118"; +$fa-var-soccer-ball-o: "\f1e3"; +$fa-var-sort: "\f0dc"; +$fa-var-sort-alpha-asc: "\f15d"; +$fa-var-sort-alpha-desc: "\f15e"; +$fa-var-sort-amount-asc: "\f160"; +$fa-var-sort-amount-desc: "\f161"; +$fa-var-sort-asc: "\f0de"; +$fa-var-sort-desc: "\f0dd"; +$fa-var-sort-down: "\f0dd"; +$fa-var-sort-numeric-asc: "\f162"; +$fa-var-sort-numeric-desc: "\f163"; +$fa-var-sort-up: "\f0de"; +$fa-var-soundcloud: "\f1be"; +$fa-var-space-shuttle: "\f197"; +$fa-var-spinner: "\f110"; +$fa-var-spoon: "\f1b1"; +$fa-var-spotify: "\f1bc"; +$fa-var-square: "\f0c8"; +$fa-var-square-o: "\f096"; +$fa-var-stack-exchange: "\f18d"; +$fa-var-stack-overflow: "\f16c"; +$fa-var-star: "\f005"; +$fa-var-star-half: "\f089"; +$fa-var-star-half-empty: "\f123"; +$fa-var-star-half-full: "\f123"; +$fa-var-star-half-o: "\f123"; +$fa-var-star-o: "\f006"; +$fa-var-steam: "\f1b6"; +$fa-var-steam-square: "\f1b7"; +$fa-var-step-backward: "\f048"; +$fa-var-step-forward: "\f051"; +$fa-var-stethoscope: "\f0f1"; +$fa-var-sticky-note: "\f249"; +$fa-var-sticky-note-o: "\f24a"; +$fa-var-stop: "\f04d"; +$fa-var-stop-circle: "\f28d"; +$fa-var-stop-circle-o: "\f28e"; +$fa-var-street-view: "\f21d"; +$fa-var-strikethrough: "\f0cc"; +$fa-var-stumbleupon: "\f1a4"; +$fa-var-stumbleupon-circle: "\f1a3"; +$fa-var-subscript: "\f12c"; +$fa-var-subway: "\f239"; +$fa-var-suitcase: "\f0f2"; +$fa-var-sun-o: "\f185"; +$fa-var-superscript: "\f12b"; +$fa-var-support: "\f1cd"; +$fa-var-table: "\f0ce"; +$fa-var-tablet: "\f10a"; +$fa-var-tachometer: "\f0e4"; +$fa-var-tag: "\f02b"; +$fa-var-tags: "\f02c"; +$fa-var-tasks: "\f0ae"; +$fa-var-taxi: "\f1ba"; +$fa-var-television: "\f26c"; +$fa-var-tencent-weibo: "\f1d5"; +$fa-var-terminal: "\f120"; +$fa-var-text-height: "\f034"; +$fa-var-text-width: "\f035"; +$fa-var-th: "\f00a"; +$fa-var-th-large: "\f009"; +$fa-var-th-list: "\f00b"; +$fa-var-thumb-tack: "\f08d"; +$fa-var-thumbs-down: "\f165"; +$fa-var-thumbs-o-down: "\f088"; +$fa-var-thumbs-o-up: "\f087"; +$fa-var-thumbs-up: "\f164"; +$fa-var-ticket: "\f145"; +$fa-var-times: "\f00d"; +$fa-var-times-circle: "\f057"; +$fa-var-times-circle-o: "\f05c"; +$fa-var-tint: "\f043"; +$fa-var-toggle-down: "\f150"; +$fa-var-toggle-left: "\f191"; +$fa-var-toggle-off: "\f204"; +$fa-var-toggle-on: "\f205"; +$fa-var-toggle-right: "\f152"; +$fa-var-toggle-up: "\f151"; +$fa-var-trademark: "\f25c"; +$fa-var-train: "\f238"; +$fa-var-transgender: "\f224"; +$fa-var-transgender-alt: "\f225"; +$fa-var-trash: "\f1f8"; +$fa-var-trash-o: "\f014"; +$fa-var-tree: "\f1bb"; +$fa-var-trello: "\f181"; +$fa-var-tripadvisor: "\f262"; +$fa-var-trophy: "\f091"; +$fa-var-truck: "\f0d1"; +$fa-var-try: "\f195"; +$fa-var-tty: "\f1e4"; +$fa-var-tumblr: "\f173"; +$fa-var-tumblr-square: "\f174"; +$fa-var-turkish-lira: "\f195"; +$fa-var-tv: "\f26c"; +$fa-var-twitch: "\f1e8"; +$fa-var-twitter: "\f099"; +$fa-var-twitter-square: "\f081"; +$fa-var-umbrella: "\f0e9"; +$fa-var-underline: "\f0cd"; +$fa-var-undo: "\f0e2"; +$fa-var-university: "\f19c"; +$fa-var-unlink: "\f127"; +$fa-var-unlock: "\f09c"; +$fa-var-unlock-alt: "\f13e"; +$fa-var-unsorted: "\f0dc"; +$fa-var-upload: "\f093"; +$fa-var-usb: "\f287"; +$fa-var-usd: "\f155"; +$fa-var-user: "\f007"; +$fa-var-user-md: "\f0f0"; +$fa-var-user-plus: "\f234"; +$fa-var-user-secret: "\f21b"; +$fa-var-user-times: "\f235"; +$fa-var-users: "\f0c0"; +$fa-var-venus: "\f221"; +$fa-var-venus-double: "\f226"; +$fa-var-venus-mars: "\f228"; +$fa-var-viacoin: "\f237"; +$fa-var-video-camera: "\f03d"; +$fa-var-vimeo: "\f27d"; +$fa-var-vimeo-square: "\f194"; +$fa-var-vine: "\f1ca"; +$fa-var-vk: "\f189"; +$fa-var-volume-down: "\f027"; +$fa-var-volume-off: "\f026"; +$fa-var-volume-up: "\f028"; +$fa-var-warning: "\f071"; +$fa-var-wechat: "\f1d7"; +$fa-var-weibo: "\f18a"; +$fa-var-weixin: "\f1d7"; +$fa-var-whatsapp: "\f232"; +$fa-var-wheelchair: "\f193"; +$fa-var-wifi: "\f1eb"; +$fa-var-wikipedia-w: "\f266"; +$fa-var-windows: "\f17a"; +$fa-var-won: "\f159"; +$fa-var-wordpress: "\f19a"; +$fa-var-wrench: "\f0ad"; +$fa-var-xing: "\f168"; +$fa-var-xing-square: "\f169"; +$fa-var-y-combinator: "\f23b"; +$fa-var-y-combinator-square: "\f1d4"; +$fa-var-yahoo: "\f19e"; +$fa-var-yc: "\f23b"; +$fa-var-yc-square: "\f1d4"; +$fa-var-yelp: "\f1e9"; +$fa-var-yen: "\f157"; +$fa-var-youtube: "\f167"; +$fa-var-youtube-play: "\f16a"; +$fa-var-youtube-square: "\f166"; \ No newline at end of file diff --git a/app/festival/static/scss/index.scss b/app/festival/static/scss/index.scss index 4fa19f27..8957a262 100755 --- a/app/festival/static/scss/index.scss +++ b/app/festival/static/scss/index.scss @@ -25,6 +25,7 @@ */ @import 'config/variables'; +@import 'config/variables-icons'; diff --git a/app/festival/static/scss/modules/event-card.scss b/app/festival/static/scss/modules/event-card.scss index b0dc78cc..6d756a0b 100644 --- a/app/festival/static/scss/modules/event-card.scss +++ b/app/festival/static/scss/modules/event-card.scss @@ -1,25 +1,42 @@ .event__card { - padding: 1rem; + padding: 0.5rem; background: $white; + margin-bottom: 1rem; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4); @extend .row; &--alt { @extend .event__card; background: $main_color_alt; color: white; } + + @media (min-width : $desktop ) { + float: left; + width: 31%; + margin: 0 .5rem 0 .5rem + } + +&--full { + @extend .event__card; + + @media (min-width : $desktop ) { + width: 100%; + display: block; + } +} + } .event__name { margin: 0 0 0.3rem; - font-size: 2.2rem; + font-size: 1rem; text-transform: uppercase; } .event__thumbnail { display: block; - float: left; - margin-right: .5rem; - margin-bottom: .1rem; + // float: left; + margin: -.5rem -.5rem 1rem; } .event__description { @@ -33,18 +50,19 @@ .event__meta { display: block; - padding: .5rem; - background: #e8e8e8; + padding: .5rem 0; + // background: #e8e8e8; font-family: $base_font_family; font-weight: $bold; text-transform: uppercase; color: $black; margin-bottom: 1rem; + font-size: 0.7rem; &__inner { display: block; // float: left; - padding: 0.3rem 0; + padding: 0.1rem 0; border-top: 1px solid #000; border-bottom: 1px solid #000; } @@ -84,6 +102,13 @@ background: $white; } +.event__meta__btn { + width: 50%; + display: block; + text-align: center; + margin: 1rem auto; +} + .event__detail, .event__detail a { text-align: right; diff --git a/app/festival/static/scss/modules/icons.scss b/app/festival/static/scss/modules/icons.scss index 9fd4c851..f6653d3b 100755 --- a/app/festival/static/scss/modules/icons.scss +++ b/app/festival/static/scss/modules/icons.scss @@ -2,6 +2,16 @@ // _Icons // **************************************************************** +.icon { + display: inline-block; + font: normal normal normal $base_font_size/$base_line_height $icon-font; + font-size: inherit; // can't have font-size inherit on line above, so need to override + text-rendering: auto; // optimizelegibility throws things off #1094 + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + speak: none; +} + .btn-icon { padding: $base_font_size/2 0.3rem; margin: 0 auto; @@ -12,4 +22,699 @@ &--facebook { @extend .btn-icon; } -} \ No newline at end of file +} + +// .icon__glass:before { content: $fa-var-glass; } +// .icon__music:before { content: $fa-var-music; } +// .icon__search:before { content: $fa-var-search; } +// .icon__envelope-o:before { content: $fa-var-envelope-o; } +// .icon__heart:before { content: $fa-var-heart; } +// .icon__star:before { content: $fa-var-star; } +// .icon__star-o:before { content: $fa-var-star-o; } +// .icon__user:before { content: $fa-var-user; } +// .icon__film:before { content: $fa-var-film; } +// .icon__th-large:before { content: $fa-var-th-large; } +// .icon__th:before { content: $fa-var-th; } +// .icon__th-list:before { content: $fa-var-th-list; } +// .icon__check:before { content: $fa-var-check; } +// .icon__remove:before, +// .icon__close:before, +// .icon__times:before { content: $fa-var-times; } +// .icon__search-plus:before { content: $fa-var-search-plus; } +// .icon__search-minus:before { content: $fa-var-search-minus; } +// .icon__power-off:before { content: $fa-var-power-off; } +// .icon__signal:before { content: $fa-var-signal; } +// .icon__gear:before, +// .icon__cog:before { content: $fa-var-cog; } +// .icon__trash-o:before { content: $fa-var-trash-o; } +// .icon__home:before { content: $fa-var-home; } +// .icon__file-o:before { content: $fa-var-file-o; } +// .icon__clock-o:before { content: $fa-var-clock-o; } +// .icon__road:before { content: $fa-var-road; } +// .icon__download:before { content: $fa-var-download; } +// .icon__arrow-circle-o-down:before { content: $fa-var-arrow-circle-o-down; } +// .icon__arrow-circle-o-up:before { content: $fa-var-arrow-circle-o-up; } +// .icon__inbox:before { content: $fa-var-inbox; } +// .icon__play-circle-o:before { content: $fa-var-play-circle-o; } +// .icon__rotate-right:before, +// .icon__repeat:before { content: $fa-var-repeat; } +// .icon__refresh:before { content: $fa-var-refresh; } +// .icon__list-alt:before { content: $fa-var-list-alt; } +// .icon__lock:before { content: $fa-var-lock; } +// .icon__flag:before { content: $fa-var-flag; } +// .icon__headphones:before { content: $fa-var-headphones; } +// .icon__volume-off:before { content: $fa-var-volume-off; } +// .icon__volume-down:before { content: $fa-var-volume-down; } +// .icon__volume-up:before { content: $fa-var-volume-up; } +// .icon__qrcode:before { content: $fa-var-qrcode; } +// .icon__barcode:before { content: $fa-var-barcode; } +// .icon__tag:before { content: $fa-var-tag; } +// .icon__tags:before { content: $fa-var-tags; } +// .icon__book:before { content: $fa-var-book; } +.icon__bookmark:before { content: $fa-var-bookmark; } +// .icon__print:before { content: $fa-var-print; } +// .icon__camera:before { content: $fa-var-camera; } +// .icon__font:before { content: $fa-var-font; } +// .icon__bold:before { content: $fa-var-bold; } +// .icon__italic:before { content: $fa-var-italic; } +// .icon__text-height:before { content: $fa-var-text-height; } +// .icon__text-width:before { content: $fa-var-text-width; } +// .icon__align-left:before { content: $fa-var-align-left; } +// .icon__align-center:before { content: $fa-var-align-center; } +// .icon__align-right:before { content: $fa-var-align-right; } +// .icon__align-justify:before { content: $fa-var-align-justify; } +// .icon__list:before { content: $fa-var-list; } +// .icon__dedent:before, +// .icon__outdent:before { content: $fa-var-outdent; } +// .icon__indent:before { content: $fa-var-indent; } +// .icon__video-camera:before { content: $fa-var-video-camera; } +// .icon__photo:before, +// .icon__image:before, +// .icon__picture-o:before { content: $fa-var-picture-o; } +// .icon__pencil:before { content: $fa-var-pencil; } +// .icon__map-marker:before { content: $fa-var-map-marker; } +// .icon__adjust:before { content: $fa-var-adjust; } +// .icon__tint:before { content: $fa-var-tint; } +// .icon__edit:before, +// .icon__pencil-square-o:before { content: $fa-var-pencil-square-o; } +// .icon__share-square-o:before { content: $fa-var-share-square-o; } +// .icon__check-square-o:before { content: $fa-var-check-square-o; } +// .icon__arrows:before { content: $fa-var-arrows; } +// .icon__step-backward:before { content: $fa-var-step-backward; } +// .icon__fast-backward:before { content: $fa-var-fast-backward; } +// .icon__backward:before { content: $fa-var-backward; } +// .icon__play:before { content: $fa-var-play; } +// .icon__pause:before { content: $fa-var-pause; } +// .icon__stop:before { content: $fa-var-stop; } +// .icon__forward:before { content: $fa-var-forward; } +// .icon__fast-forward:before { content: $fa-var-fast-forward; } +// .icon__step-forward:before { content: $fa-var-step-forward; } +// .icon__eject:before { content: $fa-var-eject; } +// .icon__chevron-left:before { content: $fa-var-chevron-left; } +// .icon__chevron-right:before { content: $fa-var-chevron-right; } +// .icon__plus-circle:before { content: $fa-var-plus-circle; } +// .icon__minus-circle:before { content: $fa-var-minus-circle; } +// .icon__times-circle:before { content: $fa-var-times-circle; } +// .icon__check-circle:before { content: $fa-var-check-circle; } +// .icon__question-circle:before { content: $fa-var-question-circle; } +// .icon__info-circle:before { content: $fa-var-info-circle; } +// .icon__crosshairs:before { content: $fa-var-crosshairs; } +// .icon__times-circle-o:before { content: $fa-var-times-circle-o; } +// .icon__check-circle-o:before { content: $fa-var-check-circle-o; } +// .icon__ban:before { content: $fa-var-ban; } +// .icon__arrow-left:before { content: $fa-var-arrow-left; } +// .icon__arrow-right:before { content: $fa-var-arrow-right; } +// .icon__arrow-up:before { content: $fa-var-arrow-up; } +// .icon__arrow-down:before { content: $fa-var-arrow-down; } +// .icon__mail-forward:before, +// .icon__share:before { content: $fa-var-share; } +// .icon__expand:before { content: $fa-var-expand; } +// .icon__compress:before { content: $fa-var-compress; } +// .icon__plus:before { content: $fa-var-plus; } +// .icon__minus:before { content: $fa-var-minus; } +// .icon__asterisk:before { content: $fa-var-asterisk; } +// .icon__exclamation-circle:before { content: $fa-var-exclamation-circle; } +// .icon__gift:before { content: $fa-var-gift; } +// .icon__leaf:before { content: $fa-var-leaf; } +// .icon__fire:before { content: $fa-var-fire; } +// .icon__eye:before { content: $fa-var-eye; } +// .icon__eye-slash:before { content: $fa-var-eye-slash; } +// .icon__warning:before, +// .icon__exclamation-triangle:before { content: $fa-var-exclamation-triangle; } +// .icon__plane:before { content: $fa-var-plane; } +// .icon__calendar:before { content: $fa-var-calendar; } +// .icon__random:before { content: $fa-var-random; } +// .icon__comment:before { content: $fa-var-comment; } +// .icon__magnet:before { content: $fa-var-magnet; } +// .icon__chevron-up:before { content: $fa-var-chevron-up; } +// .icon__chevron-down:before { content: $fa-var-chevron-down; } +// .icon__retweet:before { content: $fa-var-retweet; } +// .icon__shopping-cart:before { content: $fa-var-shopping-cart; } +// .icon__folder:before { content: $fa-var-folder; } +// .icon__folder-open:before { content: $fa-var-folder-open; } +// .icon__arrows-v:before { content: $fa-var-arrows-v; } +// .icon__arrows-h:before { content: $fa-var-arrows-h; } +// .icon__bar-chart-o:before, +// .icon__bar-chart:before { content: $fa-var-bar-chart; } +// .icon__twitter-square:before { content: $fa-var-twitter-square; } +// .icon__facebook-square:before { content: $fa-var-facebook-square; } +// .icon__camera-retro:before { content: $fa-var-camera-retro; } +// .icon__key:before { content: $fa-var-key; } +// .icon__gears:before, +// .icon__cogs:before { content: $fa-var-cogs; } +// .icon__comments:before { content: $fa-var-comments; } +// .icon__thumbs-o-up:before { content: $fa-var-thumbs-o-up; } +// .icon__thumbs-o-down:before { content: $fa-var-thumbs-o-down; } +// .icon__star-half:before { content: $fa-var-star-half; } +// .icon__heart-o:before { content: $fa-var-heart-o; } +// .icon__sign-out:before { content: $fa-var-sign-out; } +// .icon__linkedin-square:before { content: $fa-var-linkedin-square; } +// .icon__thumb-tack:before { content: $fa-var-thumb-tack; } +// .icon__external-link:before { content: $fa-var-external-link; } +// .icon__sign-in:before { content: $fa-var-sign-in; } +// .icon__trophy:before { content: $fa-var-trophy; } +// .icon__github-square:before { content: $fa-var-github-square; } +// .icon__upload:before { content: $fa-var-upload; } +// .icon__lemon-o:before { content: $fa-var-lemon-o; } +// .icon__phone:before { content: $fa-var-phone; } +// .icon__square-o:before { content: $fa-var-square-o; } +// .icon__bookmark-o:before { content: $fa-var-bookmark-o; } +// .icon__phone-square:before { content: $fa-var-phone-square; } +.icon__twitter:before { content: $fa-var-twitter; } +.icon__facebook-f:before, +.icon__facebook:before { content: $fa-var-facebook; } +// .icon__github:before { content: $fa-var-github; } +// .icon__unlock:before { content: $fa-var-unlock; } +// .icon__credit-card:before { content: $fa-var-credit-card; } +// .icon__feed:before, +// .icon__rss:before { content: $fa-var-rss; } +// .icon__hdd-o:before { content: $fa-var-hdd-o; } +// .icon__bullhorn:before { content: $fa-var-bullhorn; } +// .icon__bell:before { content: $fa-var-bell; } +// .icon__certificate:before { content: $fa-var-certificate; } +// .icon__hand-o-right:before { content: $fa-var-hand-o-right; } +// .icon__hand-o-left:before { content: $fa-var-hand-o-left; } +// .icon__hand-o-up:before { content: $fa-var-hand-o-up; } +// .icon__hand-o-down:before { content: $fa-var-hand-o-down; } +// .icon__arrow-circle-left:before { content: $fa-var-arrow-circle-left; } +// .icon__arrow-circle-right:before { content: $fa-var-arrow-circle-right; } +// .icon__arrow-circle-up:before { content: $fa-var-arrow-circle-up; } +// .icon__arrow-circle-down:before { content: $fa-var-arrow-circle-down; } +// .icon__globe:before { content: $fa-var-globe; } +// .icon__wrench:before { content: $fa-var-wrench; } +// .icon__tasks:before { content: $fa-var-tasks; } +// .icon__filter:before { content: $fa-var-filter; } +// .icon__briefcase:before { content: $fa-var-briefcase; } +// .icon__arrows-alt:before { content: $fa-var-arrows-alt; } +// .icon__group:before, +// .icon__users:before { content: $fa-var-users; } +// .icon__chain:before, +// .icon__link:before { content: $fa-var-link; } +// .icon__cloud:before { content: $fa-var-cloud; } +// .icon__flask:before { content: $fa-var-flask; } +// .icon__cut:before, +// .icon__scissors:before { content: $fa-var-scissors; } +// .icon__copy:before, +// .icon__files-o:before { content: $fa-var-files-o; } +// .icon__paperclip:before { content: $fa-var-paperclip; } +// .icon__save:before, +// .icon__floppy-o:before { content: $fa-var-floppy-o; } +// .icon__square:before { content: $fa-var-square; } +// .icon__navicon:before, +// .icon__reorder:before, +// .icon__bars:before { content: $fa-var-bars; } +// .icon__list-ul:before { content: $fa-var-list-ul; } +// .icon__list-ol:before { content: $fa-var-list-ol; } +// .icon__strikethrough:before { content: $fa-var-strikethrough; } +// .icon__underline:before { content: $fa-var-underline; } +// .icon__table:before { content: $fa-var-table; } +// .icon__magic:before { content: $fa-var-magic; } +// .icon__truck:before { content: $fa-var-truck; } +// .icon__pinterest:before { content: $fa-var-pinterest; } +// .icon__pinterest-square:before { content: $fa-var-pinterest-square; } +// .icon__google-plus-square:before { content: $fa-var-google-plus-square; } +// .icon__google-plus:before { content: $fa-var-google-plus; } +// .icon__money:before { content: $fa-var-money; } +// .icon__caret-down:before { content: $fa-var-caret-down; } +// .icon__caret-up:before { content: $fa-var-caret-up; } +// .icon__caret-left:before { content: $fa-var-caret-left; } +// .icon__caret-right:before { content: $fa-var-caret-right; } +// .icon__columns:before { content: $fa-var-columns; } +// .icon__unsorted:before, +// .icon__sort:before { content: $fa-var-sort; } +// .icon__sort-down:before, +// .icon__sort-desc:before { content: $fa-var-sort-desc; } +// .icon__sort-up:before, +// .icon__sort-asc:before { content: $fa-var-sort-asc; } +// .icon__envelope:before { content: $fa-var-envelope; } +// .icon__linkedin:before { content: $fa-var-linkedin; } +// .icon__rotate-left:before, +// .icon__undo:before { content: $fa-var-undo; } +// .icon__legal:before, +// .icon__gavel:before { content: $fa-var-gavel; } +// .icon__dashboard:before, +// .icon__tachometer:before { content: $fa-var-tachometer; } +// .icon__comment-o:before { content: $fa-var-comment-o; } +// .icon__comments-o:before { content: $fa-var-comments-o; } +// .icon__flash:before, +// .icon__bolt:before { content: $fa-var-bolt; } +// .icon__sitemap:before { content: $fa-var-sitemap; } +// .icon__umbrella:before { content: $fa-var-umbrella; } +// .icon__paste:before, +// .icon__clipboard:before { content: $fa-var-clipboard; } +// .icon__lightbulb-o:before { content: $fa-var-lightbulb-o; } +// .icon__exchange:before { content: $fa-var-exchange; } +// .icon__cloud-download:before { content: $fa-var-cloud-download; } +// .icon__cloud-upload:before { content: $fa-var-cloud-upload; } +// .icon__user-md:before { content: $fa-var-user-md; } +// .icon__stethoscope:before { content: $fa-var-stethoscope; } +// .icon__suitcase:before { content: $fa-var-suitcase; } +// .icon__bell-o:before { content: $fa-var-bell-o; } +// .icon__coffee:before { content: $fa-var-coffee; } +// .icon__cutlery:before { content: $fa-var-cutlery; } +// .icon__file-text-o:before { content: $fa-var-file-text-o; } +// .icon__building-o:before { content: $fa-var-building-o; } +// .icon__hospital-o:before { content: $fa-var-hospital-o; } +// .icon__ambulance:before { content: $fa-var-ambulance; } +// .icon__medkit:before { content: $fa-var-medkit; } +// .icon__fighter-jet:before { content: $fa-var-fighter-jet; } +// .icon__beer:before { content: $fa-var-beer; } +// .icon__h-square:before { content: $fa-var-h-square; } +// .icon__plus-square:before { content: $fa-var-plus-square; } +// .icon__angle-double-left:before { content: $fa-var-angle-double-left; } +// .icon__angle-double-right:before { content: $fa-var-angle-double-right; } +// .icon__angle-double-up:before { content: $fa-var-angle-double-up; } +// .icon__angle-double-down:before { content: $fa-var-angle-double-down; } +// .icon__angle-left:before { content: $fa-var-angle-left; } +// .icon__angle-right:before { content: $fa-var-angle-right; } +// .icon__angle-up:before { content: $fa-var-angle-up; } +// .icon__angle-down:before { content: $fa-var-angle-down; } +// .icon__desktop:before { content: $fa-var-desktop; } +// .icon__laptop:before { content: $fa-var-laptop; } +// .icon__tablet:before { content: $fa-var-tablet; } +// .icon__mobile-phone:before, +// .icon__mobile:before { content: $fa-var-mobile; } +// .icon__circle-o:before { content: $fa-var-circle-o; } +// .icon__quote-left:before { content: $fa-var-quote-left; } +// .icon__quote-right:before { content: $fa-var-quote-right; } +// .icon__spinner:before { content: $fa-var-spinner; } +// .icon__circle:before { content: $fa-var-circle; } +// .icon__mail-reply:before, +// .icon__reply:before { content: $fa-var-reply; } +// .icon__github-alt:before { content: $fa-var-github-alt; } +// .icon__folder-o:before { content: $fa-var-folder-o; } +// .icon__folder-open-o:before { content: $fa-var-folder-open-o; } +// .icon__smile-o:before { content: $fa-var-smile-o; } +// .icon__frown-o:before { content: $fa-var-frown-o; } +// .icon__meh-o:before { content: $fa-var-meh-o; } +// .icon__gamepad:before { content: $fa-var-gamepad; } +// .icon__keyboard-o:before { content: $fa-var-keyboard-o; } +// .icon__flag-o:before { content: $fa-var-flag-o; } +// .icon__flag-checkered:before { content: $fa-var-flag-checkered; } +// .icon__terminal:before { content: $fa-var-terminal; } +// .icon__code:before { content: $fa-var-code; } +// .icon__mail-reply-all:before, +// .icon__reply-all:before { content: $fa-var-reply-all; } +// .icon__star-half-empty:before, +// .icon__star-half-full:before, +// .icon__star-half-o:before { content: $fa-var-star-half-o; } +// .icon__location-arrow:before { content: $fa-var-location-arrow; } +// .icon__crop:before { content: $fa-var-crop; } +// .icon__code-fork:before { content: $fa-var-code-fork; } +// .icon__unlink:before, +// .icon__chain-broken:before { content: $fa-var-chain-broken; } +// .icon__question:before { content: $fa-var-question; } +// .icon__info:before { content: $fa-var-info; } +// .icon__exclamation:before { content: $fa-var-exclamation; } +// .icon__superscript:before { content: $fa-var-superscript; } +// .icon__subscript:before { content: $fa-var-subscript; } +// .icon__eraser:before { content: $fa-var-eraser; } +// .icon__puzzle-piece:before { content: $fa-var-puzzle-piece; } +// .icon__microphone:before { content: $fa-var-microphone; } +// .icon__microphone-slash:before { content: $fa-var-microphone-slash; } +// .icon__shield:before { content: $fa-var-shield; } +// .icon__calendar-o:before { content: $fa-var-calendar-o; } +// .icon__fire-extinguisher:before { content: $fa-var-fire-extinguisher; } +// .icon__rocket:before { content: $fa-var-rocket; } +// .icon__maxcdn:before { content: $fa-var-maxcdn; } +// .icon__chevron-circle-left:before { content: $fa-var-chevron-circle-left; } +// .icon__chevron-circle-right:before { content: $fa-var-chevron-circle-right; } +// .icon__chevron-circle-up:before { content: $fa-var-chevron-circle-up; } +// .icon__chevron-circle-down:before { content: $fa-var-chevron-circle-down; } +// .icon__html5:before { content: $fa-var-html5; } +// .icon__css3:before { content: $fa-var-css3; } +// .icon__anchor:before { content: $fa-var-anchor; } +// .icon__unlock-alt:before { content: $fa-var-unlock-alt; } +// .icon__bullseye:before { content: $fa-var-bullseye; } +// .icon__ellipsis-h:before { content: $fa-var-ellipsis-h; } +// .icon__ellipsis-v:before { content: $fa-var-ellipsis-v; } +// .icon__rss-square:before { content: $fa-var-rss-square; } +// .icon__play-circle:before { content: $fa-var-play-circle; } +// .icon__ticket:before { content: $fa-var-ticket; } +// .icon__minus-square:before { content: $fa-var-minus-square; } +// .icon__minus-square-o:before { content: $fa-var-minus-square-o; } +// .icon__level-up:before { content: $fa-var-level-up; } +// .icon__level-down:before { content: $fa-var-level-down; } +// .icon__check-square:before { content: $fa-var-check-square; } +// .icon__pencil-square:before { content: $fa-var-pencil-square; } +// .icon__external-link-square:before { content: $fa-var-external-link-square; } +// .icon__share-square:before { content: $fa-var-share-square; } +// .icon__compass:before { content: $fa-var-compass; } +// .icon__toggle-down:before, +// .icon__caret-square-o-down:before { content: $fa-var-caret-square-o-down; } +// .icon__toggle-up:before, +// .icon__caret-square-o-up:before { content: $fa-var-caret-square-o-up; } +// .icon__toggle-right:before, +// .icon__caret-square-o-right:before { content: $fa-var-caret-square-o-right; } +// .icon__euro:before, +// .icon__eur:before { content: $fa-var-eur; } +// .icon__gbp:before { content: $fa-var-gbp; } +// .icon__dollar:before, +// .icon__usd:before { content: $fa-var-usd; } +// .icon__rupee:before, +// .icon__inr:before { content: $fa-var-inr; } +// .icon__cny:before, +// .icon__rmb:before, +// .icon__yen:before, +// .icon__jpy:before { content: $fa-var-jpy; } +// .icon__ruble:before, +// .icon__rouble:before, +// .icon__rub:before { content: $fa-var-rub; } +// .icon__won:before, +// .icon__krw:before { content: $fa-var-krw; } +// .icon__bitcoin:before, +// .icon__btc:before { content: $fa-var-btc; } +// .icon__file:before { content: $fa-var-file; } +// .icon__file-text:before { content: $fa-var-file-text; } +// .icon__sort-alpha-asc:before { content: $fa-var-sort-alpha-asc; } +// .icon__sort-alpha-desc:before { content: $fa-var-sort-alpha-desc; } +// .icon__sort-amount-asc:before { content: $fa-var-sort-amount-asc; } +// .icon__sort-amount-desc:before { content: $fa-var-sort-amount-desc; } +// .icon__sort-numeric-asc:before { content: $fa-var-sort-numeric-asc; } +// .icon__sort-numeric-desc:before { content: $fa-var-sort-numeric-desc; } +// .icon__thumbs-up:before { content: $fa-var-thumbs-up; } +// .icon__thumbs-down:before { content: $fa-var-thumbs-down; } +// .icon__youtube-square:before { content: $fa-var-youtube-square; } +// .icon__youtube:before { content: $fa-var-youtube; } +// .icon__xing:before { content: $fa-var-xing; } +// .icon__xing-square:before { content: $fa-var-xing-square; } +// .icon__youtube-play:before { content: $fa-var-youtube-play; } +// .icon__dropbox:before { content: $fa-var-dropbox; } +// .icon__stack-overflow:before { content: $fa-var-stack-overflow; } +// .icon__instagram:before { content: $fa-var-instagram; } +// .icon__flickr:before { content: $fa-var-flickr; } +// .icon__adn:before { content: $fa-var-adn; } +// .icon__bitbucket:before { content: $fa-var-bitbucket; } +// .icon__bitbucket-square:before { content: $fa-var-bitbucket-square; } +// .icon__tumblr:before { content: $fa-var-tumblr; } +// .icon__tumblr-square:before { content: $fa-var-tumblr-square; } +// .icon__long-arrow-down:before { content: $fa-var-long-arrow-down; } +// .icon__long-arrow-up:before { content: $fa-var-long-arrow-up; } +// .icon__long-arrow-left:before { content: $fa-var-long-arrow-left; } +// .icon__long-arrow-right:before { content: $fa-var-long-arrow-right; } +// .icon__apple:before { content: $fa-var-apple; } +// .icon__windows:before { content: $fa-var-windows; } +// .icon__android:before { content: $fa-var-android; } +// .icon__linux:before { content: $fa-var-linux; } +// .icon__dribbble:before { content: $fa-var-dribbble; } +// .icon__skype:before { content: $fa-var-skype; } +// .icon__foursquare:before { content: $fa-var-foursquare; } +// .icon__trello:before { content: $fa-var-trello; } +// .icon__female:before { content: $fa-var-female; } +// .icon__male:before { content: $fa-var-male; } +// .icon__gittip:before, +// .icon__gratipay:before { content: $fa-var-gratipay; } +// .icon__sun-o:before { content: $fa-var-sun-o; } +// .icon__moon-o:before { content: $fa-var-moon-o; } +// .icon__archive:before { content: $fa-var-archive; } +// .icon__bug:before { content: $fa-var-bug; } +// .icon__vk:before { content: $fa-var-vk; } +// .icon__weibo:before { content: $fa-var-weibo; } +// .icon__renren:before { content: $fa-var-renren; } +// .icon__pagelines:before { content: $fa-var-pagelines; } +// .icon__stack-exchange:before { content: $fa-var-stack-exchange; } +// .icon__arrow-circle-o-right:before { content: $fa-var-arrow-circle-o-right; } +// .icon__arrow-circle-o-left:before { content: $fa-var-arrow-circle-o-left; } +// .icon__toggle-left:before, +// .icon__caret-square-o-left:before { content: $fa-var-caret-square-o-left; } +// .icon__dot-circle-o:before { content: $fa-var-dot-circle-o; } +// .icon__wheelchair:before { content: $fa-var-wheelchair; } +// .icon__vimeo-square:before { content: $fa-var-vimeo-square; } +// .icon__turkish-lira:before, +// .icon__try:before { content: $fa-var-try; } +// .icon__plus-square-o:before { content: $fa-var-plus-square-o; } +// .icon__space-shuttle:before { content: $fa-var-space-shuttle; } +// .icon__slack:before { content: $fa-var-slack; } +// .icon__envelope-square:before { content: $fa-var-envelope-square; } +// .icon__wordpress:before { content: $fa-var-wordpress; } +// .icon__openid:before { content: $fa-var-openid; } +// .icon__institution:before, +// .icon__bank:before, +// .icon__university:before { content: $fa-var-university; } +// .icon__mortar-board:before, +// .icon__graduation-cap:before { content: $fa-var-graduation-cap; } +// .icon__yahoo:before { content: $fa-var-yahoo; } +// .icon__google:before { content: $fa-var-google; } +// .icon__reddit:before { content: $fa-var-reddit; } +// .icon__reddit-square:before { content: $fa-var-reddit-square; } +// .icon__stumbleupon-circle:before { content: $fa-var-stumbleupon-circle; } +// .icon__stumbleupon:before { content: $fa-var-stumbleupon; } +// .icon__delicious:before { content: $fa-var-delicious; } +// .icon__digg:before { content: $fa-var-digg; } +// .icon__pied-piper:before { content: $fa-var-pied-piper; } +// .icon__pied-piper-alt:before { content: $fa-var-pied-piper-alt; } +// .icon__drupal:before { content: $fa-var-drupal; } +// .icon__joomla:before { content: $fa-var-joomla; } +// .icon__language:before { content: $fa-var-language; } +// .icon__fax:before { content: $fa-var-fax; } +// .icon__building:before { content: $fa-var-building; } +// .icon__child:before { content: $fa-var-child; } +// .icon__paw:before { content: $fa-var-paw; } +// .icon__spoon:before { content: $fa-var-spoon; } +// .icon__cube:before { content: $fa-var-cube; } +// .icon__cubes:before { content: $fa-var-cubes; } +// .icon__behance:before { content: $fa-var-behance; } +// .icon__behance-square:before { content: $fa-var-behance-square; } +// .icon__steam:before { content: $fa-var-steam; } +// .icon__steam-square:before { content: $fa-var-steam-square; } +// .icon__recycle:before { content: $fa-var-recycle; } +// .icon__automobile:before, +// .icon__car:before { content: $fa-var-car; } +// .icon__cab:before, +// .icon__taxi:before { content: $fa-var-taxi; } +// .icon__tree:before { content: $fa-var-tree; } +// .icon__spotify:before { content: $fa-var-spotify; } +// .icon__deviantart:before { content: $fa-var-deviantart; } +// .icon__soundcloud:before { content: $fa-var-soundcloud; } +// .icon__database:before { content: $fa-var-database; } +// .icon__file-pdf-o:before { content: $fa-var-file-pdf-o; } +// .icon__file-word-o:before { content: $fa-var-file-word-o; } +// .icon__file-excel-o:before { content: $fa-var-file-excel-o; } +// .icon__file-powerpoint-o:before { content: $fa-var-file-powerpoint-o; } +// .icon__file-photo-o:before, +// .icon__file-picture-o:before, +// .icon__file-image-o:before { content: $fa-var-file-image-o; } +// .icon__file-zip-o:before, +// .icon__file-archive-o:before { content: $fa-var-file-archive-o; } +// .icon__file-sound-o:before, +// .icon__file-audio-o:before { content: $fa-var-file-audio-o; } +// .icon__file-movie-o:before, +// .icon__file-video-o:before { content: $fa-var-file-video-o; } +// .icon__file-code-o:before { content: $fa-var-file-code-o; } +// .icon__vine:before { content: $fa-var-vine; } +// .icon__codepen:before { content: $fa-var-codepen; } +// .icon__jsfiddle:before { content: $fa-var-jsfiddle; } +// .icon__life-bouy:before, +// .icon__life-buoy:before, +// .icon__life-saver:before, +// .icon__support:before, +// .icon__life-ring:before { content: $fa-var-life-ring; } +// .icon__circle-o-notch:before { content: $fa-var-circle-o-notch; } +// .icon__ra:before, +// .icon__rebel:before { content: $fa-var-rebel; } +// .icon__ge:before, +// .icon__empire:before { content: $fa-var-empire; } +// .icon__git-square:before { content: $fa-var-git-square; } +// .icon__git:before { content: $fa-var-git; } +// .icon__y-combinator-square:before, +// .icon__yc-square:before, +// .icon__hacker-news:before { content: $fa-var-hacker-news; } +// .icon__tencent-weibo:before { content: $fa-var-tencent-weibo; } +// .icon__qq:before { content: $fa-var-qq; } +// .icon__wechat:before, +// .icon__weixin:before { content: $fa-var-weixin; } +// .icon__send:before, +// .icon__paper-plane:before { content: $fa-var-paper-plane; } +// .icon__send-o:before, +// .icon__paper-plane-o:before { content: $fa-var-paper-plane-o; } +// .icon__history:before { content: $fa-var-history; } +// .icon__circle-thin:before { content: $fa-var-circle-thin; } +// .icon__header:before { content: $fa-var-header; } +// .icon__paragraph:before { content: $fa-var-paragraph; } +// .icon__sliders:before { content: $fa-var-sliders; } +// .icon__share-alt:before { content: $fa-var-share-alt; } +// .icon__share-alt-square:before { content: $fa-var-share-alt-square; } +// .icon__bomb:before { content: $fa-var-bomb; } +// .icon__soccer-ball-o:before, +// .icon__futbol-o:before { content: $fa-var-futbol-o; } +// .icon__tty:before { content: $fa-var-tty; } +// .icon__binoculars:before { content: $fa-var-binoculars; } +// .icon__plug:before { content: $fa-var-plug; } +// .icon__slideshare:before { content: $fa-var-slideshare; } +// .icon__twitch:before { content: $fa-var-twitch; } +// .icon__yelp:before { content: $fa-var-yelp; } +// .icon__newspaper-o:before { content: $fa-var-newspaper-o; } +// .icon__wifi:before { content: $fa-var-wifi; } +// .icon__calculator:before { content: $fa-var-calculator; } +// .icon__paypal:before { content: $fa-var-paypal; } +// .icon__google-wallet:before { content: $fa-var-google-wallet; } +// .icon__cc-visa:before { content: $fa-var-cc-visa; } +// .icon__cc-mastercard:before { content: $fa-var-cc-mastercard; } +// .icon__cc-discover:before { content: $fa-var-cc-discover; } +// .icon__cc-amex:before { content: $fa-var-cc-amex; } +// .icon__cc-paypal:before { content: $fa-var-cc-paypal; } +// .icon__cc-stripe:before { content: $fa-var-cc-stripe; } +// .icon__bell-slash:before { content: $fa-var-bell-slash; } +// .icon__bell-slash-o:before { content: $fa-var-bell-slash-o; } +// .icon__trash:before { content: $fa-var-trash; } +// .icon__copyright:before { content: $fa-var-copyright; } +// .icon__at:before { content: $fa-var-at; } +// .icon__eyedropper:before { content: $fa-var-eyedropper; } +// .icon__paint-brush:before { content: $fa-var-paint-brush; } +// .icon__birthday-cake:before { content: $fa-var-birthday-cake; } +// .icon__area-chart:before { content: $fa-var-area-chart; } +// .icon__pie-chart:before { content: $fa-var-pie-chart; } +// .icon__line-chart:before { content: $fa-var-line-chart; } +// .icon__lastfm:before { content: $fa-var-lastfm; } +// .icon__lastfm-square:before { content: $fa-var-lastfm-square; } +// .icon__toggle-off:before { content: $fa-var-toggle-off; } +// .icon__toggle-on:before { content: $fa-var-toggle-on; } +// .icon__bicycle:before { content: $fa-var-bicycle; } +// .icon__bus:before { content: $fa-var-bus; } +// .icon__ioxhost:before { content: $fa-var-ioxhost; } +// .icon__angellist:before { content: $fa-var-angellist; } +// .icon__cc:before { content: $fa-var-cc; } +// .icon__shekel:before, +// .icon__sheqel:before, +// .icon__ils:before { content: $fa-var-ils; } +// .icon__meanpath:before { content: $fa-var-meanpath; } +// .icon__buysellads:before { content: $fa-var-buysellads; } +// .icon__connectdevelop:before { content: $fa-var-connectdevelop; } +// .icon__dashcube:before { content: $fa-var-dashcube; } +// .icon__forumbee:before { content: $fa-var-forumbee; } +// .icon__leanpub:before { content: $fa-var-leanpub; } +// .icon__sellsy:before { content: $fa-var-sellsy; } +// .icon__shirtsinbulk:before { content: $fa-var-shirtsinbulk; } +// .icon__simplybuilt:before { content: $fa-var-simplybuilt; } +// .icon__skyatlas:before { content: $fa-var-skyatlas; } +// .icon__cart-plus:before { content: $fa-var-cart-plus; } +// .icon__cart-arrow-down:before { content: $fa-var-cart-arrow-down; } +// .icon__diamond:before { content: $fa-var-diamond; } +// .icon__ship:before { content: $fa-var-ship; } +// .icon__user-secret:before { content: $fa-var-user-secret; } +// .icon__motorcycle:before { content: $fa-var-motorcycle; } +// .icon__street-view:before { content: $fa-var-street-view; } +// .icon__heartbeat:before { content: $fa-var-heartbeat; } +// .icon__venus:before { content: $fa-var-venus; } +// .icon__mars:before { content: $fa-var-mars; } +// .icon__mercury:before { content: $fa-var-mercury; } +// .icon__intersex:before, +// .icon__transgender:before { content: $fa-var-transgender; } +// .icon__transgender-alt:before { content: $fa-var-transgender-alt; } +// .icon__venus-double:before { content: $fa-var-venus-double; } +// .icon__mars-double:before { content: $fa-var-mars-double; } +// .icon__venus-mars:before { content: $fa-var-venus-mars; } +// .icon__mars-stroke:before { content: $fa-var-mars-stroke; } +// .icon__mars-stroke-v:before { content: $fa-var-mars-stroke-v; } +// .icon__mars-stroke-h:before { content: $fa-var-mars-stroke-h; } +// .icon__neuter:before { content: $fa-var-neuter; } +// .icon__genderless:before { content: $fa-var-genderless; } +// .icon__facebook-official:before { content: $fa-var-facebook-official; } +// .icon__pinterest-p:before { content: $fa-var-pinterest-p; } +// .icon__whatsapp:before { content: $fa-var-whatsapp; } +// .icon__server:before { content: $fa-var-server; } +// .icon__user-plus:before { content: $fa-var-user-plus; } +// .icon__user-times:before { content: $fa-var-user-times; } +// .icon__hotel:before, +// .icon__bed:before { content: $fa-var-bed; } +// .icon__viacoin:before { content: $fa-var-viacoin; } +// .icon__train:before { content: $fa-var-train; } +// .icon__subway:before { content: $fa-var-subway; } +// .icon__medium:before { content: $fa-var-medium; } +// .icon__yc:before, +// .icon__y-combinator:before { content: $fa-var-y-combinator; } +// .icon__optin-monster:before { content: $fa-var-optin-monster; } +// .icon__opencart:before { content: $fa-var-opencart; } +// .icon__expeditedssl:before { content: $fa-var-expeditedssl; } +// .icon__battery-4:before, +// .icon__battery-full:before { content: $fa-var-battery-full; } +// .icon__battery-3:before, +// .icon__battery-three-quarters:before { content: $fa-var-battery-three-quarters; } +// .icon__battery-2:before, +// .icon__battery-half:before { content: $fa-var-battery-half; } +// .icon__battery-1:before, +// .icon__battery-quarter:before { content: $fa-var-battery-quarter; } +// .icon__battery-0:before, +// .icon__battery-empty:before { content: $fa-var-battery-empty; } +// .icon__mouse-pointer:before { content: $fa-var-mouse-pointer; } +// .icon__i-cursor:before { content: $fa-var-i-cursor; } +// .icon__object-group:before { content: $fa-var-object-group; } +// .icon__object-ungroup:before { content: $fa-var-object-ungroup; } +// .icon__sticky-note:before { content: $fa-var-sticky-note; } +// .icon__sticky-note-o:before { content: $fa-var-sticky-note-o; } +// .icon__cc-jcb:before { content: $fa-var-cc-jcb; } +// .icon__cc-diners-club:before { content: $fa-var-cc-diners-club; } +// .icon__clone:before { content: $fa-var-clone; } +// .icon__balance-scale:before { content: $fa-var-balance-scale; } +// .icon__hourglass-o:before { content: $fa-var-hourglass-o; } +// .icon__hourglass-1:before, +// .icon__hourglass-start:before { content: $fa-var-hourglass-start; } +// .icon__hourglass-2:before, +// .icon__hourglass-half:before { content: $fa-var-hourglass-half; } +// .icon__hourglass-3:before, +// .icon__hourglass-end:before { content: $fa-var-hourglass-end; } +// .icon__hourglass:before { content: $fa-var-hourglass; } +// .icon__hand-grab-o:before, +// .icon__hand-rock-o:before { content: $fa-var-hand-rock-o; } +// .icon__hand-stop-o:before, +// .icon__hand-paper-o:before { content: $fa-var-hand-paper-o; } +// .icon__hand-scissors-o:before { content: $fa-var-hand-scissors-o; } +// .icon__hand-lizard-o:before { content: $fa-var-hand-lizard-o; } +// .icon__hand-spock-o:before { content: $fa-var-hand-spock-o; } +// .icon__hand-pointer-o:before { content: $fa-var-hand-pointer-o; } +// .icon__hand-peace-o:before { content: $fa-var-hand-peace-o; } +// .icon__trademark:before { content: $fa-var-trademark; } +// .icon__registered:before { content: $fa-var-registered; } +// .icon__creative-commons:before { content: $fa-var-creative-commons; } +// .icon__gg:before { content: $fa-var-gg; } +// .icon__gg-circle:before { content: $fa-var-gg-circle; } +// .icon__tripadvisor:before { content: $fa-var-tripadvisor; } +// .icon__odnoklassniki:before { content: $fa-var-odnoklassniki; } +// .icon__odnoklassniki-square:before { content: $fa-var-odnoklassniki-square; } +// .icon__get-pocket:before { content: $fa-var-get-pocket; } +// .icon__wikipedia-w:before { content: $fa-var-wikipedia-w; } +// .icon__safari:before { content: $fa-var-safari; } +// .icon__chrome:before { content: $fa-var-chrome; } +// .icon__firefox:before { content: $fa-var-firefox; } +// .icon__opera:before { content: $fa-var-opera; } +// .icon__internet-explorer:before { content: $fa-var-internet-explorer; } +// .icon__tv:before, +// .icon__television:before { content: $fa-var-television; } +// .icon__contao:before { content: $fa-var-contao; } +// .icon__500px:before { content: $fa-var-500px; } +// .icon__amazon:before { content: $fa-var-amazon; } +// .icon__calendar-plus-o:before { content: $fa-var-calendar-plus-o; } +// .icon__calendar-minus-o:before { content: $fa-var-calendar-minus-o; } +// .icon__calendar-times-o:before { content: $fa-var-calendar-times-o; } +// .icon__calendar-check-o:before { content: $fa-var-calendar-check-o; } +// .icon__industry:before { content: $fa-var-industry; } +// .icon__map-pin:before { content: $fa-var-map-pin; } +// .icon__map-signs:before { content: $fa-var-map-signs; } +// .icon__map-o:before { content: $fa-var-map-o; } +// .icon__map:before { content: $fa-var-map; } +// .icon__commenting:before { content: $fa-var-commenting; } +// .icon__commenting-o:before { content: $fa-var-commenting-o; } +// .icon__houzz:before { content: $fa-var-houzz; } +// .icon__vimeo:before { content: $fa-var-vimeo; } +// .icon__black-tie:before { content: $fa-var-black-tie; } +// .icon__fonticons:before { content: $fa-var-fonticons; } +// .icon__reddit-alien:before { content: $fa-var-reddit-alien; } +// .icon__edge:before { content: $fa-var-edge; } +// .icon__credit-card-alt:before { content: $fa-var-credit-card-alt; } +// .icon__codiepie:before { content: $fa-var-codiepie; } +// .icon__modx:before { content: $fa-var-modx; } +// .icon__fort-awesome:before { content: $fa-var-fort-awesome; } +// .icon__usb:before { content: $fa-var-usb; } +// .icon__product-hunt:before { content: $fa-var-product-hunt; } +// .icon__mixcloud:before { content: $fa-var-mixcloud; } +// .icon__scribd:before { content: $fa-var-scribd; } +// .icon__pause-circle:before { content: $fa-var-pause-circle; } +// .icon__pause-circle-o:before { content: $fa-var-pause-circle-o; } +// .icon__stop-circle:before { content: $fa-var-stop-circle; } +// .icon__stop-circle-o:before { content: $fa-var-stop-circle-o; } +// .icon__shopping-bag:before { content: $fa-var-shopping-bag; } +// .icon__shopping-basket:before { content: $fa-var-shopping-basket; } +// .icon__hashtag:before { content: $fa-var-hashtag; } +// .icon__bluetooth:before { content: $fa-var-bluetooth; } +// .icon__bluetooth-b:before { content: $fa-var-bluetooth-b; } +// .icon__percent:before { content: $fa-var-percent; } \ No newline at end of file diff --git a/app/festival/static/scss/modules/pager.scss b/app/festival/static/scss/modules/pager.scss index cf99c11e..7325043e 100755 --- a/app/festival/static/scss/modules/pager.scss +++ b/app/festival/static/scss/modules/pager.scss @@ -11,4 +11,8 @@ .pager__item--after { display: block; text-transform: uppercase; +} + +.formContent { + background: #000; } \ No newline at end of file diff --git a/app/templates/agenda/event_detail.html b/app/templates/agenda/event_detail.html index 16051432..803ab3a0 100644 --- a/app/templates/agenda/event_detail.html +++ b/app/templates/agenda/event_detail.html @@ -26,22 +26,20 @@ {% block event_detail_postedby %} {% editable event.start event.end event.location %}
-
-
- {{ event.start }} - {% if event.end %} -
- {% if event.end|date == event.start|date %}{{ event.end|time:"TIME_FORMAT" }}{% else %}{{ event.end }}{% endif %} - {% endif %} - {% if event.location %} - {{ event.location }} -
-
- Réserver -
-
+
+ {{ event.start }} + {% if event.end %} +
+ {% if event.end|date == event.start|date %}{{ event.end|time:"TIME_FORMAT" }}{% else %}{{ event.end }}{% endif %} + {% endif %} + {% if event.location %} + {{ event.location }} +
{% endif %}
+ + Réserver + {% endeditable %} {% endblock %} {% block event_detail_commentlink %} @@ -89,7 +87,7 @@ {% if event.location %} {% block event_detail_location %} {% editable event.location %} -
+

{{ event.location.address|linebreaksbr }}
diff --git a/app/templates/agenda/event_list.html b/app/templates/agenda/event_list.html index 8460bfed..dd1f9899 100644 --- a/app/templates/agenda/event_list.html +++ b/app/templates/agenda/event_list.html @@ -72,6 +72,13 @@ {% block event_list_event_title %} {% editable event.title %}

+ {% if event.featured_image %} + {% block event_list_event_featured_image %} + + + + {% endblock %} + {% endif %}

{{ event.title }}

@@ -87,23 +94,21 @@ {% endfor %} {% endblock %} - {% if event.featured_image %} - {% block event_list_event_featured_image %} - - - - {% endblock %} - {% endif %} - {% block event_list_event_content %} {% editable event.content %} + {% endeditable %} {% endblock %} + + Réserver + + {% block event_list_event_links %}
{% keywords_for event as tags %} diff --git a/app/templates/agenda/includes/event_metainfo.html b/app/templates/agenda/includes/event_metainfo.html index d995e08c..312be942 100644 --- a/app/templates/agenda/includes/event_metainfo.html +++ b/app/templates/agenda/includes/event_metainfo.html @@ -1,20 +1,15 @@ {% load i18n mezzanine_tags event_tags %} {% editable event.start event.end event.location %}
-
-
- {{ event.start }} - {% if event.end %} -
- {% if event.end|date == event.start|date %}{{ event.end|time:"TIME_FORMAT" }}{% else %}{{ event.end }}{% endif %} - {% endif %} - {% if event.location %} - {{ event.location }} - {% endif %} -
-
- Réserver -
-
+
+ {{ event.start }} + {% if event.end %} +
+ {% if event.end|date == event.start|date %}{{ event.end|time:"TIME_FORMAT" }}{% else %}{{ event.end }}{% endif %} + {% endif %} + {% if event.location %} + {{ event.location }} + {% endif %} +
{% endeditable %} diff --git a/app/templates/base.html b/app/templates/base.html index 0206355d..bf5e1603 100644 --- a/app/templates/base.html +++ b/app/templates/base.html @@ -64,12 +64,12 @@
    {% if settings.USE_MODELTRANSLATION and languages|length > 1 %} -- 2.39.5