Browse Source

optimize dockerfile

master
Wesley Kerfoot 5 years ago
parent
commit
91624c36b6
  1. 28
      app/Dockerfile
  2. 6
      app/styles/riotblog.scss

28
app/Dockerfile

@ -1,28 +1,28 @@
FROM ubuntu:latest FROM ubuntu:latest
MAINTAINER wes kerfoot "wjak56@gmail.com" MAINTAINER wes kerfoot "wjak56@gmail.com"
RUN apt-get update -y RUN apt-get update -y
RUN apt-get install -y python3-pip python3-dev build-essential sassc jq curl RUN apt-get install -y curl
RUN curl -sL https://deb.nodesource.com/setup_11.x | bash RUN curl -sL https://deb.nodesource.com/setup_13.x | bash
RUN apt-get install -y nodejs RUN apt-get update -y
RUN apt-get install -y python3-pip python3-dev build-essential sassc jq nodejs
RUN npm install -g uglifycss uglifyjs RUN npm install -g uglifycss uglifyjs
COPY . ./src COPY . ./src
COPY run.sh /run.sh
COPY blogPosts.json /blogPosts.json
WORKDIR /src WORKDIR /src
RUN npm install RUN npm install && pip3 install -r /src/requirements.txt && \
RUN pip3 install -r /src/requirements.txt mkdir -p ./build/styles ./build/scripts && \
RUN mkdir -p ./build/styles ./build/scripts npm run-script build_riotblog && \
npm run-script build_editor
RUN npm run-script build_riotblog RUN sassc ./styles/riotblog.scss > ./styles/riotblog.intermediate.min.css && \
RUN npm run-script build_editor cp ./styles/*.css ./build/styles/ && \
RUN sassc ./styles/riotblog.scss > ./styles/riotblog.intermediate.min.css uglifycss ./styles/*.css > ./build/styles/riotblog.min.css
RUN cp ./styles/*.css ./build/styles/
RUN uglifycss ./styles/*.css > ./build/styles/riotblog.min.css
COPY run.sh /run.sh
COPY blogPosts.json /blogPosts.json
ENTRYPOINT ["/bin/bash", "/run.sh"] ENTRYPOINT ["/bin/bash", "/run.sh"]
CMD ["/src/website.py"] CMD ["/src/website.py"]

6
app/styles/riotblog.scss

@ -66,7 +66,7 @@ html {
font-weight: 400; font-weight: 400;
color: black; color: black;
@media (max-width: 600px) { @media (max-width: 600px) {
font-size: 1.6em; font-size: 1.7em;
} }
@media (max-width: 530px) { @media (max-width: 530px) {
font-size: 1.3em; font-size: 1.3em;
@ -475,8 +475,8 @@ $bg-color: red;
.post-card { .post-card {
@extend .shadow; @extend .shadow;
max-width: 80%; max-width: 85%;
@media(max-width: 400px) { @media(max-width: 500px) {
max-width: 95%; max-width: 95%;
} }
} }

Loading…
Cancel
Save