Git Product home page Git Product logo

simple-dash's Introduction

Mentioned in Awesome-Selfhosted

simple-dash

Try the Demo here: https://kutyla-philipp.github.io/simple-dash/

A simple, fully responsive Dashboard to forward to the services of your choice! Ideal for Desktop and mobile usage! Add all of your services, whether you host them yourself or not and display them as neat Icons from the FontAwesome libary. simple-dash is made to be as simple and minimalistic as possible. (The goal was to create a dashboard even my mom could use!) :) Based on: https://github.com/thetomester13/homepage

This project uses:

  • Font Awesome
  • Trianglify

Screenshots

Homepage Desktop Homepage Mobile

To Use

Copy the config.sample.json file and rename to config.json. Be sure to update the fields as you see appropriate.

Configure Homepage

  • 'items' => The menu will scale to the amount of items you want to display. Insert any link you'd like, or {{cur}} for the current URL of the page. Choose icons from Font Awesome

simple-dash's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

simple-dash's Issues

add title

is there anything to put in the config that would show the title put in the alt tag on the page so it is not just the icon?

Some Icons not displaying

Some of the icons don't appear to be displaying properly....
config.json:

{
        "title" : "Imfeld Family Dashboard",
        "items" : [
                {
                        "alt" : "BabyBuddy",
                        "icon" : "fas fa-baby",
                        "link" : "https://baby.SITE.com"
                },
                {
                        "alt" : "Recipes",
                        "icon" : "fas fa-hamburger",
                        "link" : "https://recipe.SITE.com"
                },
                {
                        "alt" : "File Storage",
                        "icon" : "fas fa-folder-open",
                        "link" : "https://files.SITE.com"
                },
                {
                        "alt" : "Website",
                        "icon" : "fas fa-globe",
                        "link" : "https://www.SITE.com"
                }

        ]
}

image

password protected access

i love the simple dash, but dont like the idea of exposing the services i run internally, even though they are individually passworded. would it be possible to password-protect simple-dash (with something nicer and more password-manager-friendly than http-auth) so that random people cant explore an index of my services?

Error: Width and height must be numbers greater than 0

Hey there!

Awesome work here, I'm trying to use this as my personal dash board and I've encountered this issue:

image

I'm using Firefox 60.9.0esr (64-bit) and also give the same error on Chrome Version 77.0.3865.120 (Official Build) (64-bit).

Might it be that it might need to take the height and width from other part of the DOM?

Regards.

P.D: I'm not an expert on JS so bear with me.

Suggestion: Add option for custom background image

The random triangle backgrounds are cool, but I'd love to have the ability to set a custom background image.

I'd like to setup an instance of simple-dash for each server I manage, with links to the services it hosts you see.

Docker

Is there a docker version of this app? I want to deploy this app on heroku.

Help with using my own font: need to understand .fa

I made a custom font with icons that I want, and I am trying to adapt your project to use it.
I put my new font in the fonts folder with the fontawesome font and changed fontawesome-all.min.css to replace the fontawesome name with the name of my new font, and then edited the entries so that the appropriate unicode was associated with the appropriate name.
However, now, no icons are loading. So I am trying to figure out what else I need to modify in order for simple-dash to call my font in the same manner as you set it up to call fontawesome.
One thing I don't understand is the "fa" prefix on fonts and css element names. If you could explain/annotate that bit of the code, it would be awesome.

PHP -> JS

It is possible to replace the server-side PHP part with client-side JS. This makes the app able to be run in more environments, including GitHub Pages.

Open urls in new tabs

Hi, I'm using simple-dash as my landing page on my home networkand we love it.
I noticed that always open in same tab, so I edited to fit my needs.
Could I pull some changes to add ability to open in new tab (_blank) or same (_self), minor changes to config.json and index.html?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.