diff --git a/.gitignore b/.gitignore index 186552a71..90fe4c862 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,5 @@ node_modules bower_components -coverage \ No newline at end of file +coverage +dist +*.tgz diff --git a/index.html b/index.html index c39953701..d25606193 100644 --- a/index.html +++ b/index.html @@ -35,20 +35,18 @@ .grid-stack-item { border: 0; } - - #demo h1, - #getStarted h1 { - font-size: 3rem; + h1 { + text-align: center; + font-size: 3rem; + margin-top: 2rem; + margin-bottom: 1.5rem; } - .card { background: none; } - section { padding: 0 15px 0 15px; } - .grid-stack-item-removing { opacity: 0.8; filter: blur(5px); @@ -61,7 +59,13 @@ .logo { display: inline; margin-right: 15px; - } + } + #trash { + background-color: #cc6857 ; + } + .newWidget { + background-color: #6cad84 ; + } @@ -110,21 +114,12 @@ >Examples
- Save and restore layout - Nested grids - Drag widgets between two grids - Animate widgets + Save and restore layout + Drag widgets between two grids + Nested grids + Responsive layout + Animate widgets + more...
  • @@ -170,7 +165,7 @@
    -

    gridstack.js

    +

    gridstack.js

    Build interactive dashboards in minutes.

    @@ -178,11 +173,24 @@

    gridstack.js

    gridstack.js is a JS library designed to help developers create beautiful draggable, resizable, responsive bootstrap-friendly - layouts with just a few lines of code. gridstack.js can even be - used to create more advanced grids: allow users to persist - changes, create a sidebar of widgets to drag into your grid, and - much, much more. + layouts with just a few lines of code.
    + You can create more advanced grids: allow users to persist + changes, create a sidebar of widgets to drag into your grid, and + much, much more.

    + Features:

    +
      +
    • pure JS can be used in any UI framework
      • +
    • mobile support
      • +
    • draggable, resizable items
      • +
    • drag'n'drop from sidebar to insert/delete
      • +
    • responsive layouts
      • +
    • save/restore
      • +
    • drag between multiple grids
      • +
    • nested grids
      • +
    • plugin support for drag'n'drop (JQUI, with more to come...)
      • +
    • bootstrap-v4-friendly. external Angular, React, Knockout.js and more bindings
      • +
    @@ -196,12 +204,7 @@

    gridstack.js

    name="grid" style="font-size: 350%; margin-top: 10px" > -

    - Basic Demo -

    +

    Basic Demo

    @@ -356,12 +359,7 @@

    gridstack.js

    class="float-right" style="font-size: 350%" > -

    - Getting Started -

    +

    Getting Started

    Create your first interactive grid by copy-pasting the HTML+JS, as seen below...

    @@ -406,12 +404,7 @@

    Code

    name="grid" style="font-size: 350%; margin-top: 10px" > -

    - Advanced Demo -

    +

    Advanced Demo

    @@ -423,7 +416,7 @@

    Code

    @@ -435,7 +428,7 @@

    Code

    -
    +
    Code name="desktop" class="float-right" style="font-size: 350%" - > -

    - Used by -

    + > + +

    Why use it

    +
    + +

    Used by