Flame Dashboard

Flame is self-hosted startpage for your server with built-in apps and bookmarks editors. Material Design Icons: https://materialdesignicons.com/

• Docker Compose
• My Custom CSS
• Integrate with Docker

Docker Compose

NOTE: This versions does NOT integrate with the Docker Socket and will not automatically show Docker Containers. Please use this docker-compose to do that.

version: '2.1'
services:
  flame:
    image: pawelmalak/flame:2.0.0
    container_name: flame
    volumes:
      - /srv/dev-disk-by-uuid-8df18c42-62dc-46d8-a921-7eaad2eb7982/Configs/Flame:/app/data #map volume appropriately to your system
    ports:
      - 5006:5005 #change 5006 to whatever you need for your system
    environment:
       - PASSWORD=password #change this
    restart: unless-stopped

 

My Custom CSS

Here's the code I used for my setup. Feel free to use and modify this for your setup.

@media (min-width: 0px) {
  .WeatherWidget {
    visibility: visible;
  }
  body {
      background: url(uploads/cool-4k-wallpaper-10.jpg); 
      background-size: cover;
      background-repeat: no-repeat;
      background-attachment: fixed;
  }
  .BookmarkCard_BookmarkCard__1GmHc, .AppGrid_AppGrid__33iLW {
      margin: 20px;
      background-color: rgba(0,0,0,.5);
      padding: 20px;
  }
  .AppCard_AppCard__1V2_0 {
      padding: 4px !important;
      border-radius: 4px;
      transition: all .1s;
  }
  .AppCard_AppCard__1V2_0:hover {
      background: rgba(0,0,0,1) !important;
  }
}

Line 6 (the background URL line) has been modified to work for local access AND domain name access.

Integrate with Docker

version: '2.1'

services:
  flame:
    image: pawelmalak/flame:latest
    container_name: flamedashboard
    volumes:
      - /volume1/Configs/FireDashboard:/app/data #update the path as necessary
      - /var/run/docker.sock:/var/run/docker.sock #don't change this
    ports:
      - 6006:5005 #change the 6006 port as necessary for your setup
    restart: unless-stopped