diff --git a/.npmignore b/.npmignore index b50ca4221..518a06e6e 100644 --- a/.npmignore +++ b/.npmignore @@ -1,5 +1,5 @@ /docs/ -!/docs_html/ +/docs_html/ /plugins/* !/plugins/flot-old/ /.github/ diff --git a/docs/_config.yml b/docs/_config.yml index a1f523f1f..4069a3129 100644 --- a/docs/_config.yml +++ b/docs/_config.yml @@ -2,11 +2,9 @@ title: AdminLTE v3 Documentation version: v3.1.0-pre description: AdminLTE v3 Documentation -markdown: kramdown -kramdown: - auto_ids: false +baseurl: /docs/3.1 +url: https://adminlte.io -highlighter: rouge plugins: - jekyll-seo-tag - jekyll-sitemap diff --git a/docs/_includes/foot.html b/docs/_includes/foot.html index 4ec391c3d..9bfef4c86 100644 --- a/docs/_includes/foot.html +++ b/docs/_includes/foot.html @@ -1,5 +1,4 @@ - - - - - + + + + diff --git a/docs/_includes/footer.html b/docs/_includes/footer.html index 73210dbb3..74319bdfe 100644 --- a/docs/_includes/footer.html +++ b/docs/_includes/footer.html @@ -1,6 +1,6 @@ - + diff --git a/docs/_includes/head.html b/docs/_includes/head.html index 7dd6b57e2..aa4620849 100644 --- a/docs/_includes/head.html +++ b/docs/_includes/head.html @@ -1,14 +1,14 @@ - - - - + + + + - {% seo %} + {% seo %} - - - - - - + + + + + + diff --git a/docs/_includes/navbar.html b/docs/_includes/navbar.html index 8f1c264a2..bb77c5ca0 100644 --- a/docs/_includes/navbar.html +++ b/docs/_includes/navbar.html @@ -1,36 +1,36 @@ - + + + + + + + + diff --git a/docs/_includes/sidebar.html b/docs/_includes/sidebar.html index 443fbe528..a66e3676e 100644 --- a/docs/_includes/sidebar.html +++ b/docs/_includes/sidebar.html @@ -1,51 +1,51 @@ - diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html index 366b7df74..84c27dc73 100644 --- a/docs/_layouts/default.html +++ b/docs/_layouts/default.html @@ -9,11 +9,11 @@ {%- include navbar.html -%} {%- include sidebar.html -%} - {{content}} + {{ content }} {%- include footer.html -%} - {%- include foot.html -%} + {% include foot.html -%} diff --git a/docs/_layouts/page.html b/docs/_layouts/page.html index bbf2156d3..72d514663 100644 --- a/docs/_layouts/page.html +++ b/docs/_layouts/page.html @@ -4,10 +4,10 @@ layout: default
-

{{page.title}}

+

{{ page.title }}

- {{content}} + {{ content }}
diff --git a/docs/components/boxes.md b/docs/components/boxes.md index 5124b55bf..9bf472694 100644 --- a/docs/components/boxes.md +++ b/docs/components/boxes.md @@ -5,7 +5,6 @@ title: Boxes Components There are two types of boxes, info boxes & small boxes. Both boxes are used to display statistical snippets. - ##### Info Box {: .text-bold .text-dark .mt-4} @@ -251,6 +250,7 @@ There are two types of boxes, info boxes & small boxes. Both boxes are used to d ##### Loading Style {: .text-bold .text-dark .mt-5} + To simulate a loading state, simply place this code before the `.info-box` / `.small-box` closing tag. > ##### Tip! @@ -315,6 +315,7 @@ To simulate a loading state, simply place this code before the `.info-box` / `.s You can also use a dark loading style with adding `.dark` to `.overlay` like this code. + ```html
diff --git a/docs/components/cards.md b/docs/components/cards.md index bac251605..181869b0e 100644 --- a/docs/components/cards.md +++ b/docs/components/cards.md @@ -51,6 +51,7 @@ The card component is the most widely used component through out this template. ##### Card Variants {: .text-bold .text-dark .mt-5} + You can change the style of the card by adding any of the contextual classes. ###### Default @@ -508,6 +509,7 @@ You can change the style of the card by adding any of the contextual classes. ##### Card Tools {: .text-bold .text-dark .mt-5} + Cards can contain tools to deploy a specific event or provide simple info. The following examples makes use of multiple AdminLTE components within the header of the card. AdminLTE data-card-widget attribute provides cards with the ability to collapse or be removed. The buttons are placed in the card-tools which is placed in the card-header. @@ -540,6 +542,7 @@ AdminLTE data-card-widget attribute provides cards with the ability to collapse ##### Loading Style {: .text-bold .text-dark .mt-5} + To simulate a loading state, simply place this code before the `.card` closing tag. ```html @@ -605,6 +608,7 @@ To simulate a loading state, simply place this code before the `.card` closing t You can also use a dark loading style with adding `.dark` to `.overlay` like this code. + ```html
diff --git a/docs/components/control-sidebar.md b/docs/components/control-sidebar.md index 3023512fb..afb672803 100644 --- a/docs/components/control-sidebar.md +++ b/docs/components/control-sidebar.md @@ -9,11 +9,13 @@ The following code should be placed within the `.wrapper` div. I prefer to place ##### Control Sidebar Push {: .text-bold .text-dark} + By adding the `.control-sidebar-push` to `body`, the sidebar pushes the content away instead of overlaying the content. You can also add `.control-sidebar-push-slide` to `body`, to push the content away with an transition. ##### Dark Sidebar Markup {: .text-bold .text-dark} + ```html
- message user image + message user image
Is this template really for free? That's unbelievable!
@@ -39,7 +39,7 @@ The direct chat widget extends the card component to create a beautiful chat int Sarah Bullock 23 Jan 2:05 pm
- message user image + message user image
You better believe it!
@@ -49,7 +49,7 @@ The direct chat widget extends the card component to create a beautiful chat int Alexander Pierce 23 Jan 5:37 pm - message user image + message user image
Working with AdminLTE on a great new app! Wanna join?
@@ -59,7 +59,7 @@ The direct chat widget extends the card component to create a beautiful chat int Sarah Bullock 23 Jan 6:10 pm - message user image + message user image
I would love to.
@@ -70,7 +70,7 @@ The direct chat widget extends the card component to create a beautiful chat int