From: Jérémy Fabre Date: Wed, 14 Sep 2016 15:29:39 +0000 (+0200) Subject: Add services and bio on the homepage X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=cc8a0aa291e3146e897c66680117e5f5959575b3;p=mezzo.git Add services and bio on the homepage --- diff --git a/app/static/src/assets/img/services/applications.jpg b/app/static/src/assets/img/services/applications.jpg new file mode 100644 index 00000000..5a141866 Binary files /dev/null and b/app/static/src/assets/img/services/applications.jpg differ diff --git a/app/static/src/assets/img/services/forumnet.jpg b/app/static/src/assets/img/services/forumnet.jpg new file mode 100644 index 00000000..c19514c1 Binary files /dev/null and b/app/static/src/assets/img/services/forumnet.jpg differ diff --git a/app/static/src/assets/img/services/resources.jpg b/app/static/src/assets/img/services/resources.jpg new file mode 100644 index 00000000..2b75fa02 Binary files /dev/null and b/app/static/src/assets/img/services/resources.jpg differ diff --git a/app/static/src/assets/img/services/tours.jpg b/app/static/src/assets/img/services/tours.jpg new file mode 100644 index 00000000..821711d9 Binary files /dev/null and b/app/static/src/assets/img/services/tours.jpg differ diff --git a/app/static/src/assets/img/services/ulysses.jpg b/app/static/src/assets/img/services/ulysses.jpg new file mode 100644 index 00000000..96830d44 Binary files /dev/null and b/app/static/src/assets/img/services/ulysses.jpg differ diff --git a/app/static/src/sass/global/_helpers.scss b/app/static/src/sass/global/_helpers.scss index d4b9e5f4..5ef0e7ab 100755 --- a/app/static/src/sass/global/_helpers.scss +++ b/app/static/src/sass/global/_helpers.scss @@ -155,6 +155,21 @@ .fsxs { @include font-size(xs); } +.fwl { + font-weight: weight(light); +} +.lh1 { + @include line-height(1); +} +.lh2 { + @include line-height(2); +} +.fcl { + color: white; +} +.fcb { + color: $color-black; +} .unstyled-list { list-style-type: none; margin: 0; diff --git a/app/static/src/sass/modules/_all.scss b/app/static/src/sass/modules/_all.scss index 4aa7e7ff..b3adb81f 100755 --- a/app/static/src/sass/modules/_all.scss +++ b/app/static/src/sass/modules/_all.scss @@ -28,6 +28,7 @@ @import 'pattern'; @import 'tag'; @import 'share-links'; +@import 'banner'; // Typography modules @import 'dashed'; diff --git a/app/static/src/sass/modules/_banner.scss b/app/static/src/sass/modules/_banner.scss new file mode 100644 index 00000000..3c4ea13f --- /dev/null +++ b/app/static/src/sass/modules/_banner.scss @@ -0,0 +1,112 @@ +$module: ".banner"; + +#{$module} { + + display: block; + + background-size: cover; + background-position: center center; + width: 100%; + height: 350px; + position: relative; + + @include margin-bottom(1); + + @include mq($until: lg) { + + height: 250px; + + } + + &--colored { + + &:after { + + content: ""; + display: block; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1; + + } + + } + + &--blue { + + &:after { + + background: #009DD2; + opacity: 0.7; + background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, #000000 100%); + + } + + } + + &--green { + + &:after { + + background: #0D9570; + opacity: 0.69; + background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, #000000 100%); + + } + + } + + &--orange { + + &:after { + + background: #FDA618; + opacity: 0.5; + + } + + } + + &__content { + + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 2; + + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + text-align: center; + + @include padding(1); + + } + + &__title { + + @include font-size(xxl); + @include line-height(1.2); + @include typeface(sans-serif); + font-weight: weight(bold); + + @include margin(0 0 1 0); + + } + + &__desc { + + @include font-size(s); + @include line-height(1); + @include typeface(serif); + font-weight: weight(bold); + + } + +} diff --git a/app/templates/home/inc/bio.html b/app/templates/home/inc/bio.html new file mode 100644 index 00000000..8a9075e8 --- /dev/null +++ b/app/templates/home/inc/bio.html @@ -0,0 +1,9 @@ +
+
+
+
+ L'Ircam, Institut de Recherche et Coordination Acoustique/Musique est aujourd’hui l’un des plus grands centres de recherche publique au monde se consacrant à la création musicale et à la recherche scientifique. Lieu unique où convergent la prospective artistique et l’innovation scientifique et technologique, l’institut est dirigé par Frank Madlener, et réunit plus de cent soixante collaborateurs. +
+
+
+
diff --git a/app/templates/home/inc/services.html b/app/templates/home/inc/services.html new file mode 100644 index 00000000..e095a4e3 --- /dev/null +++ b/app/templates/home/inc/services.html @@ -0,0 +1,109 @@ +{% load staticfiles %} + +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+ +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + +
diff --git a/app/templates/index.html b/app/templates/index.html index c3b14c5a..f828116f 100644 --- a/app/templates/index.html +++ b/app/templates/index.html @@ -52,4 +52,8 @@ {% include "home/inc/body.html" %} + {% include "home/inc/bio.html" %} + + {% include "home/inc/services.html" %} + {% endblock %}