<commit_before># StratifyQML

Stratify QML is a QML UI framework inspired by Twitter Bootstrap.  The goal is to provide easy-to-use, customizable QML building blocks that follow the Twitter Bootstrap look and feel including responsive elements that look great on any screen.

# Contributors Welcome

Stratify QML is released under the ASL 2.0.  If you are willing to release contributions under this license and would like to contribute, please let me know.

# Example

Stratify QML aims to dispense with fine-tuning of anchors and sizes and use a Bootstrap like grid system with rows and columns.  Styling is tweaked using the "style" property similarly to how Bootstrap uses "class" ("class" is a reserved word in QML and cant' be used).

```
SContainer {
  SRow {
    SColumn {
        span: 6;
        SPanel { style: "default"; heading: "Panel"; body: "Default"; }
        SPanel { style: "primary"; heading: "Panel"; body: "Primary"; }
        SPanel { style: "danger"; heading: "Panel"; body: "Danger"; }
        SPanel { style: "success"; heading: "Panel"; body: "Success"; }
        SPanel { style: "info"; heading: "Panel"; body: "Info"; }
        SPanel { style: "warning"; heading: "Panel"; body: "Warning"; }
        SRow {
            SButton{ span: 6; style: "btn-default xs center middle"; text: "Extra Small"; }
            SButton{ span: 6; style: "btn-default sm center middle"; text: "Small"; }
        }
        SRow {
            SButton{ span: 6; style: "btn-default center middle"; text: "Default"; }
            SButton{ span: 6; style: "btn-default lg center middle"; text: "Large"; }
        }
        SRow {
            SButton{ span: 6; style: "lg center middle block"; text: "Block"; }
            SButton{ span: 6; style: "kg center middle"; text: "Default"; }
        }
    }
   }
}
```

![Preview](https://github.com/StratifyLabs/StratifyQML/blob/master/img/preview-20160416.png "Stratify QML Preview")
<commit_msg>Added Modal and Todo list<commit_after># StratifyQML

Stratify QML is a QML UI framework inspired by Twitter Bootstrap.  The goal is to provide easy-to-use, customizable QML building blocks that follow the Twitter Bootstrap look and feel including responsive elements that look great on any screen.

# Contributors Welcome

Stratify QML is released under the ASL 2.0.  If you are willing to release contributions under this license and would like to contribute, please let me know.

##TODO

- <del>Modal</del>
- <del>Panel</del>
- <del>Button</del>
- <del>Label</del>
- <del>Column</del>
- <del>Row</del>
- <del>Container</del>
- <del>FontAwesome</del>
- <del>Hline</del>
- <del>Progressbar</del>
- <del>Well</del>
- <del>Input</del>
- <del>Checkbox</del>
- <del>Alert</del>
- Popover
- Carousel
- Breadcrumbs
- Jumbotron
- List Group
- Input Groups
- Radio Button
- Text Box
- Nav Tabs
- Nav Pills
- Navbar
- Tooltip
- Images
- Dropdown
- Pane (scrolling)
- List with JSONPath
- Badge


# Example

Stratify QML aims to dispense with fine-tuning of anchors and sizes and use a Bootstrap like grid system with rows and columns.  Styling is tweaked using the "style" property similarly to how Bootstrap uses "class" ("class" is a reserved word in QML and cant' be used).

```
SContainer {
  SRow {
    SColumn {
        span: 6;
        SPanel { style: "default"; heading: "Panel"; body: "Default"; }
        SPanel { style: "primary"; heading: "Panel"; body: "Primary"; }
        SPanel { style: "danger"; heading: "Panel"; body: "Danger"; }
        SPanel { style: "success"; heading: "Panel"; body: "Success"; }
        SPanel { style: "info"; heading: "Panel"; body: "Info"; }
        SPanel { style: "warning"; heading: "Panel"; body: "Warning"; }
        SRow {
            SButton{ span: 6; style: "btn-default xs center middle"; text: "Extra Small"; }
            SButton{ span: 6; style: "btn-default sm center middle"; text: "Small"; }
        }
        SRow {
            SButton{ span: 6; style: "btn-default center middle"; text: "Default"; }
            SButton{ span: 6; style: "btn-default lg center middle"; text: "Large"; }
        }
        SRow {
            SButton{ span: 6; style: "lg center middle block"; text: "Block"; }
            SButton{ span: 6; style: "kg center middle"; text: "Default"; }
        }
    }
   }
}
```

![Preview](https://github.com/StratifyLabs/StratifyQML/blob/master/img/preview-20160416.png "Stratify QML Preview")

![Modal Preview](https://github.com/StratifyLabs/StratifyQML/blob/master/img/modal-20160414.png "Stratify Modal Preview")

{'fraction_non_alphanumeric': 0.12698412698412698, 'fraction_numerical': 0.009259259259259259, 'mean_word_length': 3.065412186379928, 'pattern_counts': {'":': 0, '<': 31, '<?xml version=': 0, '>': 31, 'https://': 3, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1902426', 'n_tokens_mistral': 1448, 'n_tokens_neox': 1399, 'n_words': 508}