{"id":26241630,"url":"https://github.com/a6b8/placeholder-webpage-docker","last_synced_at":"2026-04-11T14:03:07.180Z","repository":{"id":126282124,"uuid":"110603004","full_name":"a6b8/placeholder-webpage-docker","owner":"a6b8","description":"Highly flexible Placeholder / Fallback Node.js Webservver as a Docker Image, optimized for Rancher and Docker-Compose.","archived":false,"fork":false,"pushed_at":"2018-08-18T03:21:55.000Z","size":1360,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-13T08:37:18.195Z","etag":null,"topics":["docker","docker-compose","express","javascript","node-js","p5js"],"latest_commit_sha":null,"homepage":"https://a6b8.github.io/placeholder-webpage-docker/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/a6b8.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-11-13T21:14:17.000Z","updated_at":"2022-01-13T09:59:24.000Z","dependencies_parsed_at":"2023-06-16T03:15:49.384Z","dependency_job_id":null,"html_url":"https://github.com/a6b8/placeholder-webpage-docker","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/a6b8/placeholder-webpage-docker","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/a6b8%2Fplaceholder-webpage-docker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/a6b8%2Fplaceholder-webpage-docker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/a6b8%2Fplaceholder-webpage-docker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/a6b8%2Fplaceholder-webpage-docker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/a6b8","download_url":"https://codeload.github.com/a6b8/placeholder-webpage-docker/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/a6b8%2Fplaceholder-webpage-docker/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":273453565,"owners_count":25108470,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-03T02:00:09.631Z","response_time":76,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["docker","docker-compose","express","javascript","node-js","p5js"],"created_at":"2025-03-13T08:32:30.510Z","updated_at":"2025-12-30T21:32:05.700Z","avatar_url":"https://github.com/a6b8.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"Preview: [HTML](http://htmlpreview.github.io/?https://github.com/a6b8/placeholder-webpage-docker/blob/master/public/index.html)   |   Docker Hub: [Pre-Build Image](https://hub.docker.com/r/a6b8/placeholder-webpage-docker/)\n\n# Placeholder Webpage for Docker\n\nIn this repo contains all files to build and setup a docker image to create a Placeholder- (Status- / Fallback- ...) Webpage behind a load balancer. The image uses a nodejs/express server with the javascript library p5js for the animation ( inspired by [Atari Bouncing Ball](https://www.youtube.com/watch?v=BvSP2JUDk80) ) and dom creation. The text and the images have default variables set but can be changed by the docker environemnt feature (-e / -environment). The Idea was to build a docker image, in a quick and elegant way, which can be inplemented in a larger docker-compose files without dependencies. The pre-build image can be found on docker hub. 100 % of the Text \u0026 Images can be changed via the environment variables.\n\nThe Docker Image use Port: **80**\n\n\n**Features:**\n- [x] All Variables Customizable\n- [x] P5Js - Dom creation and Animation\n- [x] Express - Server\n- [x] NodeJS - Hand Variables from Docker to P5js\n- [x] Docker - Container Build/Image\n- [x] Docker-Compose Ready - Deploy Structure\n- [x] Cattle (Rancher) Ready - Infrastructure\n\n\n**Environment Variables:**\n- `PAGETITLE` (default: \"PAGETITLE\")\n- `HEADLINE` (default: \"HEADLINE\")\n- `DESCRIPTION` (default: \"DESCRIPTION\")\n- `URL_HOMEPAGE` (default: \"\")\n- `EMAIL` (default: \"\")\n- `URL_IMAGE` (default: \"https://googlechrome.github.io/samples/picture-element/images/kitten-large.png\")\n- `URL_FOOTER_LEFT_NAME` (default: \"ABCDEFGHIJKLM-LEFT\")\n- `URL_FOOTER_LEFT` (default: \"https://www.example.com/footer_left\")\n- `URL_FOOTER_RIGHT_NAME` (default: \"ABCDEFGHIJKLM-RIGHT\")\n- `URL_FOOTER_RIGHT` (default: \"https://www.example.com/footer_right\")\n\n\n\n**Preview:** [Index.html](http://htmlpreview.github.io/?https://github.com/a6b8/customizable-placeholder-webpage-docker/blob/master/public/index.html)\n\n\n## Getting Started\nThere are 2 ways to deploy the images:\n\n1. Deploy the image from the pre-build docker image \u003e\u003e [https://hub.docker.com/r/a6b8/placeholder-webpage-docker/](https://hub.docker.com/r/a6b8/placeholder-webpage-docker/)\n2. Build your own image, upload it to docker hub and deploy from your own account\n\n\n### 1. Quick Start\n#### Docker run\nExample 1:\n- Make Port 4242 Public (-p), \n- Change Text (-e)\n```\ndocker run -p 4242:8085 -e HEADLINE=\"My New Headline One\" a6b8/placeholder-webpage-docker:latest\n```\n\nExample 2:\n```\ndocker run \\\n-p 4242:8085 \\\n-e PAGETITLE=\"Example Two\" \\\n-e HEADLINE=\"Headline Two\" \\\n-e DESCRIPTION=\"Description Two\" \\\n-e URL_HOMEPAGE=\"https://www.google.com\" \\\n-e EMAIL=\"me@me.com\" \\\n-e URL_IMAGE=\"https://googlechrome.github.io/samples/picture-element/images/butterfly.jpg\" \\\n-e URL_FOOTER_LEFT_NAME=\"LEFT\" \\\n-e URL_FOOTER_LEFT=\"https://www.example.com/left\" \\\n-e URL_FOOTER_RIGHT_NAME=\"        RIGHT\" \\\n-e URL_FOOTER_RIGHT=\"https://www.example.com/right\" \\\na6b8/placeholder-webpage-docker:latest\n```\n\n\n#### Docker-Compose\nPull Repository\n```\ngit clone https://github.com/a6b8/placeholder-webpage-docker.git\ncd placeholder-webpage-docker/\n```\n\nChange yml values \n```\nversion: \"2\"\nservices:\n  placeholder-webpage:\n    image: a6b8/placeholder-webpage-docker:latest\n    ports:\n      - \"4242:8085\"\n    environment:\n      PAGETITLE: \"Example Two\"\n      HEADLINE: \"Headline Two\"\n      DESCRIPTION: \"Description Two\"\n      URL_HOMEPAGE: \"https://www.google.com\"\n      EMAIL: \"me@me.com\"\n      URL_IMAGE: \"https://googlechrome.github.io/samples/picture-element/images/butterfly.jpg\"\n      URL_FOOTER_LEFT_NAME: \"LEFT\"\n      URL_FOOTER_LEFT: \"https://www.example.com/left\"\n      URL_FOOTER_RIGHT_NAME: \"        RIGHT\"\n      URL_FOOTER_RIGHT: \"https://www.example.com/right\"\n```\n\nDeploy\n```\ndocker-compose up\n```\n\n#### HA-Proxy Snippet\n```\nversion: \"2\"\nservices:\n  placeholder-webpage:\n    image: a6b8/placeholder-webpage-docker:latest\n    environment:\n      PAGETITLE: \"Example Two\"\n      HEADLINE: \"Headline Two\"\n      DESCRIPTION: \"Description Two\"\n      URL_HOMEPAGE: \"https://www.google.com\"\n      EMAIL: \"me@me.com\"\n      URL_IMAGE: \"https://googlechrome.github.io/samples/picture-element/images/butterfly.jpg\"\n      URL_FOOTER_LEFT_NAME: \"LEFT\"\n      URL_FOOTER_LEFT: \"https://www.example.com/left\"\n      URL_FOOTER_RIGHT_NAME: \"        RIGHT\"\n      URL_FOOTER_RIGHT: \"https://www.example.com/right\"\n```\n\n\n#### Remove --all-- Containers\n```\ndocker kill $(docker ps -q) \u0026\u0026 docker rm $(docker ps -a -q)\n```\n\n### 2. Build your own Image from Source\n\nClone \u0026 Load Dependencies\n```\ngit clone https://github.com/a6b8/placeholder-webpage-docker.git\ncd placeholder-webpage-docker/\nnpm install\n```\n\nTest Webbrowser\n```\nnode index.js\ngoto \u003e\u003e http://localhost:8085\n```\n\nBuild Image \u0026 Push to Docker Hub\n```\ndocker build -t {{docker_hub_username}}/{{image_name}} .\ndocker push {{docker_hub_username}}/{{image_name}}\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fa6b8%2Fplaceholder-webpage-docker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fa6b8%2Fplaceholder-webpage-docker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fa6b8%2Fplaceholder-webpage-docker/lists"}