Giter Site home page Giter Site logo

fcenobi / portal Goto Github PK

View Code? Open in Web Editor NEW

This project forked from slobberbone/portal

0.0 1.0 0.0 1.43 MB

Personal web portal to embed every useful links you browse every day

License: Apache License 2.0

HTML 33.39% JavaScript 41.61% CSS 25.00%

portal's Introduction

Personal portal

Portal logo

Simple portal in html/javascript without database. Allow to display different links to manage your home services !

Features

  • Links are displayed in an iframe
  • Toggle buttons to maximize the main iframe with auto mode or not (depend of config file)
  • Collapse menu
  • Loading page information
  • Help
  • Menu configuration from json file
  • Main picture with links from json file

Roadmap

  • Limit access with a login/password from htpasswd file
  • Add Nginx proxy configuration for several services | docker configuration ?

Screenshots

Portal demo Portal menu collapse Portal menu toggle

Installation

  1. Use a Web Server like Nginx or Apache Or Use Docker to expose this service : docker run -d --name=portal -v /[path]/Portal:/config:rw -p 80:80 --restart=always linuxserver/nginx

  2. Unzip the portal in Nginx/Apache directory /var/www/html Or for a docker container unzip the portal in :/[path]/Portal/www/

  3. Copy config/config.sample.json and rename it to config/config.json

  4. To add you entries edit the config/config.json like : { "label":"[titre de la section]", "entries":[ {"url":"[site internet]", "target":"[main : affiche dans le portal | _blank : ouvre un nouvel onglet", "label":"[titre du lien]"} ] }

  5. Install the extension linked in the top in your web browser to allow iframe to display other website.

Configuration

Edit the config/config.json.

Add an entry in the menu : { "label":"[titre de la section]", "entries":[ {"url":"[site internet]", "target":"[main : affiche dans le portal | _blank : ouvre un nouvel onglet", "label":"[titre du lien]"} ] } Disable "auto hide/show on Menu : "ui":[{ "autoHideMenu":"false", "autoHideTop":"true" }],

Disable "auto hide/show on Top : "ui":[{ "autoHideMenu":"true", "autoHideTop":"false" }],

Set a width of 20 pixels after "auto hide" on Menu : "ui":[{ "autoHideMenu":"true", "hideMenuWidth":"20" }],

Customize picture's links area : "[Zone]": {"url":"[site internet]", "target":"[main : affiche dans le portal | _blank : ouvre un nouvel onglet", "label":"[titre du lien]"}, Zone can be : - chauffage_entry - multimedia_entry - securite_entry - energie_entry - surveillance_entry - reseau_entry - fichiers_entry - lumieres_entry - recyclage_entry

Portal Configuration

Credits :

portal's People

Contributors

slobberbone avatar colonelmoutarde avatar

Watchers

James Cloos avatar

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.