Skip to content
🖨 Schilderwald as a Service http://schild.chaos.lol/
Vue JavaScript CSS
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode
assets
components
docs
layouts
pages
static
.gitignore
LICENSE.md
README.md
nuxt.config.js
package-lock.json
package.json

README.md

DigitalSignage

Schilderwald as a Service

Usage

Go to http://schild.chaos.lol/, type your words, print the page.
Set your printer to also print background images, if not already selected. Your sign wont look as nice without them. Also set the scale to 100% and print in landscape.

Development

npm i
npm run dev
open http://localhost:3000/

Creating a new layout / design

Layouts are vue-components located in the layouts folder. Each layout needs a <nuxt/> tag where the page is rendered and a uniquely classed section. Do not try to style the body in your layout, always start with your layout section, or else you will get weird style bugs when changing routes. For a quick start, just copy & modify an already existing layout. Do not forget to put a link to your design in the components/layoutselect.vue component.
All elements should be positioned absolute. We recommend using centimeters instead of pixels for positioning. Designing for printers in a browser is a strange job.
When you are finished styling your layout, deploy your own version of digitalSignage or create a pull-request here, if you think other people would like to use your design.

Also please consider creating designs with a light background. Printer ink is more expensive than human blood.

Deployment

Run npm run generate, wait for the build to finish and push to GitHub. New routes need to be added to nuxt.config.jsto be properly generated.

You can’t perform that action at this time.