Add CSS

Author: wmuldergov

compose/frontend/StaticBuild

@@ -33,7 +33,7 @@ RUN touch /run/nginx.pid
 COPY ./compose/frontend/default.conf /etc/nginx/conf.d
 # COPY nginx.conf /etc/nginx
 COPY --from=buildnode /app/build /usr/share/nginx/html
-RUN chmod -R 777 /run /var/log/nginx /var/cache/nginx /usr/share/nginx/html/static/js /etc/nginx/conf.d
+RUN chmod -R 777 /run /var/log/nginx /var/cache/nginx /usr/share/nginx/html/static/js /usr/share/nginx/html/static/css /etc/nginx/conf.d
 
 ARG DEBUG_BUILD=false
 

compose/frontend/entrypoint

@@ -1,6 +1,7 @@
 #!/bin/sh
 
 MAIN=`find /usr/share/nginx/html/static/js/main.*.js`
+MAINCSS=`find /usr/share/nginx/html/static/css/main.*.css`
 echo -e "\nwindow.BASE_MAP='${REACT_APP_BASE_MAP}';" >> $MAIN
 echo -e "window.MAP_STYLE='${REACT_APP_MAP_STYLE}';" >> $MAIN
 echo -e "window.API_HOST='${REACT_APP_API_HOST}';" >> $MAIN
@@ -13,5 +14,6 @@ echo -e "window.REPLAY_THE_DAY='${REACT_APP_REPLAY_THE_DAY}';" >> $MAIN
 # Set the environment to be used for caching django content
 sed -i "s~{ENVIRONMENT}~$ENVIRONMENT~g" /etc/nginx/conf.d/default.conf
 
-#gzip the main js file to improve performance
-gzip -k $MAIN
+#precompress the main js and css files to improve performance
+gzip -k $MAIN
+gzip -k $MAINCSS