https://github.com/chaostreff-flensburg/digital-signage

🖨 Schilderwald as a Service https://saas.c3fl.de
https://github.com/chaostreff-flensburg/digital-signage

digital-signage

Last synced: about 2 months ago
JSON representation

🖨 Schilderwald as a Service https://saas.c3fl.de

• Host: GitHub
• URL: https://github.com/chaostreff-flensburg/digital-signage
• Owner: chaostreff-flensburg
• License: mit
• Created: 2017-11-02T20:50:15.000Z (about 7 years ago)
• Default Branch: main
• Last Pushed: 2024-11-19T17:39:01.000Z (2 months ago)
• Last Synced: 2024-11-19T18:41:32.342Z (2 months ago)
• Topics: digital-signage
• Language: CSS
• Homepage: https://saas.c3fl.de
• Size: 12.7 MB
• Stars: 21
• Watchers: 13
• Forks: 9
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

• awesome-starred - chaostreff-flensburg/digital-signage - 🖨 Schilderwald as a Service https://saas.ctfl.space/ (others)

README

        
# DigitalSignage - Version: schilderwald

> Schilderwald as a Service

Mit diesem innovativen SaaS Service können Sie einfach beschilderungen für Ihre Event erstellen. Probieren sich es doch einfach aus!

Es muss einfach nur als query parameter einen pfad zu einem Order übergeben werden. Dort braucht es nur eine config.json sowie styles und images.

## Beispiel config.json

```json

{

    "name": "hacksonthebeach",

    "css": [

        "/style.css"

    ],

    "editable_elements": [

        {"tag": "h1", "class": "heading", "default": "You are beautiful"},

        {"tag": "h6", "class": "heading", "default": "You are beautiful"},

        {"tag": "p", "class": "subline", "default": "Let's change the world"}

    ],

    "styling_elements": [

        {"tag": "img", "alt": "", "class": "absolute", "id": "hotb-logo", "src": "https://raw.githubusercontent.com/chaostreff-flensburg/digitalSignage/master/assets/img/hacksonthebeach/wortmarke.svg"},

        {"tag": "img", "alt": "","class": "absolute", "id": "hotb-schirm", "src": "https://raw.githubusercontent.com/chaostreff-flensburg/digitalSignage/master/assets/img/hacksonthebeach/loetschirm.svg"}

    ]

}

```

### Beispiel für CSS Datei von Git(Hub)

.css Dateien können nicht direkt von Git(hub) im raw modus geladen werden. Diese haben den falschen mime type. Dafür muss dann [https://raw.githack.com/](https://raw.githack.com/) benutzt werden. Z.B.:

`https://raw.githack.com/chaos-jetzt/schild-vorlagen/main/chaos_jetzt_light/style.css`

### Default Werte überschreiben

In `config.json` werden mit **editable_elements** die HTML Elmente konfiguriert welche angezeigt werden. Es kann ein default value übergeben werden. Diese kann aber über den Query Parameter `values` überschrieben werden. Z.B.: 

`?config=https://raw.githubusercontent.com/chaos-jetzt/schild-vorlagen/main/chaos_jetzt_light/&values=eins;zwei;drei`

Schreibt in die ersten drei Input Felder den Wert eins, zwei und drei. Das vierte Input feld behält seinen default value. Die Separierung erfolgt über das `;`. 

## Technical Stuff

This project is using vue.js as frontend framework.

This template should help get you started developing with Vue 3 in Vite.

### Project Setup

```sh

npm install

```

### Compile and Hot-Reload for Development

```sh

npm run dev

```

### Compile and Minify for Production

```sh

npm run build

```

### Lint with [ESLint](https://eslint.org/)

```sh

npm run lint

```