diff --git a/Dockerfile b/Dockerfile index 88f7ccb..3455ca3 100644 --- a/Dockerfile +++ b/Dockerfile @@ -1,7 +1,9 @@ FROM nginx:alpine RUN sed -i 's/#gzip/gzip/g' /etc/nginx/nginx.conf && \ sed -i '/gzip *on/ a gzip_types text/css application/javascript image/svg+xml;' /etc/nginx/nginx.conf && \ - apk add --no-cache sassc + apk add --no-cache sassc nodejs && \ + npm install -g svg-sprite-generator COPY . /usr/share/nginx/html WORKDIR /usr/share/nginx/html -RUN sassc -m -t compressed /usr/share/nginx/html/scss/creative.scss /usr/share/nginx/html/css/creative.css +RUN sassc -m -t compressed scss/creative.scss css/creative.css && \ + svg-sprite-generate -d vector/ -o vector/sprite.svg diff --git a/index.html b/index.html index 81c2f7f..98823cc 100644 --- a/index.html +++ b/index.html @@ -73,7 +73,9 @@ - + @@ -196,10 +198,10 @@ video_button.onclick = function () { if (masthead_video.muted) { masthead_video.muted = false; - video_button.children[0].className = 'fa fa-volume-up fa-2x'; + video_button.children[0].children[0].setAttribute("xlink:href", "/vector/sprite.svg#sound-on"); } else { masthead_video.muted = true; - video_button.children[0].className = 'fa fa-volume-off fa-2x'; + video_button.children[0].children[0].setAttribute("xlink:href", "/vector/sprite.svg#sound-off"); } }; diff --git a/scss/_icones.scss b/scss/_icones.scss new file mode 100644 index 0000000..73efd2c --- /dev/null +++ b/scss/_icones.scss @@ -0,0 +1,6 @@ +.icone { + width: 2rem; + height: 2rem; + vertical-align: -0.15em; + overflow: hidden; +} diff --git a/scss/creative.scss b/scss/creative.scss index 7cd8249..8152b22 100644 --- a/scss/creative.scss +++ b/scss/creative.scss @@ -8,3 +8,4 @@ @import "cta.scss"; @import "bootstrap-overrides.scss"; @import "_about.scss"; +@import "_icones.scss"; diff --git a/update.sh b/update.sh new file mode 100755 index 0000000..8ff1cc6 --- /dev/null +++ b/update.sh @@ -0,0 +1,8 @@ +#!/bin/bash + +docker build -t site-max . + +docker stop some-nginx +docker rm some-nginx + +docker run --name some-nginx -d -p 80:80 site-max diff --git a/vector/sound-off.svg b/vector/sound-off.svg new file mode 100644 index 0000000..5f08672 --- /dev/null +++ b/vector/sound-off.svg @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + diff --git a/vector/sound-on.svg b/vector/sound-on.svg new file mode 100644 index 0000000..f91c23d --- /dev/null +++ b/vector/sound-on.svg @@ -0,0 +1,22 @@ + + + + + + + + + +