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 @@
+
+
+