Giter Site home page Giter Site logo

tab's Introduction

tab

Codacy Badge

tab is a simple start page generator written in Python. It uses primitive templating, YAML, and outputs a single index.html. Default template is based on Semantic UI.

Basics

Bookmarks are stored in a separate YAML file named bookmarks.yml. Its format should fit the following one:

Coding:
    GitHub:
        href: //github.com
        icon: git
    Travis CI:
        href: //travis-ci.org
    BitBucket:
        href: //bitbucket.org
        icon: bitbucket

Learn:
    Stepik:
        href: //stepik.org
    Udacity:
        href: //udacity.com
    KhanAcademy:
        href: //khanacademy.org

This format is simple and intuitive. Coding is a group name (non-indented block), GitHub is an entry (link) name, href is used to store an URL (tab does not process it in any way now, so it is up to you), icon is an icon name (see full list at Semantic UI).

Template files are currently hardcoded to be placed in template dir. There must be index.html, group.html, link.html files.

Stylesheet styles.css is optional. It may be integrated into index.html (use -s flag).

By default, group and link icons are enabled. To disable, use -r flag. You may specify maximum columns number with -c flag.

Template

You may create your own template. Just be sure to use these template variables:

  • {styles} is for an integrated stylesheet.
  • {styles_ext} is for an external stylesheet.
  • {groups} — wrapper placeholder for all groups html.
  • {groupname} — name of a group.
  • {links} — placeholder for links.
  • {title} — link title.
  • {href} — link href.

Usage

Run with a -h flag to see help.

$ python tab.py -h
Usage: tab.py [options]

Options:
  -h, --help  show this help message and exit
  -c NUM      maximum columns number
  -s, --css   integrate "template/styles.css" into index.html
  -r          remove icons

Example

There is an example index.html in output dir.

Screenshot

tab's People

Contributors

maximtrp 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.