diff --git a/docker/dinum-frontend/Dockerfile b/docker/dinum-frontend/Dockerfile new file mode 100644 index 00000000..9708eba4 --- /dev/null +++ b/docker/dinum-frontend/Dockerfile @@ -0,0 +1,56 @@ +# ---- Front-end image ---- +FROM node:20-alpine AS frontend-deps + +WORKDIR /home/frontend/ + +COPY ./src/frontend/package.json ./package.json +COPY ./src/frontend/package-lock.json ./package-lock.json + +RUN npm ci + +COPY .dockerignore ./.dockerignore +COPY ./src/frontend/ . + +### ---- Front-end builder image ---- +FROM frontend-deps AS meet-builder + +WORKDIR /home/frontend + +ENV VITE_APP_TITLE="Visio" + +RUN npm run build + +COPY ./docker/dinum-frontend/dinum-styles.css \ + ./dist/assets/ + +COPY ./docker/dinum-frontend/logo.svg \ + ./dist/assets/logo.svg + +COPY ./docker/dinum-frontend/assets/ \ + ./dist/assets/ + +COPY ./docker/dinum-frontend/fonts/ \ + ./dist/assets/fonts/ + +# ---- Front-end image ---- +FROM nginxinc/nginx-unprivileged:alpine3.21 AS frontend-production + +USER root +RUN apk update && apk upgrade libssl3 libcrypto3 libxml2>=2.12.7-r2 libxslt>=1.1.39-r2 + +USER nginx + +# Un-privileged user running the application +ARG DOCKER_USER +USER ${DOCKER_USER} + +COPY --from=meet-builder \ + /home/frontend/dist \ + /usr/share/nginx/html + +COPY ./src/frontend/default.conf /etc/nginx/conf.d +COPY ./docker/files/usr/local/bin/entrypoint /usr/local/bin/entrypoint + +ENTRYPOINT [ "/usr/local/bin/entrypoint" ] + +CMD ["nginx", "-g", "daemon off;"] diff --git a/src/frontend/public/assets/devise.svg b/docker/dinum-frontend/assets/devise.svg similarity index 100% rename from src/frontend/public/assets/devise.svg rename to docker/dinum-frontend/assets/devise.svg diff --git a/src/frontend/public/assets/gouvernement.svg b/docker/dinum-frontend/assets/gouvernement.svg similarity index 100% rename from src/frontend/public/assets/gouvernement.svg rename to docker/dinum-frontend/assets/gouvernement.svg diff --git a/src/frontend/public/assets/marianne.svg b/docker/dinum-frontend/assets/marianne.svg similarity index 100% rename from src/frontend/public/assets/marianne.svg rename to docker/dinum-frontend/assets/marianne.svg diff --git a/docker/dinum-frontend/dinum-styles.css b/docker/dinum-frontend/dinum-styles.css new file mode 100644 index 00000000..d12ae9a3 --- /dev/null +++ b/docker/dinum-frontend/dinum-styles.css @@ -0,0 +1,70 @@ +:root { + --fonts-sans: 'Marianne', ui-sans-serif, system-ui, sans-serif; +} + +.Header-beforeLogo { + display: block; +} + +.Header-beforeLogo::before { + content: ''; + display: block; + background-image: url(/assets/marianne.svg); + background-position: 0 -0.046875rem; + background-size: 2.0625rem 0.84375rem; + height: 0.75rem; + margin-bottom: 0.1rem; + width: 2.0625rem; +} + +.Header-beforeLogo::after { + content: ''; + display: block; + background-image: url(/assets/gouvernement.svg), url(/assets/devise.svg); + background-repeat: no-repeat, no-repeat; + background-size: 108.8px 10px, 40px 29px; + background-position: 0 3px, 0 18.9px; + width: 108.8px; + height: 48px; + margin-top: 0.25rem; +} + +@font-face { + font-family: 'Marianne'; + src: url('/assets/fonts/Marianne-Regular-subset.woff2') format('woff2'); + font-weight: 400; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Marianne'; + src: url('/assets/fonts/Marianne-Regular_Italic-subset.woff2') format('woff2'); + font-weight: 400; + font-style: italic; + font-display: swap; +} + +@font-face { + font-family: 'Marianne'; + src: url('/assets/fonts/Marianne-Medium-subset.woff2') format('woff2'); + font-weight: 500; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Marianne'; + src: url('/assets/fonts/Marianne-Bold-subset.woff2') format('woff2'); + font-weight: 700; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Marianne'; + src: url('/assets/fonts/Marianne-ExtraBold-subset.woff2') format('woff2'); + font-weight: 800; + font-style: normal; + font-display: swap; +} diff --git a/docker/dinum-frontend/fonts/Marianne-Bold-subset.woff2 b/docker/dinum-frontend/fonts/Marianne-Bold-subset.woff2 new file mode 100644 index 00000000..09aa43ba Binary files /dev/null and b/docker/dinum-frontend/fonts/Marianne-Bold-subset.woff2 differ diff --git a/docker/dinum-frontend/fonts/Marianne-Bold_Italic-subset.woff2 b/docker/dinum-frontend/fonts/Marianne-Bold_Italic-subset.woff2 new file mode 100644 index 00000000..4dac51d1 Binary files /dev/null and b/docker/dinum-frontend/fonts/Marianne-Bold_Italic-subset.woff2 differ diff --git a/docker/dinum-frontend/fonts/Marianne-ExtraBold-subset.woff2 b/docker/dinum-frontend/fonts/Marianne-ExtraBold-subset.woff2 new file mode 100644 index 00000000..0d35dc8c Binary files /dev/null and b/docker/dinum-frontend/fonts/Marianne-ExtraBold-subset.woff2 differ diff --git a/docker/dinum-frontend/fonts/Marianne-ExtraBold_Italic-subset.woff2 b/docker/dinum-frontend/fonts/Marianne-ExtraBold_Italic-subset.woff2 new file mode 100644 index 00000000..6c9ea286 Binary files /dev/null and b/docker/dinum-frontend/fonts/Marianne-ExtraBold_Italic-subset.woff2 differ diff --git a/docker/dinum-frontend/fonts/Marianne-Light-subset.woff2 b/docker/dinum-frontend/fonts/Marianne-Light-subset.woff2 new file mode 100644 index 00000000..f3e66d21 Binary files /dev/null and b/docker/dinum-frontend/fonts/Marianne-Light-subset.woff2 differ diff --git a/docker/dinum-frontend/fonts/Marianne-Light_Italic-subset.woff2 b/docker/dinum-frontend/fonts/Marianne-Light_Italic-subset.woff2 new file mode 100644 index 00000000..e472768a Binary files /dev/null and b/docker/dinum-frontend/fonts/Marianne-Light_Italic-subset.woff2 differ diff --git a/docker/dinum-frontend/fonts/Marianne-Medium-subset.woff2 b/docker/dinum-frontend/fonts/Marianne-Medium-subset.woff2 new file mode 100644 index 00000000..8f4512c4 Binary files /dev/null and b/docker/dinum-frontend/fonts/Marianne-Medium-subset.woff2 differ diff --git a/docker/dinum-frontend/fonts/Marianne-Medium_Italic-subset.woff2 b/docker/dinum-frontend/fonts/Marianne-Medium_Italic-subset.woff2 new file mode 100644 index 00000000..66b254f3 Binary files /dev/null and b/docker/dinum-frontend/fonts/Marianne-Medium_Italic-subset.woff2 differ diff --git a/docker/dinum-frontend/fonts/Marianne-Regular-subset.woff2 b/docker/dinum-frontend/fonts/Marianne-Regular-subset.woff2 new file mode 100644 index 00000000..b75fc465 Binary files /dev/null and b/docker/dinum-frontend/fonts/Marianne-Regular-subset.woff2 differ diff --git a/docker/dinum-frontend/fonts/Marianne-Regular_Italic-subset.woff2 b/docker/dinum-frontend/fonts/Marianne-Regular_Italic-subset.woff2 new file mode 100644 index 00000000..0494adac Binary files /dev/null and b/docker/dinum-frontend/fonts/Marianne-Regular_Italic-subset.woff2 differ diff --git a/docker/dinum-frontend/fonts/Marianne-Thin-subset.woff2 b/docker/dinum-frontend/fonts/Marianne-Thin-subset.woff2 new file mode 100644 index 00000000..5f031ed9 Binary files /dev/null and b/docker/dinum-frontend/fonts/Marianne-Thin-subset.woff2 differ diff --git a/docker/dinum-frontend/fonts/Marianne-Thin_Italic-subset.woff2 b/docker/dinum-frontend/fonts/Marianne-Thin_Italic-subset.woff2 new file mode 100644 index 00000000..8e7a9175 Binary files /dev/null and b/docker/dinum-frontend/fonts/Marianne-Thin_Italic-subset.woff2 differ diff --git a/docker/dinum-frontend/logo.svg b/docker/dinum-frontend/logo.svg new file mode 100644 index 00000000..9f4e8881 --- /dev/null +++ b/docker/dinum-frontend/logo.svg @@ -0,0 +1,6 @@ + + + + + +