From 88d8ac0d828a2c01990b07a8f12ebefd98697225 Mon Sep 17 00:00:00 2001 From: Phil-Ah Date: Thu, 26 Sep 2024 09:26:33 +0200 Subject: [PATCH 1/3] Enhance dogu-starting-page Users need to understand that the dogu is already actively loading. An image with a tiny animation helps to convey activity. The animated image will only be loaded when the user does not request reduces animations for accessibility. --- CHANGELOG.md | 4 + resources/var/www/html/errors/css/errors.css | 10 +- .../errors/img/dogu-starting-animated.svg | 814 ++++++++++++++++++ 3 files changed, 827 insertions(+), 1 deletion(-) create mode 100644 resources/var/www/html/errors/img/dogu-starting-animated.svg diff --git a/CHANGELOG.md b/CHANGELOG.md index 907fb45..ab32e20 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html). ## [Unreleased] +### Added +- Animated image for dogu-starting-page +### Changed +- [#111] Use animation to show automatic reload of Dogu ## [v1.26.1-10] - 2024-09-18 ### Changed diff --git a/resources/var/www/html/errors/css/errors.css b/resources/var/www/html/errors/css/errors.css index 8762907..c43fa7a 100755 --- a/resources/var/www/html/errors/css/errors.css +++ b/resources/var/www/html/errors/css/errors.css @@ -14,6 +14,7 @@ /* dogu starting page */ --ces-dogu-starting-logo: url("../img/dogu-starting.svg"); + --ces-dogu-starting-logo-animated: url("../img/dogu-starting-animated.svg"); --ces-dogu-starting-logo-width: var(--ces-error-logo-width); --ces-dogu-starting-logo-height-mobile: var(--ces-error-logo-height-mobile); @@ -137,6 +138,13 @@ body { width: var(--ces-dogu-starting-logo-width); content: var(--ces-dogu-starting-logo); } +/* use animated image for clients NOT prefering reduces motion */ +@media (prefers-reduced-motion: no-preference) { + .dogu-error.dogu-starting .logo { + width: var(--ces-dogu-starting-logo-width); + content: var(--ces-dogu-starting-logo-animated); + } +} /* not found page */ .dogu-error.not-found .logo { @@ -192,4 +200,4 @@ body { .dogu-error.maintenance .logo { height: var(--ces-maintenance-logo-height-mobile); } -} \ No newline at end of file +} diff --git a/resources/var/www/html/errors/img/dogu-starting-animated.svg b/resources/var/www/html/errors/img/dogu-starting-animated.svg new file mode 100644 index 0000000..f53568e --- /dev/null +++ b/resources/var/www/html/errors/img/dogu-starting-animated.svg @@ -0,0 +1,814 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + From 5d8bf2adeedf6a12ee0e97389269957fd958f793 Mon Sep 17 00:00:00 2001 From: Philipp Pixel Date: Thu, 26 Sep 2024 16:28:04 +0200 Subject: [PATCH 2/3] Bump version --- Dockerfile | 6 +++--- dogu.json | 2 +- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/Dockerfile b/Dockerfile index bc79dc7..19b4e3a 100644 --- a/Dockerfile +++ b/Dockerfile @@ -2,7 +2,7 @@ FROM node:lts-alpine as templating ENV WORKDIR=/template \ # Used in template to invalidate caches - do not remove. The release script will auto update this line - VERSION="1.26.1-10" + VERSION="1.26.1-11" RUN mkdir -p ${WORKDIR} WORKDIR ${WORKDIR} @@ -68,11 +68,11 @@ RUN wget --progress=bar:force:noscroll -O /tmp/warp.zip https://github.com/cloud FROM registry.cloudogu.com/official/base:3.20.2-1 LABEL maintainer="hello@cloudogu.com" \ NAME="official/nginx" \ - VERSION="1.26.1-10" + VERSION="1.26.1-11" ENV CES_MAINTENANCE_MODE=false \ # Used in template to invalidate caches - do not remove. The release script will auto update this line - VERSION="1.26.1-10" + VERSION="1.26.1-11" RUN set -x -o errexit \ && set -o nounset \ diff --git a/dogu.json b/dogu.json index d31da22..b75a446 100644 --- a/dogu.json +++ b/dogu.json @@ -1,6 +1,6 @@ { "Name": "official/nginx", - "Version": "1.26.1-10", + "Version": "1.26.1-11", "DisplayName": "Nginx", "Description": "Nginx WebServer.", "Logo": "https://cloudogu.com/images/dogus/nginx.png", From 3affdc6c360f7873c1870670f214dbaa2e8a7ea5 Mon Sep 17 00:00:00 2001 From: Philipp Pixel Date: Thu, 26 Sep 2024 16:28:18 +0200 Subject: [PATCH 3/3] Update changelog --- CHANGELOG.md | 3 +++ 1 file changed, 3 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index ab32e20..4eee32c 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -6,8 +6,11 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html). ## [Unreleased] + +## [v1.26.1-11] - 2024-09-26 ### Added - Animated image for dogu-starting-page + ### Changed - [#111] Use animation to show automatic reload of Dogu