Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-21 17:34:25 +04:00
Code Issues Projects Releases Wiki Activity

remove include_cached

Browse Source
This commit is contained in:
codecalm
2020-01-01 22:24:34 +01:00
parent 96d526f4c9
commit a0dd18c65a
109 changed files with 472 additions and 477 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
Gemfile
View File

@@ -7,7 +7,6 @@ group :jekyll_plugins do
gem "jekyll-tidy"
gem "jekyll-timeago"
gem 'jekyll-redirect-from'
gem 'jekyll-include-cache'
end
gem 'wdm', '>= 0.1.1' if Gem.win_platform?

1
_config.yml
View File

@@ -15,7 +15,6 @@ plugins:
- jekyll-tidy
- jekyll-timeago
- jekyll-redirect-from
- jekyll-include-cache
exclude:
- .jekyll-cache

2
pages/_components/card-buttons.html
View File

@@ -3,4 +3,4 @@ title: Card with footer buttons
columns: 2
---
{% include_cached cards/card.html title="Card with footer buttons" footer-buttons=true %}
{% include cards/card.html title="Card with footer buttons" footer-buttons=true %}

2
pages/_components/card-comments.html
View File

@@ -3,4 +3,4 @@ title: Comments card
columns: 2
---
{% include_cached cards/comments.html %}
{% include cards/comments.html %}

2
pages/_components/card-ribbon.html
View File

@@ -3,4 +3,4 @@ title: Card with ribbon
columns: 1
---
{% include_cached cards/ribbon.html right=true text="-10%" lorem=true color="orange" bookmark=true %}
{% include cards/ribbon.html right=true text="-10%" lorem=true color="orange" bookmark=true %}

2
pages/_components/card-tabs-bottom.html
View File

@@ -3,4 +3,4 @@ title: Card with bottom tabs
columns: 2
---
{% include_cached cards/card-tabs.html count=4 bottom=true id="bottom" %}
{% include cards/card-tabs.html count=4 bottom=true id="bottom" %}

2
pages/_components/card-with-image.html
View File

@@ -3,4 +3,4 @@ title: Card with side image
columns: 2
---
{% include_cached cards/card-image.html title="Card with side image" %}
{% include cards/card-image.html title="Card with side image" %}

2
pages/_components/simple-avatar.html
View File

@@ -3,4 +3,4 @@ title: Simple avatar
markdown: false
---
{% include_cached ui/avatar.html person-id=1 status="green" %}
{% include ui/avatar.html person-id=1 status="green" %}

2
pages/_components/simple-card.html
View File

@@ -3,4 +3,4 @@ title: Simple box
columns: 1
---
{% include_cached cards/card.html %}
{% include cards/card.html %}

2
pages/_components/widget-revenue.html
View File

@@ -2,4 +2,4 @@
title: Revenue chart
---
{% include_cached cards/charts/revenue.html %}
{% include cards/charts/revenue.html %}

2
pages/_components/widget-sales.html
View File

@@ -3,4 +3,4 @@ title: Sales widget
columns: 1
---
{% include_cached cards/charts/sales.html %}
{% include cards/charts/sales.html %}

72
pages/_docs/avatars.md
View File

@@ -8,9 +8,9 @@ done: true
### Default markup
{% example html wrapper=avatar-list %}
{% include_cached ui/avatar.html person-id=1 %}
{% include_cached ui/avatar.html person-id=2 %}
{% include_cached ui/avatar.html person-id=3 %}
{% include ui/avatar.html person-id=1 %}
{% include ui/avatar.html person-id=2 %}
{% include ui/avatar.html person-id=3 %}
{% endexample %}
### Avatar image
@@ -18,9 +18,9 @@ done: true
Set an image as the background.
{% example html wrapper=avatar-list %}
{% include_cached ui/avatar.html person-id=1 %}
{% include_cached ui/avatar.html person-id=3 %}
{% include_cached ui/avatar.html person-id=4 %}
{% include ui/avatar.html person-id=1 %}
{% include ui/avatar.html person-id=3 %}
{% include ui/avatar.html person-id=4 %}
{% endexample %}
### Initials
@@ -28,11 +28,11 @@ Set an image as the background.
You can easily use initials instead of images.
{% example html wrapper=avatar-list %}
{% include_cached ui/avatar.html placeholder="AB" %}
{% include_cached ui/avatar.html placeholder="CD" %}
{% include_cached ui/avatar.html placeholder="EF" %}
{% include_cached ui/avatar.html placeholder="GH" %}
{% include_cached ui/avatar.html placeholder="IJ" %}
{% include ui/avatar.html placeholder="AB" %}
{% include ui/avatar.html placeholder="CD" %}
{% include ui/avatar.html placeholder="EF" %}
{% include ui/avatar.html placeholder="GH" %}
{% include ui/avatar.html placeholder="IJ" %}
{% endexample %}
### Avatar icons
@@ -40,9 +40,9 @@ You can easily use initials instead of images.
You can also use icons in avatars.
{% example html wrapper=avatar-list %}
{% include_cached ui/avatar.html icon="user" %}
{% include_cached ui/avatar.html icon="plus" %}
{% include_cached ui/avatar.html icon="user-plus" %}
{% include ui/avatar.html icon="user" %}
{% include ui/avatar.html icon="plus" %}
{% include ui/avatar.html icon="user-plus" %}
{% endexample %}
### Avatar initials color
@@ -50,11 +50,11 @@ You can also use icons in avatars.
Customize the color of the avatars' background. You can click [here]({% docs_url colors %}) to see the list of available colors.
{% example html wrapper=avatar-list %}
{% include_cached ui/avatar.html placeholder="AB" color="green" %}
{% include_cached ui/avatar.html placeholder="CD" color="red" %}
{% include_cached ui/avatar.html placeholder="EF" color="yellow" %}
{% include_cached ui/avatar.html placeholder="GH" color="blue" %}
{% include_cached ui/avatar.html placeholder="IJ" color="purple" %}
{% include ui/avatar.html placeholder="AB" color="green" %}
{% include ui/avatar.html placeholder="CD" color="red" %}
{% include ui/avatar.html placeholder="EF" color="yellow" %}
{% include ui/avatar.html placeholder="GH" color="blue" %}
{% include ui/avatar.html placeholder="IJ" color="purple" %}
{% endexample %}
### Avatar size
@@ -62,11 +62,11 @@ Customize the color of the avatars' background. You can click [here]({% docs_url
Using Bootstrap’s typical naming structure, you can create a standard avatar, or scale it up to different sizes based on what’s needed.
{% example html wrapper=avatar-list %}
{% include_cached ui/avatar.html person-id=10 size="xl" %}
{% include_cached ui/avatar.html person-id=9 size="lg" %}
{% include_cached ui/avatar.html person-id=8 size="md" %}
{% include_cached ui/avatar.html person-id=7 %}
{% include_cached ui/avatar.html person-id=6 size="sm" %}
{% include ui/avatar.html person-id=10 size="xl" %}
{% include ui/avatar.html person-id=9 size="lg" %}
{% include ui/avatar.html person-id=8 size="md" %}
{% include ui/avatar.html person-id=7 %}
{% include ui/avatar.html person-id=6 size="sm" %}
{% endexample %}
### Avatar status
@@ -74,12 +74,12 @@ Using Bootstrap’s typical naming structure, you can create a standard avatar,
Add an online or offline status indicator to show user's availability.
{% example html wrapper=avatar-list %}
{% include_cached ui/avatar.html person-id=11 %}
{% include_cached ui/avatar.html person-id=12 status="danger" %}
{% include_cached ui/avatar.html person-id=13 status="success" %}
{% include_cached ui/avatar.html person-id=14 status="warning" %}
{% include_cached ui/avatar.html person-id=15 status="info" %}
{% include_cached ui/avatar.html person-id=16 status="gray" status-text="5" %}
{% include ui/avatar.html person-id=11 %}
{% include ui/avatar.html person-id=12 status="danger" %}
{% include ui/avatar.html person-id=13 status="success" %}
{% include ui/avatar.html person-id=14 status="warning" %}
{% include ui/avatar.html person-id=15 status="info" %}
{% include ui/avatar.html person-id=16 status="gray" status-text="5" %}
{% endexample %}
### Avatar shape
@@ -87,11 +87,11 @@ Add an online or offline status indicator to show user's availability.
Change the shape of an avatar with the default Bootstrap image classes.
{% example html wrapper=avatar-list %}
{% include_cached ui/avatar.html person-id=17 %}
{% include_cached ui/avatar.html person-id=18 shape="rounded" %}
{% include_cached ui/avatar.html person-id=19 shape="rounded-circle" %}
{% include_cached ui/avatar.html person-id=20 shape="rounded-0" %}
{% include_cached ui/avatar.html person-id=21 shape="rounded-lg" %}
{% include ui/avatar.html person-id=17 %}
{% include ui/avatar.html person-id=18 shape="rounded" %}
{% include ui/avatar.html person-id=19 shape="rounded-circle" %}
{% include ui/avatar.html person-id=20 shape="rounded-0" %}
{% include ui/avatar.html person-id=21 shape="rounded-lg" %}
{% endexample %}
### Avatars list
@@ -109,7 +109,7 @@ Make the list stack when it reaches a certain length.
{% example %}
<div class="avatar-list avatar-list-stacked">
{% for person in site.data.people limit: 5 offset: 30 %}
{% include_cached ui/avatar.html person=person element="a" %}
{% include ui/avatar.html person=person element="a" %}
{% endfor %}
<span class="avatar" element="a">+8</span>
</div>

58
pages/_docs/buttons.md
View File

@@ -27,7 +27,7 @@ Use any of the available button classes to quickly create a styled button . We p
{% for button in site.button-variants %}
{% assign btn-color = button[1].class %}
{% assign btn-title = button[1].title %}
{% include_cached ui/button.html color=btn-color text=btn-title %}
{% include ui/button.html color=btn-color text=btn-title %}
{% endfor %}
{% endexample %}
@@ -39,7 +39,7 @@ Make buttons look inactive by adding the disabled boolean attribute to any `.btn
{% for button in site.button-variants %}
{% assign btn-color = button[1].class %}
{% assign btn-title = button[1].title %}
{% include_cached ui/button.html color=btn-color text=btn-title disabled=true %}
{% include ui/button.html color=btn-color text=btn-title disabled=true %}
{% endfor %}
{% endexample %}
@@ -62,7 +62,7 @@ Add `.btn-square` to button to remove border-radius.
{% for button in site.button-variants %}
{% assign btn-color = button[1].class %}
{% assign btn-title = button[1].title %}
{% include_cached ui/button.html color=btn-color text=btn-title square=true %}
{% include ui/button.html color=btn-color text=btn-title square=true %}
{% endfor %}
{% endexample %}
@@ -74,7 +74,7 @@ Add `.btn-pill` class to any button to make them more rounded.
{% for button in site.button-variants %}
{% assign btn-color = button[1].class %}
{% assign btn-title = button[1].title %}
{% include_cached ui/button.html color=btn-color text=btn-title pill=true %}
{% include ui/button.html color=btn-color text=btn-title pill=true %}
{% endfor %}
{% endexample %}
@@ -86,7 +86,7 @@ In need of a button, but not the hefty background colors they bring? Replace the
{% for button in site.button-variants %}
{% assign btn-color = button[1].class %}
{% assign btn-title = button[1].title %}
{% include_cached ui/button.html text=btn-title color=btn-color outline=true %}
{% include ui/button.html text=btn-title color=btn-color outline=true %}
{% endfor %}
{% endexample %}
@@ -119,27 +119,27 @@ Icons can be found [**here**](/docs/icons.html#icons)
{% example html wrapper=btn-list %}
<button type="button" class="btn btn-dark">
{% include_cached ui/icon.html icon="upload" class="icon-sm" %}
{% include ui/icon.html icon="upload" class="icon-sm" %}
Upload
</button>
<button type="button" class="btn btn-warning">
{% include_cached ui/icon.html icon="heart" class="icon-sm" %}
{% include ui/icon.html icon="heart" class="icon-sm" %}
I like
</button>
<button type="button" class="btn btn-success">
{% include_cached ui/icon.html icon="check" class="icon-sm" %}
{% include ui/icon.html icon="check" class="icon-sm" %}
I agree
</button>
<button type="button" class="btn btn-outline-primary">
{% include_cached ui/icon.html icon="plus" class="icon-sm" %}
{% include ui/icon.html icon="plus" class="icon-sm" %}
More
</button>
<button type="button" class="btn btn-danger">
{% include_cached ui/icon.html icon="link" class="icon-sm" %}
{% include ui/icon.html icon="link" class="icon-sm" %}
Link
</button>
<button type="button" class="btn btn-info">
{% include_cached ui/icon.html icon="message-circle" class="icon-sm" %}
{% include ui/icon.html icon="message-circle" class="icon-sm" %}
Comment
</button>
{% endexample %}
@@ -153,7 +153,7 @@ A button can be formatted to link to a social website
{% assign btn-icon = button[1].icon %}
{% assign btn-title = button[1].title %}
{% assign btn-color = button[0] %}
{% include_cached ui/button.html color=btn-color icon=btn-icon text=btn-title %}
{% include ui/button.html color=btn-color icon=btn-icon text=btn-title %}
{% endfor %}
{% endexample %}
@@ -163,7 +163,7 @@ You can use only icons.
{% for button in site.socials %}
{% assign btn-icon = button[1].icon %}
{% assign btn-color = button[0] %}
{% include_cached ui/button.html color=btn-color icon=btn-icon icon-only=true %}
{% include ui/button.html color=btn-color icon=btn-icon icon-only=true %}
{% endfor %}
{% endexample %}
@@ -173,25 +173,25 @@ Icon only button. Add `.btn-icon` class to remove unnecessary padding from butto
{% example html wrapper=btn-list %}
<button type="button" class="btn btn-icon btn-primary">
{% include_cached ui/icon.html icon="activity" class="icon-sm" %}
{% include ui/icon.html icon="activity" class="icon-sm" %}
</button>
<button type="button" class="btn btn-icon btn-primary btn-github">
{% include_cached ui/icon.html icon="github" class="icon-sm" %}
{% include ui/icon.html icon="github" class="icon-sm" %}
</button>
<button type="button" class="btn btn-icon btn-primary btn-success">
{% include_cached ui/icon.html icon="bell" class="icon-sm" %}
{% include ui/icon.html icon="bell" class="icon-sm" %}
</button>
<button type="button" class="btn btn-icon btn-primary btn-warning">
{% include_cached ui/icon.html icon="star" class="icon-sm" %}
{% include ui/icon.html icon="star" class="icon-sm" %}
</button>
<button type="button" class="btn btn-icon btn-primary btn-danger">
{% include_cached ui/icon.html icon="trash-2" class="icon-sm" %}
{% include ui/icon.html icon="trash-2" class="icon-sm" %}
</button>
<button type="button" class="btn btn-icon btn-primary btn-purple">
{% include_cached ui/icon.html icon="bar-chart" class="icon-sm" %}
{% include ui/icon.html icon="bar-chart" class="icon-sm" %}
</button>
<button type="button" class="btn btn-icon btn-primary btn-secondary">
{% include_cached ui/icon.html icon="git-merge" class="icon-sm" %}
{% include ui/icon.html icon="git-merge" class="icon-sm" %}
</button>
{% endexample %}
@@ -202,23 +202,23 @@ Wrap the dropdown’s toggle (your button or link) and the dropdown menu within
{% example html wrapper=btn-list %}
<div class="dropdown">
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown">
{% include_cached ui/icon.html icon="calendar" class="icon-sm" %}
{% include ui/icon.html icon="calendar" class="icon-sm" %}
</button>
{% include_cached ui/dropdown-menu.html %}
{% include ui/dropdown-menu.html %}
</div>
<div class="dropdown">
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown">
{% include_cached ui/icon.html icon="calendar" class="icon-sm" %}Show calendar
{% include ui/icon.html icon="calendar" class="icon-sm" %}Show calendar
</button>
{% include_cached ui/dropdown-menu.html %}
{% include ui/dropdown-menu.html %}
</div>
<div class="dropdown">
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown">
Show calendar
</button>
{% include_cached ui/dropdown-menu.html %}
{% include ui/dropdown-menu.html %}
</div>
{% endexample %}
@@ -229,7 +229,7 @@ Add `.btn-loading` to use a loading state on a button. The width of the button d
Since the loading spinner is implemented using the `:after` pseudo-element, it is not supported by the `<input type="submit">` element.
{% example html wrapper=btn-list %}
{% include_cached ui/button.html color="primary" text="Button" spinner=true %}
{% include ui/button.html color="primary" text="Button" spinner=true %}
{% endexample %}
### List of buttons
@@ -290,13 +290,13 @@ Use the `.text-center` or the `.text-right` modifiers to alter the alignment.
{% example html wrapper=btn-list %}
<a href="#" class="btn btn-secondary">
{% include_cached ui/avatar.html person-id="4" %} Avatar
{% include ui/avatar.html person-id="4" %} Avatar
</a>
<a href="#" class="btn btn-secondary">
{% include_cached ui/avatar.html person-id="5" %} Avatar
{% include ui/avatar.html person-id="5" %} Avatar
</a>
<a href="#" class="btn btn-secondary">
{% include_cached ui/avatar.html person-id="6" %} Avatar
{% include ui/avatar.html person-id="6" %} Avatar
</a>
{% endexample %}

16
pages/_docs/cards.md
View File

@@ -11,20 +11,20 @@ The `.card` element is simply a container with a shadow, a border, a radius, and
### Default card
{% example html columns=1 %}
{% include_cached cards/card.html body="This is some text within a card body." %}
{% include cards/card.html body="This is some text within a card body." %}
{% endexample %}
### Card with title and image
{% example html columns=1 %}
{% include_cached cards/card.html img-top=true title="Card with title and image" %}
{% include cards/card.html img-top=true title="Card with title and image" %}
{% endexample %}
### Blog post card
The best way to make your post eye-catching is adding an image to it. To do so, just add the image with the `.card-img-top` class. We've added the `.d-flex .flex-column` classes to the `.card-body` to have the author details be on the bottom of the card.
{% example html columns=1 %}
{% include_cached cards/blog-single.html type="image" %}
{% include cards/blog-single.html type="image" %}
{% endexample %}
### Row deck
@@ -56,7 +56,7 @@ If you want to create a couple of posts next to each other, add the `.row-deck`
You can also add the image on the left side of the card. All you need do to is: add the `.card-aside` class to the element with the `.card` class. Then add the image in the `.card-aside-column` element. No worries, tabler will automatically center it and scale to right size:
{% example html columns=3 %}
{% include_cached cards/blog-single.html type="aside" liked=1 article-id=3 %}
{% include cards/blog-single.html type="aside" liked=1 article-id=3 %}
{% endexample %}
### Color variations
@@ -64,10 +64,10 @@ You can also add the image on the left side of the card. All you need do to is:
{% example html columns=3 %}
<div class="row row-deck">
<div class="col-md-6">
{% include_cached cards/card.html status-top="danger" title="Card with top status" %}
{% include cards/card.html status-top="danger" title="Card with top status" %}
</div>
<div class="col-md-6">
{% include_cached cards/card.html status-left="green" title="Card with side status" %}
{% include cards/card.html status-left="green" title="Card with side status" %}
</div>
</div>
{% endexample %}
@@ -75,12 +75,12 @@ You can also add the image on the left side of the card. All you need do to is:
### Stacked card
{% example html columns=1 %}
{% include_cached cards/card.html class="card-stacked" title="Stacked card" %}
{% include cards/card.html class="card-stacked" title="Stacked card" %}
{% endexample %}
## Tabbed card
{% example html columns=2 %}
{% include_cached cards/card-tabs.html count=4 %}
{% include cards/card-tabs.html count=4 %}
{% endexample %}

10
pages/_docs/ribbons.md
View File

@@ -7,7 +7,7 @@ done: true
### Default markup
{% example html columns=1 %}
{% include_cached cards/ribbon.html %}
{% include cards/ribbon.html %}
{% endexample %}
### Ribbon position
@@ -22,7 +22,7 @@ You can easily change the position of a ribbon by adding a class to the element.
You can also use multiple classes at once for example: `.ribbon.ribbon-top.ribbon-left` moves the ribbon to the top left corner.
{% example html columns=1 %}
{% include_cached cards/ribbon.html top=true left=true %}
{% include cards/ribbon.html top=true left=true %}
{% endexample %}
### Ribbon color
@@ -30,7 +30,7 @@ You can also use multiple classes at once for example: `.ribbon.ribbon-top.ribbo
Customize the ribbon's background color. You can click [here]({% docs_url colors %}) to see the list of available colors.
{% example html columns=1 %}
{% include_cached cards/ribbon.html color="red" %}
{% include cards/ribbon.html color="red" %}
{% endexample %}
### Ribbon text
@@ -38,7 +38,7 @@ Customize the ribbon's background color. You can click [here]({% docs_url colors
Set your own text in a ribbon.
{% example html columns=1 %}
{% include_cached cards/ribbon.html color="green" text="-50%" %}
{% include cards/ribbon.html color="green" text="-50%" %}
{% endexample %}
### Ribbon style
@@ -46,5 +46,5 @@ Set your own text in a ribbon.
Change the style of a ribbon.
{% example html columns=1 %}
{% include_cached cards/ribbon.html bookmark=true color="orange" text="-50%" %}
{% include cards/ribbon.html bookmark=true color="orange" text="-50%" %}
{% endexample %}

10
pages/_docs/spinners.md
View File

@@ -44,9 +44,9 @@ done: true
### Buttons
{% example html wrapper=btn-list %}
{% include_cached ui/button.html spinner=true text="Button" color="primary" %}
{% include_cached ui/button.html spinner=true text="Button" color="danger" %}
{% include_cached ui/button.html spinner=true text="Button" color="warning" %}
{% include_cached ui/button.html spinner=true color="success" %}
{% include_cached ui/button.html spinner=true color="secondary" %}
{% include ui/button.html spinner=true text="Button" color="primary" %}
{% include ui/button.html spinner=true text="Button" color="danger" %}
{% include ui/button.html spinner=true text="Button" color="warning" %}
{% include ui/button.html spinner=true color="success" %}
{% include ui/button.html spinner=true color="secondary" %}
{% endexample %}

12
pages/_docs/tabs.md
View File

@@ -7,35 +7,35 @@ bootstrap-link: components/navs/
### Default markup
{% example html columns=1 %}
{% include_cached cards/tabs.html id="ex1" %}
{% include cards/tabs.html id="ex1" %}
{% endexample %}
### Tabs with icons
{% example html columns=1 %}
{% include_cached cards/tabs.html icons=true settings=true id="ex2" %}
{% include cards/tabs.html icons=true settings=true id="ex2" %}
{% endexample %}
### Tabs only with icons
{% example html columns=1 %}
{% include_cached cards/tabs.html icons=true settings=true hide-text=true id="ex3" %}
{% include cards/tabs.html icons=true settings=true hide-text=true id="ex3" %}
{% endexample %}
### Tabs with dropdown
{% example html columns=1 %}
{% include_cached cards/tabs.html dropdown=true id="ex4" %}
{% include cards/tabs.html dropdown=true id="ex4" %}
{% endexample %}
### Full-width tabs
{% example html columns=1 %}
{% include_cached cards/tabs.html justified=true icons=true hide-text=true activity=true id="ex5" %}
{% include cards/tabs.html justified=true icons=true hide-text=true activity=true id="ex5" %}
{% endexample %}
### Alternate style
{% example html columns=1 %}
{% include_cached cards/tabs.html icons=true alternative=true settings=true id="ex6" %}
{% include cards/tabs.html icons=true alternative=true settings=true id="ex6" %}
{% endexample %}

4
pages/_docs/timelines.md
View File

@@ -5,10 +5,10 @@ menu: docs.timelines
### Timeline
{% example html columns=3 %}
{% include_cached cards/timeline.html %}
{% include cards/timeline.html %}
{% endexample %}
### Simple Timeline
{% example html columns=1 %}
{% include_cached cards/timeline.html simple=true %}
{% include cards/timeline.html simple=true %}
{% endexample %}

4
pages/_includes/cards/blog-single.html
View File

@@ -12,14 +12,14 @@
<div class="text-muted">{{ article.description | truncate: truncate }}</div>
<div class="d-flex align-items-center pt-5 mt-auto">
{% include_cached ui/avatar.html person-id=avatar size="md" %}
{% include ui/avatar.html person-id=avatar size="md" %}
<div class="ml-3">
<a href="{{ site.base }}/profile.html" class="text-body">{{ author.first_name }} {{ author.last_name }}</a>
<small class="d-block text-muted">3 days ago</small>
</div>
<div class="ml-auto">
<a href="#" class="icon d-none d-md-inline-block ml-3 {% if liked %}text-red{% else %}text-muted{% endif %}">
{% include_cached ui/icon.html icon="heart" use-svg=true %}
{% include ui/icon.html icon="heart" use-svg=true %}
</a>
</div>
</div>

6
pages/_includes/cards/card-group.html
View File

@@ -1,5 +1,5 @@
<div class="card-group">
{% include_cached cards/card.html link=true class="text-center" body="This is first card" inactive=true %}
{% include_cached cards/card.html link=true class="text-center" body="This is second card" active=true %}
{% include_cached cards/card.html link=true class="text-center" body="This is third card" %}
{% include cards/card.html link=true class="text-center" body="This is first card" inactive=true %}
{% include cards/card.html link=true class="text-center" body="This is second card" active=true %}
{% include cards/card.html link=true class="text-center" body="This is third card" %}
</div>

6
pages/_includes/cards/comments.html
View File

@@ -7,7 +7,7 @@
{% for person in site.data.people limit: 3 %}
<div class="d-flex{% unless forloop.last %} mb-5{% endunless %}">
<div class="mr-4">
{% include_cached ui/avatar.html person=person status="green" %}
{% include ui/avatar.html person=person status="green" %}
</div>
<div class="flex-fill">
<div class="d-flex mt-n1">
@@ -21,9 +21,9 @@
</p>
<div class="small">
<span class="text-success mr-1">+{{ forloop.index | random_number: 20, 50 }}</span>
<a href="#" data-toggle="tooltip" data-placement="top" title="Vote Up">{% include_cached ui/icon.html icon="chevron-up" %}</a>
<a href="#" data-toggle="tooltip" data-placement="top" title="Vote Up">{% include ui/icon.html icon="chevron-up" %}</a>
<a href="#" class="mr-1" data-toggle="tooltip" data-placement="top" title="Vote Down">
{% include_cached ui/icon.html icon="chevron-down" %}
{% include ui/icon.html icon="chevron-down" %}
</a>
<span class="mr-1">·</span>
<a href="#" class="mr-1 text-muted">Reply</a>

4
pages/_includes/cards/company-employees.html
View File

@@ -12,7 +12,7 @@
{% for person in site.data.people limit: 5 offset: 20 %}
<tr>
<td class="w-1p">{% include_cached ui/avatar.html src=person.photo %}</td>
<td class="w-1p">{% include ui/avatar.html src=person.photo %}</td>
<td><a href="#" class="text-reset">{{ person.full_name }}</a></td>
<td>{{ person.department }}</td>
<td class="w-1 pr-0">{{ forloop.index | random_number: 30, 90 }}%</td>
@@ -21,7 +21,7 @@
<div class="progress-bar bg-{{ forloop.index | random_number: 30, 90 | number_color }}" role="progressbar" style="width: {{ forloop.index | random_number: 30, 90 }}%"></div>
</div>
</td>
<td><a href="" class="text-muted">{% include_cached ui/icon.html icon="more-horizontal" %}</a></td>
<td><a href="" class="text-muted">{% include ui/icon.html icon="more-horizontal" %}</a></td>
</tr>
{% endfor %}

10
pages/_includes/cards/development-activity.html
View File

@@ -13,7 +13,7 @@
<tbody>
<tr>
<td class="w-1p">
{% include_cached ui/avatar.html person-id=10 %}
{% include ui/avatar.html person-id=10 %}
</td>
<td>{{ site.data.people[10].full_name }}</td>
<td>Initial commit</td>
@@ -21,7 +21,7 @@
</tr>
<tr>
<td class="w-1p">
{% include_cached ui/avatar.html person-id=17 %}
{% include ui/avatar.html person-id=17 %}
</td>
<td>{{ site.data.people[17].full_name }}</td>
<td>Main structure</td>
@@ -29,7 +29,7 @@
</tr>
<tr>
<td class="w-1p">
{% include_cached ui/avatar.html person-id=16 %}
{% include ui/avatar.html person-id=16 %}
</td>
<td>{{ site.data.people[16].full_name }}</td>
<td>Left sidebar adjustments</td>
@@ -37,7 +37,7 @@
</tr>
<tr>
<td class="w-1p">
{% include_cached ui/avatar.html person-id=12 %}
{% include ui/avatar.html person-id=12 %}
</td>
<td>{{ site.data.people[12].full_name }}</td>
<td>Topbar dropdown style</td>
@@ -45,7 +45,7 @@
</tr>
<tr>
<td class="w-1p">
{% include_cached ui/avatar.html person-id=19 %}
{% include ui/avatar.html person-id=19 %}
</td>
<td>{{ site.data.people[19].full_name }}</td>
<td>Fixes #625</td>

16
pages/_includes/cards/feed-card.html
View File

@@ -3,7 +3,7 @@
<div class="card">
<div class="card-header d-flex">
<a href="#">
{% include_cached ui/avatar.html person=person size="md" %}
{% include ui/avatar.html person=person size="md" %}
</a>
<div class="mx-3">
<a href="#">{{ person.full_name }}</a>
@@ -176,13 +176,13 @@
<div class="card-footer">
<div class="toolbar toolbar-mx">
<a href="#" class="text-muted">
{% include_cached ui/icon.html icon="thumbs-up" %} 321 Likes
{% include ui/icon.html icon="thumbs-up" %} 321 Likes
</a>
<a href="#feed-form-{{ id }}" class="text-muted" data-toggle="collapse">
{% include_cached ui/icon.html icon="message-square" %} 56 Comments
{% include ui/icon.html icon="message-square" %} 56 Comments
</a>
<a href="#" class="text-muted">
{% include_cached ui/icon.html icon="share-2" %}
{% include ui/icon.html icon="share-2" %}
Share
</a>
</div>
@@ -192,10 +192,10 @@
<textarea class="form-control" rows="3"></textarea>
<div class="d-flex pt-2">
<div class="toolbar mt-1">
<a href="#" class="text-muted">{% include_cached ui/icon.html icon="image" %}</a>
<a href="#" class="text-muted">{% include_cached ui/icon.html icon="video" %}</a>
<a href="#" class="text-muted">{% include_cached ui/icon.html icon="map-pin" %}</a>
<a href="#" class="text-muted">{% include_cached ui/icon.html icon="paperclip" %}</a>
<a href="#" class="text-muted">{% include ui/icon.html icon="image" %}</a>
<a href="#" class="text-muted">{% include ui/icon.html icon="video" %}</a>
<a href="#" class="text-muted">{% include ui/icon.html icon="map-pin" %}</a>
<a href="#" class="text-muted">{% include ui/icon.html icon="paperclip" %}</a>
</div>
<button class="btn btn-sm btn-primary ml-auto">Post</button>
</div>

6
pages/_includes/cards/gallery.html
View File

@@ -2,18 +2,18 @@
<div class="card-body">
<a href="#" class="mb-3 d-block"><img src="{{ site.base }}/img/photos/{{ photo.file }}" class="rounded"></a>
<div class="d-flex align-items-center">
{% include_cached ui/avatar.html person=include.person class="mr-3 rounded" %}
{% include ui/avatar.html person=include.person class="mr-3 rounded" %}
<div class="lh-sm">
<div>{{ include.person.full_name }}</div>
<div class="text-muted">{{ forloop.index | random_date_ago: 10 | timeago }}</div>
</div>
<div class="ml-auto">
<a href="#" class="text-muted">
{% include_cached ui/icon.html icon="eye" %}
{% include ui/icon.html icon="eye" %}
{{ forloop.index | random_number: 300, 600 }}
</a>
<a href="#" class="ml-3 text-muted">
{% include_cached ui/icon.html icon="heart" %}
{% include ui/icon.html icon="heart" %}
{{ forloop.index | random_number: 20, 100 }}
</a>
</div>

2
pages/_includes/cards/icons.html
View File

@@ -5,7 +5,7 @@
<ul class="icons-list">
{% for icon in site.data.icons[include.group] %}
<li class="icons-list-item">
{% include_cached ui/icon.html icon=icon class="icon-md" %}
{% include ui/icon.html icon=icon class="icon-md" %}
</li>
{% endfor %}
{% for icon in (0..20) %}

16
pages/_includes/cards/invoices.html
View File

@@ -25,13 +25,13 @@
<thead>
<tr>
<th class="w-1p"><input class="form-check-input m-0 align-middle" type="checkbox"></th>
<th class="w-1p">No. {% include_cached ui/icon.html icon="chevron-up" class="icon-sm text-dark icon-thick" %}</th>
<th>Invoice Subject {% include_cached ui/icon.html icon="code" class="icon-sm" %}</th>
<th>Client {% include_cached ui/icon.html icon="code" class="icon-sm" %}</th>
<th>VAT No. {% include_cached ui/icon.html icon="code" class="icon-sm" %}</th>
<th>Created {% include_cached ui/icon.html icon="code" class="icon-sm" %}</th>
<th>Status {% include_cached ui/icon.html icon="code" class="icon-sm" %}</th>
<th>Price {% include_cached ui/icon.html icon="code" class="icon-sm" %}</th>
<th class="w-1p">No. {% include ui/icon.html icon="chevron-up" class="icon-sm text-dark icon-thick" %}</th>
<th>Invoice Subject {% include ui/icon.html icon="code" class="icon-sm" %}</th>
<th>Client {% include ui/icon.html icon="code" class="icon-sm" %}</th>
<th>VAT No. {% include ui/icon.html icon="code" class="icon-sm" %}</th>
<th>Created {% include ui/icon.html icon="code" class="icon-sm" %}</th>
<th>Status {% include ui/icon.html icon="code" class="icon-sm" %}</th>
<th>Price {% include ui/icon.html icon="code" class="icon-sm" %}</th>
<th></th>
<th></th>
</tr>
@@ -66,7 +66,7 @@
</span>
</td>
<td style="padding-right: 1rem;">
{% include_cached ui/icon.html icon="edit" class="icon-sm float-right" %}
{% include ui/icon.html icon="edit" class="icon-sm float-right" %}
</td>
</tr>
{% endfor %}

2
pages/_includes/cards/most-visited-pages.html
View File

@@ -14,7 +14,7 @@
{% for page in site.data.pages %}
<tr>
<td>{{ page.uri }}</td>
<td><a href="#" class="text-muted">{% include_cached ui/icon.html icon="link" %}</a></td>
<td><a href="#" class="text-muted">{% include ui/icon.html icon="link" %}</a></td>
<td>{{ page.visitors | format_number }}</td>
<td>{{ page.unique | format_number }}</td>
<td>{{ page.bounce-rate }}</td>

4
pages/_includes/cards/music/tracks-list.html
View File

@@ -21,10 +21,10 @@
{{ track.duration_ms | miliseconds_to_minutes }}
</div>
<div class="col-auto">
{% include_cached ui/icon.html icon="heart" %}
{% include ui/icon.html icon="heart" %}
</div>
<div class="col-auto">
{% include_cached ui/icon.html icon="more-horizontal" %}
{% include ui/icon.html icon="more-horizontal" %}
</div>
</div>
</div>

4
pages/_includes/cards/pricing-card.html
View File

@@ -14,9 +14,9 @@
{% for feature in features %}
<li>
{% if available-features[forloop.index0] == '1' %}
{% include_cached ui/icon.html icon="check" class="mr-1 text-success" %}
{% include ui/icon.html icon="check" class="mr-1 text-success" %}
{% else %}
{% include_cached ui/icon.html icon="x" class="mr-1 text-danger" %}
{% include ui/icon.html icon="x" class="mr-1 text-danger" %}
{% endif %}
{{ feature }}
</li>

8
pages/_includes/cards/profile-2.html
View File

@@ -1,7 +1,7 @@
<div class="card">
<div class="card-body">
<div class="media">
{% include_cached ui/avatar.html person-id=8 size="xl" %}
{% include ui/avatar.html person-id=8 size="xl" %}
<div class="media-body ml-4">
<h3>{{ site.data.people[20].first_name }} {{ site.data.people[20].last_name }}</h3>
<p class="text-muted mb-0">{{ site.data.people[20].job_title }}</p>
@@ -9,17 +9,17 @@
<ul class="social-links list-inline mb-0 mt-2">
<li class="list-inline-item">
<a href="#" title="Facebook" data-toggle="tooltip">
{% include_cached ui/icon.html icon="facebook" %}
{% include ui/icon.html icon="facebook" %}
</a>
</li>
<li class="list-inline-item">
<a href="#" title="Twitter" data-toggle="tooltip">
{% include_cached ui/icon.html icon="twitter" %}
{% include ui/icon.html icon="twitter" %}
</a>
</li>
<li class="list-inline-item">
<a href="#" title="1234567890" data-toggle="tooltip">
{% include_cached ui/icon.html icon="phone" %}
{% include ui/icon.html icon="phone" %}
</a>
</li>
</ul>

14
pages/_includes/cards/profile-timeline.html
View File

@@ -3,7 +3,7 @@
<div class="input-group">
<input type="text" class="form-control" placeholder="Message">
<div class="input-group-append">
{% include_cached ui/button.html icon="camera" icon-only=true color="secondary" %}
{% include ui/button.html icon="camera" icon-only=true color="secondary" %}
</div>
</div>
</div>
@@ -11,7 +11,7 @@
<li class="list-group-item py-4">
<div class="d-flex">
<div>
{% include_cached ui/avatar.html person-id=5 class="mr-3" %}
{% include ui/avatar.html person-id=5 class="mr-3" %}
</div>
<div class="flex-fill">
<div>
@@ -28,7 +28,7 @@
<ul class="list-unstyled">
<li class="d-flex mt-4">
<div>
{% include_cached ui/avatar.html person-id=8 class="mr-3" %}
{% include ui/avatar.html person-id=8 class="mr-3" %}
</div>
<div class="flex-fill">
<strong>{{ site.data.people[7].first_name }} {{ site.data.people[7].last_name }}: </strong>
@@ -38,7 +38,7 @@
</li>
<li class="d-flex mt-4">
<div>
{% include_cached ui/avatar.html person-id=10 class="mr-3" %}
{% include ui/avatar.html person-id=10 class="mr-3" %}
</div>
<div class="flex-fill">
<strong>{{ site.data.people[9].first_name }} {{ site.data.people[9].last_name }}: </strong>
@@ -53,7 +53,7 @@
<li class="list-group-item py-4">
<div class="d-flex">
<div>
{% include_cached ui/avatar.html person-id=11 class="mr-3" %}
{% include ui/avatar.html person-id=11 class="mr-3" %}
</div>
<div class="flex-fill">
<div>
@@ -70,7 +70,7 @@
<li class="list-group-item py-4">
<div class="d-flex">
<div>
{% include_cached ui/avatar.html person-id=15 class="mr-3" %}
{% include ui/avatar.html person-id=15 class="mr-3" %}
</div>
<div class="flex-fill">
<div>
@@ -86,7 +86,7 @@
<ul class="list-unstyled">
<li class="d-flex mt-4">
<div>
{% include_cached ui/avatar.html person-id=6 class="mr-3" %}
{% include ui/avatar.html person-id=6 class="mr-3" %}
</div>
<div class="flex-fill">
<strong>{{ site.data.people[5].first_name }} {{ site.data.people[5].last_name }}: </strong>

2
pages/_includes/cards/profile.html
View File

@@ -10,7 +10,7 @@
</p>
<button class="btn btn-outline-primary btn-sm">
{% include_cached ui/icon.html icon="twitter" %}
{% include ui/icon.html icon="twitter" %}
Follow
</button>
</div>

6
pages/_includes/cards/project-kanban.html
View File

@@ -8,9 +8,9 @@
<div class="card-body">
<div class="dropdown card-options">
<button class="btn-options" type="button" data-toggle="dropdown">
{% include_cached ui/icon.html icon="more-vertical" %}
{% include ui/icon.html icon="more-vertical" %}
</button>
{% include_cached ui/dropdown-menu.html right=true %}
{% include ui/dropdown-menu.html right=true %}
</div>
<div class="card-title">
<h6 class="h4 mb-3"><a href="#">{{ include.title | default: 'Task Title' }}</a>{% if include.badge %} <span class="badge">{{ include.badge }}</span>{% endif %}</h6>
@@ -20,7 +20,7 @@
<div class="card-meta d-flex justify-content-between">
<div class="d-flex align-items-center">
{% include_cached ui/icon.html icon="check-square" class="mr-2" %}
{% include ui/icon.html icon="check-square" class="mr-2" %}
<span>5/10</span>
</div>
<span>Due {{ due }}</span>

2
pages/_includes/cards/project-summary.html
View File

@@ -1,6 +1,6 @@
<div class="card">
<div class="card-body p-4 py-5 text-center">
{% include_cached ui/avatar.html size="xl" placeholder="W" class="mb-4" color=include.project-color %}
{% include ui/avatar.html size="xl" placeholder="W" class="mb-4" color=include.project-color %}
<h3 class="mb-0">{{ include.title | default: "New website" }}</h3>
<p class="text-muted">Due to: {{ include.date | default: '28 Aug 2019' }}</p>
<p class="mb-3">

2
pages/_includes/cards/ribbon.html
View File

@@ -9,5 +9,5 @@
{% endif %}
</div>
<div class="ribbon{% if include.top %} ribbon-top{% endif %}{% if include.left %} ribbon-left{% endif %}{% if include.bottom %} ribbon-bottom{% endif %}{% if include.bookmark %} ribbon-bookmark{% endif %}{% if include.color %} bg-{{ include.color }}{% endif %}">{% if include.text %}{{ include.text }}{% else %}{% include_cached ui/icon.html icon="star" class="icon-filled" use-svg=true %}{% endif %}</div>
<div class="ribbon{% if include.top %} ribbon-top{% endif %}{% if include.left %} ribbon-left{% endif %}{% if include.bottom %} ribbon-bottom{% endif %}{% if include.bookmark %} ribbon-bookmark{% endif %}{% if include.color %} bg-{{ include.color }}{% endif %}">{% if include.text %}{{ include.text }}{% else %}{% include ui/icon.html icon="star" class="icon-filled" use-svg=true %}{% endif %}</div>
</div>

2
pages/_includes/cards/small-stats-2.html
View File

@@ -14,7 +14,7 @@
<div class="card" data-color={{color}}>
<div class="card-body">
<div class="float-right stamp{% if include.color %} bg-{{ include.color }}{% if include.light %}-lt{% else %} text-white{% endif %}{% endif %}">
{% include_cached ui/icon.html icon=icon %}
{% include ui/icon.html icon=icon %}
</div>
<div class="text-muted font-weight-normal mt-0">{{ include.title | default: 'Customers' }}</div>
<h3 class="h2 mt-2 mb-3">{{ include.count | default: "1,850" }}</h3>

6
pages/_includes/cards/small-stats.html
View File

@@ -3,9 +3,9 @@
<div class="card">
<div class="card-body p-3 d-flex align-items-center">
{% if include.icon %}
<span class="{% if include.color %}bg-{{ include.color }} text-white{% endif %} stamp mr-3">{% include_cached ui/icon.html icon=include.icon %}</span>
<span class="{% if include.color %}bg-{{ include.color }} text-white{% endif %} stamp mr-3">{% include ui/icon.html icon=include.icon %}</span>
{% elsif include.person-id %}
{% include_cached ui/avatar.html person-id=include.person-id class="mr-3 rounded" %}
{% include ui/avatar.html person-id=include.person-id class="mr-3 rounded" %}
{% endif %}
{% if include.chart-data and chart-position == "left" %}
@@ -18,7 +18,7 @@
<div class="strong">
{{ include.count | default: 1700 | format_number }} {{ include.subtitle }}
{% if include.small-icon %}
{% include_cached ui/icon.html icon=include.small-icon color=include.color class="icon-sm ml-1" %}
{% include ui/icon.html icon=include.small-icon color=include.color class="icon-sm ml-1" %}
{% endif %}
</div>
<div class="text-muted">{{ include.description | default: "Users" }}</div>

2
pages/_includes/cards/store-product.html
View File

@@ -13,7 +13,7 @@
<strong>{{ product.price }}</strong>
</div>
<div class="ml-auto">
<a href="#" class="btn btn-primary">{% include_cached ui/icon.html icon='plus' %} Add to cart</a>
<a href="#" class="btn btn-primary">{% include ui/icon.html icon='plus' %} Add to cart</a>
</div>
</div>
</div>

6
pages/_includes/cards/subscribe.html
View File

@@ -4,7 +4,7 @@
<div class="card-body">
<div class="row row-sm align-items-center">
<div class="col-auto">
{% include_cached ui/avatar.html person=person size="lg" %}
{% include ui/avatar.html person=person size="lg" %}
</div>
<div class="col">
<h4 class="card-title m-0">
@@ -25,9 +25,9 @@
<div class="col-auto">
<div class="dropdown">
<button class="btn-options" type="button" data-toggle="dropdown">
{% include_cached ui/icon.html icon="more-vertical" %}
{% include ui/icon.html icon="more-vertical" %}
</button>
{% include_cached ui/dropdown-menu.html right=true %}
{% include ui/dropdown-menu.html right=true %}
</div>
</div>
</div>

4
pages/_includes/cards/table-users.html
View File

@@ -21,7 +21,7 @@
<tr>
<td class="text-center w-1p">
{% include_cached ui/avatar.html person-id=person.id %}
{% include ui/avatar.html person-id=person.id %}
</td>
<td>
<div>{{ person.full_name }}</div>
@@ -62,7 +62,7 @@
<td class="text-center">
<div class="dropdown">
<a class="btn-icon mx-2" data-toggle="dropdown">
{% include_cached ui/icon.html icon="more-vertical" %}
{% include ui/icon.html icon="more-vertical" %}
</a>
{% include ui/dropdown-menu.html %}
</div>

12
pages/_includes/cards/tabs.html
View File

@@ -11,33 +11,33 @@
<div class="card">
<ul class="nav nav-tabs{% if include.alternative %} nav-tabs-alt{% endif %}{% if reverse %} flex-row-reverse{% endif %}{% if include.justified %} nav-fill{% endif %}" data-toggle="tabs">
<li class="nav-item">
<a href="#tabs-home-{{ id }}" class="nav-link active" data-toggle="tab">{% if include.icons %}{% include_cached ui/icon.html icon="home" class=icon-class %}{% endif %}{% unless include.hide-text %}Home{% endunless %}</a>
<a href="#tabs-home-{{ id }}" class="nav-link active" data-toggle="tab">{% if include.icons %}{% include ui/icon.html icon="home" class=icon-class %}{% endif %}{% unless include.hide-text %}Home{% endunless %}</a>
</li>
<li class="nav-item">
<a href="#tabs-profile-{{ id }}" class="nav-link" data-toggle="tab">{% if include.icons %}{% include_cached ui/icon.html icon="user" class=icon-class %}{% endif %}{% unless include.hide-text %}Profile{% endunless %}</a>
<a href="#tabs-profile-{{ id }}" class="nav-link" data-toggle="tab">{% if include.icons %}{% include ui/icon.html icon="user" class=icon-class %}{% endif %}{% unless include.hide-text %}Profile{% endunless %}</a>
</li>
{% if include.activity %}
<li class="nav-item">
<a href="#tabs-activity-{{ id }}" class="nav-link" data-toggle="tab">{% if include.icons %}{% include_cached ui/icon.html icon="activity" class=icon-class %}{% endif %}{% unless include.hide-text %}Activity{% endunless %}</a>
<a href="#tabs-activity-{{ id }}" class="nav-link" data-toggle="tab">{% if include.icons %}{% include ui/icon.html icon="activity" class=icon-class %}{% endif %}{% unless include.hide-text %}Activity{% endunless %}</a>
</li>
{% endif %}
{% if include.disabled %}
<li class="nav-item">
<a href="#tabs-activity-{{ id }}" class="nav-link disabled" data-toggle="tab">{% if include.icons %}{% include_cached ui/icon.html icon="x" class=icon-class %}{% endif %}{% unless include.hide-text %}Disabled{% endunless %}</a>
<a href="#tabs-activity-{{ id }}" class="nav-link disabled" data-toggle="tab">{% if include.icons %}{% include ui/icon.html icon="x" class=icon-class %}{% endif %}{% unless include.hide-text %}Disabled{% endunless %}</a>
</li>
{% endif %}
{% if include.dropdown %}
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
{% include_cached ui/dropdown-menu.html %}
{% include ui/dropdown-menu.html %}
</li>
{% endif %}
{% if include.settings %}
<li class="nav-item {% if reverse %}mr-auto{% else %}ml-auto{% endif %}">
<a href="#tabs-settings-{{ id }}" class="nav-link" title="Settings" data-toggle="tab">{% include_cached ui/icon.html icon="settings" %}</a>
<a href="#tabs-settings-{{ id }}" class="nav-link" title="Settings" data-toggle="tab">{% include ui/icon.html icon="settings" %}</a>
</li>
{% endif %}
</ul>

8
pages/_includes/cards/tasks.html
View File

@@ -16,17 +16,17 @@
<a href="#" class="text-reset">{{ task.name }}</a>
</td>
<td class="text-nowrap text-muted">
{% include_cached ui/icon.html icon="calendar" %}
{% include ui/icon.html icon="calendar" %}
{{ forloop.index | random_date: "2019-01-01", "2018-01-01" | date: '%B %d, %Y' }}
</td>
<td class="text-nowrap">
<a href="#" class="text-muted">{% include_cached ui/icon.html icon="check" %} {{ forloop.index | random_number: 0, 6 }}/{{ forloop.index | random_number: 5, 10 }}</a>
<a href="#" class="text-muted">{% include ui/icon.html icon="check" %} {{ forloop.index | random_number: 0, 6 }}/{{ forloop.index | random_number: 5, 10 }}</a>
</td>
<td class="text-nowrap">
<a href="#" class="text-muted">{% include_cached ui/icon.html icon="message-square" %} {{ forloop.index | random_number: 0, 12 }}</a>
<a href="#" class="text-muted">{% include ui/icon.html icon="message-square" %} {{ forloop.index | random_number: 0, 12 }}</a>
</td>
<td>
{% include_cached ui/avatar.html person-id=forloop.index size="sm" %}
{% include ui/avatar.html person-id=forloop.index size="sm" %}
</td>
</tr>
{% endfor %}

16
pages/_includes/cards/timeline.html
View File

@@ -5,7 +5,7 @@
<div class="card-body">
<ul class="list list-timeline{% if include.simple %} list-timeline-simple{% endif %}">
<li>
<div class="list-timeline-icon bg-twitter">{% include_cached ui/icon.html icon="twitter" %}</div>
<div class="list-timeline-icon bg-twitter">{% include ui/icon.html icon="twitter" %}</div>
<div class="list-timeline-content">
<div class="list-timeline-time">10 hrs ago</div>
<p class="list-timeline-title">+1150 Followers</p>
@@ -13,7 +13,7 @@
</div>
</li>
<li>
<div class="list-timeline-icon bg-red">{% include_cached ui/icon.html icon="briefcase" %}</div>
<div class="list-timeline-icon bg-red">{% include ui/icon.html icon="briefcase" %}</div>
<div class="list-timeline-content">
<div class="list-timeline-time">2 hrs ago</div>
<p class="list-timeline-title">+3 New Products were added!</p>
@@ -21,7 +21,7 @@
</div>
</li>
<li>
<div class="list-timeline-icon bg-success">{% include_cached ui/icon.html icon="check" %}</div>
<div class="list-timeline-icon bg-success">{% include ui/icon.html icon="check" %}</div>
<div class="list-timeline-content">
<div class="list-timeline-time">1 day ago</div>
<p class="list-timeline-title">Database backup completed!</p>
@@ -29,7 +29,7 @@
</div>
</li>
<li>
<div class="list-timeline-icon bg-facebook">{% include_cached ui/icon.html icon="facebook" %}</div>
<div class="list-timeline-icon bg-facebook">{% include ui/icon.html icon="facebook" %}</div>
<div class="list-timeline-content">
<div class="list-timeline-time">1 day ago</div>
<p class="list-timeline-title">+290 Page Likes</p>
@@ -37,19 +37,19 @@
</div>
</li>
<li>
<div class="list-timeline-icon bg-teal">{% include_cached ui/icon.html icon="user-plus" %}</div>
<div class="list-timeline-icon bg-teal">{% include ui/icon.html icon="user-plus" %}</div>
<div class="list-timeline-content">
<div class="list-timeline-time">2 days ago</div>
<p class="list-timeline-title">+3 Friend Requests</p>
<div class="avatar-list mt-3">
{% for person in site.data.people limit: 3 %}
{% include_cached ui/avatar.html size="sm" person=person status="success" %}
{% include ui/avatar.html size="sm" person=person status="success" %}
{% endfor %}
</div>
</div>
</li>
<li>
<div class="list-timeline-icon bg-yellow">{% include_cached ui/icon.html icon="image" %}</div>
<div class="list-timeline-icon bg-yellow">{% include ui/icon.html icon="image" %}</div>
<div class="list-timeline-content">
<div class="list-timeline-time">3 days ago</div>
<p class="list-timeline-title">+2 New photos</p>
@@ -70,7 +70,7 @@
</div>
</li>
<li>
<div class="list-timeline-icon">{% include_cached ui/icon.html icon="settings" %}</div>
<div class="list-timeline-icon">{% include ui/icon.html icon="settings" %}</div>
<div class="list-timeline-content">
<div class="list-timeline-time">2 weeks ago</div>
<p class="list-timeline-title">System updated to v2.02</p>

2
pages/_includes/cards/user-card-bg.html
View File

@@ -2,7 +2,7 @@
{% assign person = site.data.people[person-id] %}
<a class="card card-link" href="#">
<div class="card-cover text-center{% if include.blurred %} card-cover-blurred{% endif %}" style="background-image: url({% include ui/image.html id=person-id %})">
{% include_cached ui/avatar.html size="xl" person=person thumb=true %}
{% include ui/avatar.html size="xl" person=person thumb=true %}
</div>
<div class="card-body text-center">
<div class="card-title mb-1">{{ person.full_name }}</div>

2
pages/_includes/cards/user-card-big.html
View File

@@ -3,7 +3,7 @@
<div class="card">
<div class="card-body text-center">
<div class="mb-3">
{% include_cached ui/avatar.html size="xl" person=person %}
{% include ui/avatar.html size="xl" person=person %}
</div>
<div class="card-title mb-1">{{ person.full_name }}</div>
<div class="text-muted">{{ person.job_title }}</div>

2
pages/_includes/cards/user-card.html
View File

@@ -3,7 +3,7 @@
<a class="card card-link" href="#">
<div class="card-body">
<div class="float-{% if include.right %}right{% else %}left mr-3{% endif %}">
{% include_cached ui/avatar.html person=person class="rounded" %}
{% include ui/avatar.html person=person class="rounded" %}
</div>
<div class="lh-sm">
<div class="strong">{{ person.full_name }}</div>

12
pages/_includes/cards/user-info.html
View File

@@ -5,27 +5,27 @@
<div class="card-body">
<div class="card-title">{{ include.title | default: 'Basic info' }}</div>
<div class="mb-2">
{% include_cached ui/icon.html icon="book" class="mr-2 text-muted" %}
{% include ui/icon.html icon="book" class="mr-2 text-muted" %}
Went to: <strong>{{ person.university }}</strong>
</div>
<div class="mb-2">
{% include_cached ui/icon.html icon="briefcase" class="mr-2 text-muted" %}
{% include ui/icon.html icon="briefcase" class="mr-2 text-muted" %}
Worked at: <strong>{{ person.company }}</strong>
</div>
<div class="mb-2">
{% include_cached ui/icon.html icon="home" class="mr-2 text-muted" %}
{% include ui/icon.html icon="home" class="mr-2 text-muted" %}
Lives in: <strong>{{ person.city }}, {{ person.country }}</strong>
</div>
<div class="mb-2">
{% include_cached ui/icon.html icon="map-pin" class="mr-2 text-muted" %}
{% include ui/icon.html icon="map-pin" class="mr-2 text-muted" %}
From: <strong>{% include ui/flag.html flag=person.country_code %} {{ person.country }}</strong>
</div>
<div class="mb-2">
{% include_cached ui/icon.html icon="calendar" class="mr-2 text-muted" %}
{% include ui/icon.html icon="calendar" class="mr-2 text-muted" %}
Birth date: <strong>{{ person.birth_date }}</strong>
</div>
<div>
{% include_cached ui/icon.html icon="clock" class="mr-2 text-muted" %}
{% include ui/icon.html icon="clock" class="mr-2 text-muted" %}
Time zone: <strong>{{ person.time_zone }}</strong>
</div>
</div>

2
pages/_includes/cards/users-list-2.html
View File

@@ -11,7 +11,7 @@
{% assign color = forloop.index | plus: 5 | random_item: colors %}
<div class="col-6 row row-sm mb-3 align-items-center">
<a href="#" class="col-auto">
{% include_cached ui/avatar.html person=person status=color %}
{% include ui/avatar.html person=person status=color %}
</a>
<div class="col text-truncate">
<a href="#" class="text-body d-block text-truncate">{{ person.full_name }}</a>

4
pages/_includes/cards/users-list.html
View File

@@ -17,7 +17,7 @@
<div><span class="badge{% if color != 'x' %} bg-{{ color }}{% endif %}"></span></div>
{% endif %}
<a href="#">
{% include_cached ui/avatar.html person=person %}
{% include ui/avatar.html person=person %}
</a>
<div class="text-truncate">
<a href="#" class="text-body d-block">{{ person.full_name }}</a>
@@ -30,7 +30,7 @@
{% else %}
{% assign star-color = 'text-muted' %}
{% endif %}
<a href="#" class="list-item-actions{% if checked-ids contains forloop.index %} show{% endif %}">{% include_cached ui/icon.html icon="star" class=star-color %}</a>
<a href="#" class="list-item-actions{% if checked-ids contains forloop.index %} show{% endif %}">{% include ui/icon.html icon="star" class=star-color %}</a>
{% endif %}
</div>
{% endfor %}

2
pages/_includes/forms/form-elements-1.html
View File

@@ -43,7 +43,7 @@
<div class="input-group-append">
<button type="button" class="btn btn-primary">Action</button>
<button data-toggle="dropdown" type="button" class="btn btn-primary dropdown-toggle dropdown-toggle-split"></button>
{% include_cached ui/dropdown-menu.html right=true %}
{% include ui/dropdown-menu.html right=true %}
</div>
</div>
</div>

2
pages/_includes/forms/form-elements-2.html
View File

@@ -25,7 +25,7 @@
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Action
</button>
{% include_cached ui/dropdown-menu.html %}
{% include ui/dropdown-menu.html %}
</div>
<input type="text" class="form-control" aria-label="Text input with dropdown button">
</div>

38
pages/_includes/layout/homepage.html
View File

@@ -1,74 +1,74 @@
<div class="row row-deck">
<div class="col-sm-6 col-lg-3">
{% include_cached cards/charts/sales.html %}
{% include cards/charts/sales.html %}
</div>
<div class="col-sm-6 col-lg-3">
{% include_cached cards/charts/revenue.html %}
{% include cards/charts/revenue.html %}
</div>
<div class="col-sm-6 col-lg-3">
{% include_cached cards/charts/new-clients.html %}
{% include cards/charts/new-clients.html %}
</div>
<div class="col-sm-6 col-lg-3">
{% include_cached cards/charts/active-users.html %}
{% include cards/charts/active-users.html %}
</div>
<div class="col-lg-6">
<div class="row">
<div class="col-md-6">
{% include_cached cards/project-summary.html stage-color="red" %}
{% include cards/project-summary.html stage-color="red" %}
</div>
<div class="col-md-6">
{% include_cached cards/project-summary.html title="UI Redesign" date="11 Nov 2019" stage="Final review" avatar-limit=3 avatar-offset=9 project-color="green" value=80 percentage-color="green" %}
{% include cards/project-summary.html title="UI Redesign" date="11 Nov 2019" stage="Final review" avatar-limit=3 avatar-offset=9 project-color="green" value=80 percentage-color="green" %}
</div>
<div class="col-6 col-sm-4">
{% include_cached cards/small-stats-3.html number=43 title="New Tickets" percentage=6 %}
{% include cards/small-stats-3.html number=43 title="New Tickets" percentage=6 %}
</div>
<div class="col-6 col-sm-4">
{% include_cached cards/small-stats-3.html number=95 number-prefix="$" title="Daily Earnings" percentage=-2 %}
{% include cards/small-stats-3.html number=95 number-prefix="$" title="Daily Earnings" percentage=-2 %}
</div>
<div class="col-6 col-sm-4">
{% include_cached cards/small-stats-3.html number=7 title="New Replies" percentage=9 %}
{% include cards/small-stats-3.html number=7 title="New Replies" percentage=9 %}
</div>
</div>
</div>
<div class="col-lg-6">
{% include_cached cards/map.html title="Top users" %}
{% include cards/map.html title="Top users" %}
</div>
<div class="col-lg-6">
{% include_cached cards/development-activity.html %}
{% include cards/development-activity.html %}
</div>
<div class="col-lg-6">
<div class="row row-deck">
<div class="col-md-12">
{% comment %}{% include_cached cards/charts/card.html chart-id="temperature" height=10 %}{% endcomment %}
{% comment %}{% include cards/charts/card.html chart-id="temperature" height=10 %}{% endcomment %}
</div>
<div class="col-md-12">
{% comment %}{% include_cached cards/charts/card.html chart-id="donut" height=10 %}{% endcomment %}
{% comment %}{% include cards/charts/card.html chart-id="donut" height=10 %}{% endcomment %}
</div>
</div>
</div>
<div class="col-sm-6 col-xl-3">
{% include_cached cards/small-stats.html color="blue" icon="dollar-sign" count="132" subtitle="Sales" description="12 waiting payments" %}
{% include cards/small-stats.html color="blue" icon="dollar-sign" count="132" subtitle="Sales" description="12 waiting payments" %}
</div>
<div class="col-sm-6 col-xl-3">
{% include_cached cards/small-stats.html color="green" icon="shopping-cart" count="78" subtitle="Orders" description="32 shipped" %}
{% include cards/small-stats.html color="green" icon="shopping-cart" count="78" subtitle="Orders" description="32 shipped" %}
</div>
<div class="col-sm-6 col-xl-3">
{% include_cached cards/small-stats.html chart-position="left" chart-type="donut" chart-data="56/100" chart-label="56%" color="red" count="1352" subtitle="Members" description="163 registered today" %}
{% include cards/small-stats.html chart-position="left" chart-type="donut" chart-data="56/100" chart-label="56%" color="red" count="1352" subtitle="Members" description="163 registered today" %}
</div>
<div class="col-sm-6 col-xl-3">
{% include_cached cards/small-stats.html color="yellow" chart-type="pie" chart-data="22/100" color="yellow" count="132" subtitle="Comments" description="16 waiting" %}
{% include cards/small-stats.html color="yellow" chart-type="pie" chart-data="22/100" color="yellow" count="132" subtitle="Comments" description="16 waiting" %}
</div>
<div class="col-12">
{% include_cached cards/invoices.html %}
{% include cards/invoices.html %}
</div>
<div class="col-12">
{% include_cached cards/table-users.html %}
{% include cards/table-users.html %}
</div>
</div>

2
pages/_includes/layout/menu-aside.html
View File

@@ -8,7 +8,7 @@
<a {% unless level-1[1].children %}href="{{ site.base }}/{{ level-1[1].url }}"{% endunless %} class="sidebar-nav-link{% if level-1[0] == current-page[0] and current-page.size == 1 %} active{% endif %}" {% if level-1[1].children %}data-toggle="collapse" data-target="#sidebar-menu-{{ level-1[0] }}"{% if level-1[0] == current-page[0] %} aria-expanded="true"{% endif %}{% endif %}>
{% if level-1[1].icon %}
{% assign icon = level-1[1].icon %}
{% include_cached ui/icon.html icon=icon class="nav-icon" %}
{% include ui/icon.html icon=icon class="nav-icon" %}
{% endif %}
<span class="nav-text">{{ level-1[1].title }}</span>

2
pages/_includes/layout/menu.html
View File

@@ -14,7 +14,7 @@
%}href="{{ level-1[1].url }}" data-toggle="{{ level-1[1].toggle }}" {% else
%}href="{{ site.base }}/{{ level-1[1].url }}" {% endif %}>
<span class="nav-icon">
{% include_cached ui/icon.html icon=icon %}
{% include ui/icon.html icon=icon %}
</span>
<span class="nav-text">
{{ level-1[1].title }}

18
pages/_includes/layout/navbar.html
View File

@@ -2,9 +2,9 @@
{% assign person = site.data.people[person-id] %}
{% if include.menu-layout != 'vertical' %}
{% include_cached layout/navbar-logo.html class="mr-4" %}
{% include layout/navbar-logo.html class="mr-4" %}
{% else %}
{% include_cached layout/navbar-search.html class="mr-4" %}
{% include layout/navbar-search.html class="mr-4" %}
{% endif %}
<ul class="nav navbar-menu align-items-center ml-auto">
@@ -15,7 +15,7 @@
<li class="nav-item dropdown">
<a href="#" data-toggle="dropdown"
class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
{% include_cached ui/avatar.html src=person.photo size="sm" %}
{% include ui/avatar.html src=person.photo size="sm" %}
<span class="ml-2 d-none d-lg-block lh-1">
{{ person.full_name }}
<span class="text-muted d-block mt-1 text-h6">Administrator</span>
@@ -23,24 +23,24 @@
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
<a class="dropdown-item" href="#">
{% include_cached ui/icon.html icon="user" class="dropdown-icon" %} Profile
{% include ui/icon.html icon="user" class="dropdown-icon" %} Profile
</a>
<a class="dropdown-item" href="#">
{% include_cached ui/icon.html icon="settings" class="dropdown-icon" %} Settings
{% include ui/icon.html icon="settings" class="dropdown-icon" %} Settings
</a>
<a class="dropdown-item" href="#">
{% include_cached ui/icon.html icon="mail" class="dropdown-icon" %} Inbox
{% include ui/icon.html icon="mail" class="dropdown-icon" %} Inbox
<span class="badge bg-primary ml-auto">6</span>
</a>
<a class="dropdown-item" href="#">
{% include_cached ui/icon.html icon="send" class="dropdown-icon" %} Message
{% include ui/icon.html icon="send" class="dropdown-icon" %} Message
</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">
{% include_cached ui/icon.html icon="help-circle" class="dropdown-icon" %} Need help?
{% include ui/icon.html icon="help-circle" class="dropdown-icon" %} Need help?
</a>
<a class="dropdown-item" href="#">
{% include_cached ui/icon.html icon="log-out" class="dropdown-icon" %} Sign out
{% include ui/icon.html icon="log-out" class="dropdown-icon" %} Sign out
</a>
</div>
</li>

14
pages/_includes/layout/page-title-actions.html
View File

@@ -5,27 +5,27 @@
{% if actions == 'users' %}
<div class="d-flex">
<input type="search" class="form-control d-inline-block w-9 mr-3" placeholder="Search user&hellip;"/>
{% include_cached ui/button.html text="New user" color="primary" icon="plus" %}
{% include ui/button.html text="New user" color="primary" icon="plus" %}
</div>
{% elsif actions == 'calendar' %}
<div class="d-flex">
{% include_cached ui/button.html text="Add event" color="primary" icon="plus" %}
{% include ui/button.html text="Add event" color="primary" icon="plus" %}
</div>
{% elsif actions == 'photos' %}
<div class="d-flex">
<div class="mr-3">
{% include ui/form/input-icon.html %}
</div>
{% include_cached ui/button.html text="Add event" color="primary" icon="plus" %}
{% include ui/button.html text="Add event" color="primary" icon="plus" %}
</div>
{% elsif actions == 'breadcrumb' %}
<div class="d-flex">
{% include_cached ui/breadcrumb.html class="breadcrumb-alternate" %}
{% include ui/breadcrumb.html class="breadcrumb-alternate" %}
</div>
{% elsif actions == 'buttons' %}
<span class="d-none d-sm-inline">
{% include_cached ui/button.html text="New view" color="secondary" icon="plus" %}
{% include ui/button.html text="New view" color="secondary" icon="plus" %}
</span>
{% include_cached ui/button.html text="Create new report" color="primary" class="ml-3" %}
{% include ui/button.html text="Create new report" color="primary" class="ml-3" %}
{% endif %}
</div>
</div>

4
pages/_includes/layout/sidebar.html
View File

@@ -1,6 +1,6 @@
<aside class="sidebar sidebar-dark">
<!-- Sidebar logo -->
{% include_cached layout/navbar-logo.html prefix="sidebar" %}
{% include layout/navbar-logo.html prefix="sidebar" %}
<div class="sidebar-content">
<div>
@@ -9,7 +9,7 @@
</div>
<div class="mt-auto">
{% include_cached ui/button.html text="Logout" color="primary" icon="log-out" block=true %}
{% include ui/button.html text="Logout" color="primary" icon="log-out" block=true %}
</div>
</div>
</aside>

2
pages/_includes/layout/topmenu.html
View File

@@ -3,7 +3,7 @@
<div class="container{% if include.fluid %}-fluid{% endif %}">
{% include layout/menu.html top=true %}
{% include_cached layout/navbar-search.html %}
{% include layout/navbar-search.html %}
</div>
</div>
</header>

2
pages/_includes/layout/topnav.html
View File

@@ -1,7 +1,7 @@
<header class="topnav topbar">
<div class="container{% if include.fluid %}-fluid{% endif %}">
<div class="navbar navbar-expand-lg {% if include.dark %}navbar-dark bg-dark text-white{% else %}navbar-light{% endif %}{% if include.sticky %} navbar-sticky{% endif %}">
{% include_cached layout/navbar.html search=true menu-layout=page.menu-layout %}
{% include layout/navbar.html search=true menu-layout=page.menu-layout %}
</div>
</div>
</header>

2
pages/_includes/parts/buttons-table.html
View File

@@ -25,7 +25,7 @@
{% assign text = type[1].title %}
{% include_cached ui/button.html block=true class=class icon=icon icon-only=icon-only text=text %}
{% include ui/button.html block=true class=class icon=icon icon-only=icon-only text=text %}
</div>
{% endif %}
{% endfor %}

4
pages/_includes/parts/calendar.html
View File

@@ -10,11 +10,11 @@
<div class="calendar{% if include.class %} {{ include.class }}{% endif %}">
<div class="calendar-nav">
<button class="btn btn-action btn-link btn-lg">
{% include_cached ui/icon.html icon="chevron-left" %}
{% include ui/icon.html icon="chevron-left" %}
</button>
<div class="calendar-title">{{ include.title | default: 'March 2017' }}</div>
<button class="btn btn-action btn-link btn-lg">
{% include_cached ui/icon.html icon="chevron-right" %}
{% include ui/icon.html icon="chevron-right" %}
</button>
</div>
<div class="calendar-container">

2
pages/_includes/parts/input-icon-separated.html
View File

@@ -5,7 +5,7 @@
<input type="text" class="form-control" placeholder="Search for&hellip;">
</div>
<div class="col-auto">
{% include_cached ui/button.html icon="search" icon-only=true color="secondary" %}
{% include ui/button.html icon="search" icon-only=true color="secondary" %}
</div>
</div>
</div>

8
pages/_includes/parts/input-selectgroups.html
View File

@@ -1,18 +1,18 @@
<div class="mb-3">
<label class="form-label">Shipping methods</label>
{% include_cached ui/form/input-selectgroup.html values="Unregistered,Priority Mail,Express Mail" class="selectgroup-vertical" type="radio" name="shipping-method" %}
{% include ui/form/input-selectgroup.html values="Unregistered,Priority Mail,Express Mail" class="selectgroup-vertical" type="radio" name="shipping-method" %}
</div>
<div class="mb-3">
<label class="form-label">Icons input</label>
{% include_cached ui/form/input-selectgroup.html values="i:smartphone,i:tablet,i:monitor,i:x" class="w-100" type="radio" name="device" %}
{% include ui/form/input-selectgroup.html values="i:smartphone,i:tablet,i:monitor,i:x" class="w-100" type="radio" name="device" %}
</div>
<div class="mb-3">
<label class="form-label">Icon input</label>
{% include_cached ui/form/input-selectgroup.html values="i:sun,i:moon,i:cloud-rain,i:cloud,Other" class="selectgroup-pills" %}
{% include ui/form/input-selectgroup.html values="i:sun,i:moon,i:cloud-rain,i:cloud,Other" class="selectgroup-pills" %}
</div>
<div class="mb-3">
<label class="form-label">Your skills</label>
{% include_cached ui/form/input-selectgroup.html values="HTML,CSS,PHP,JavaScript" class="selectgroup-pills selectgroup-separated" %}
{% include ui/form/input-selectgroup.html values="HTML,CSS,PHP,JavaScript" class="selectgroup-pills selectgroup-separated" %}
</div>

4
pages/_includes/parts/pagination.html
View File

@@ -7,7 +7,7 @@
<div class="page-item-subtitle">Previous</div>
<div class="page-item-title">{{ include.prev-description }}</div>
{% else %}
{% if include.icons %}{% include_cached ui/icon.html icon="chevron-left" %}{% else %}{% include_cached ui/icon.html icon="chevron-left" %} Prev{% endif %}
{% if include.icons %}{% include ui/icon.html icon="chevron-left" %}{% else %}{% include ui/icon.html icon="chevron-left" %} Prev{% endif %}
{% endif %}
</a>
</li>
@@ -23,7 +23,7 @@
<div class="page-item-subtitle">Next</div>
<div class="page-item-title">{{ include.next-description }}</div>
{% else %}
{% if include.icons %}{% include_cached ui/icon.html icon="chevron-right" %}{% else %}Next {% include_cached ui/icon.html icon="chevron-right" %}{% endif %}
{% if include.icons %}{% include ui/icon.html icon="chevron-right" %}{% else %}Next {% include ui/icon.html icon="chevron-right" %}{% endif %}
{% endif %}
</a>
</li>

4
pages/_includes/ui/alert.html
View File

@@ -1,7 +1,7 @@
{% assign person = include.person %}
<div class="alert alert-{{ include.type | default: 'primary'}}{%if include.close %} alert-dismissible{% endif %}{% if include.avatar %} alert-avatar{% endif %}" role="alert">
{% if include.avatar %}{% include_cached ui/avatar.html person=person %}{% endif %}
{% if include.icon %}{% include_cached ui/icon.html icon=include.icon class="mr-1" %}{% endif %} {{ include.text | default:
{% if include.avatar %}{% include ui/avatar.html person=person %}{% endif %}
{% if include.icon %}{% include ui/icon.html icon=include.icon class="mr-1" %}{% endif %} {{ include.text | default:
"This is a custom alert box!" }}
{% if include.buttons %}
<div class="btn-list">

4
pages/_includes/ui/avatar-list.html
View File

@@ -3,9 +3,9 @@
{% assign size = include['size'] %}
<div class="avatar-list{% if include.stacked %} avatar-list-stacked{% endif %}{% if include.class %} {{ include.class }}{% endif %}">
{% for person in site.data.people limit: limit offset: offset %}
{% include_cached ui/avatar.html person=person size=size %}
{% include ui/avatar.html person=person size=size %}
{% endfor %}
{% if include.text %}
{% include_cached ui/avatar.html placeholder=include.text size=size %}
{% include ui/avatar.html placeholder=include.text size=size %}
{% endif %}
</div>

4
pages/_includes/ui/avatar.html
View File

@@ -19,6 +19,6 @@
{% assign el = 'span' %}
{% if link %}{% assign el = 'a' %}{% endif %}
<{{ el }} class="avatar{% if include['size'] %} avatar-{{ include['size'] }}{% endif %}{% if include.thumb %} avatar-thumb{% endif %}{% if include.class %} {{ include.class }}{% endif %}{% if include.shape %} {{ include.shape }}{% endif %}{% if include.color %} bg-{{ include.color }}-lt{% endif %}"{% if src %} style="background-image: url({{ site.base }}/{{ src }})"{% endif %}>{% if include.status %}
<span class="badge bg-{{ include.status }}">{% if include.status-text %}{{ include.status-text }}{% elsif include.status-icon %}{% include_cached ui/icon.html icon=include.status-icon class="avatar-status-icon" %}{% endif %}</span>
{% endif %}{% if placeholder %}{{ placeholder }}{% elsif include.icon %} {% include_cached ui/icon.html icon=include.icon class="avatar-icon" %}{% endif %}</{{ el }}>
<span class="badge bg-{{ include.status }}">{% if include.status-text %}{{ include.status-text }}{% elsif include.status-icon %}{% include ui/icon.html icon=include.status-icon class="avatar-status-icon" %}{% endif %}</span>
{% endif %}{% if placeholder %}{{ placeholder }}{% elsif include.icon %} {% include ui/icon.html icon=include.icon class="avatar-icon" %}{% endif %}</{{ el }}>
{% endremoveemptylines %}

4
pages/_includes/ui/button.html
View File

@@ -7,10 +7,10 @@
<{{ e }}{% if e == 'a' %} href="{% if include.href %}{{ site.base }}/{{ include.href }}{% else %}#{% endif %}"{% endif %}{% if include.type %} type="{{ include.type }}"{% endif %} class="btn{% if include.height %} btn-{{ include.height }}{% endif %}{% if color %} btn-{% if include.outline %}outline-{% endif %}{{ color }}{% endif %}{% if include.disabled %} disabled{% endif %}{% if include.square %} btn-square{% endif %}{% if include.pill %} btn-pill{% endif %}{% if include['size'] %} btn-{{ include['size'] }}{% endif %}{% if include.class %} {{ include.class }}{% endif %}{% if include.block %} btn-block{% endif %}{% if include.link %} btn-link{% endif %}{% if include.icon-only %} btn-icon{% endif %}">
{% if include.spinner %}
{% include ui/spinner.html color=false size="sm" class=spinner-class element="span" %}{% endif %}
{% if include.icon %}{% include_cached ui/icon.html icon=include.icon use-svg=true %}{% endif %}
{% if include.icon %}{% include ui/icon.html icon=include.icon use-svg=true %}{% endif %}
{% unless include.icon-only %}
{{ include.text | default: "Button" }}
{% if include.icon-right %}{% include_cached ui/icon.html icon=include.icon-right use-svg=true right=true %}{% endif %}
{% if include.icon-right %}{% include ui/icon.html icon=include.icon-right use-svg=true right=true %}{% endif %}
{% endunless %}
</{{ e }}>
{% endremoveemptylines %}

2
pages/_includes/ui/card-dropdown.html
View File

@@ -2,7 +2,7 @@
{% assign icon = include.icon | default: 'more-horizontal' %}
<div class="dropdown float-right">
<a href="#" class="card-drop" data-toggle="dropdown" aria-expanded="false">
{% include_cached ui/icon.html icon=icon %}
{% include ui/icon.html icon=icon %}
</a>
<div class="dropdown-menu dropdown-menu-right">
{% for item in menu %}

10
pages/_includes/ui/dropdown-menu.html
View File

@@ -8,18 +8,18 @@
{% else %}
{% if include.header %}<span class="dropdown-header">Dropdown header</span>{% endif %}
<a class="dropdown-item" href="#">
{% if include.icons %}{% include_cached ui/icon.html icon="settings" %} {% endif %}
{% if include.icons %}{% include ui/icon.html icon="settings" %} {% endif %}
Action
{% if include.badge %}<span class="badge bg-primary ml-auto">12</span>{% endif %}
</a>
<a class="dropdown-item" href="#">
{% if include.icons %}{% include_cached ui/icon.html icon="edit" %} {% endif %}Another action
{% if include.icons %}{% include ui/icon.html icon="edit" %} {% endif %}Another action
</a>
{% if include.active %}<a class="dropdown-item active" href="#">{% if include.icons %}{% include_cached ui/icon.html icon="activity" %} {% endif %}Active action</a>{% endif %}
{% if include.disabled %}<a class="dropdown-item disabled" href="#">{% if include.icons %}{% include_cached ui/icon.html icon="user-x" %} {% endif %}Disabled action</a>{% endif %}
{% if include.active %}<a class="dropdown-item active" href="#">{% if include.icons %}{% include ui/icon.html icon="activity" %} {% endif %}Active action</a>{% endif %}
{% if include.disabled %}<a class="dropdown-item disabled" href="#">{% if include.icons %}{% include ui/icon.html icon="user-x" %} {% endif %}Disabled action</a>{% endif %}
{% if include.separated %}
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">{% if include.icons %}{% include_cached ui/icon.html icon="plus" class="dropdown-icon" %} {% endif %}Separated link</a>
<a class="dropdown-item" href="#">{% if include.icons %}{% include ui/icon.html icon="plus" class="dropdown-icon" %} {% endif %}Separated link</a>
{% endif %}
{% endif %}
</div>

4
pages/_includes/ui/empty.html
View File

@@ -7,7 +7,7 @@
{% elsif include.icon-text %}
<div class="display-4">{{ include.icon-text }}</div>
{% else %}
{% include_cached ui/icon.html icon=icon %}
{% include ui/icon.html icon=icon %}
{% endif %}
</div>
@@ -18,6 +18,6 @@
<div class="empty-action">
{% assign button-text = include.button-text | default: "Search again" %}
{% assign button-icon = include.button-icon | default: "search" %}
{% include_cached ui/button.html text=button-text color="primary" icon=button-icon href="index.html" %}
{% include ui/button.html text=button-text color="primary" icon=button-icon href="index.html" %}
</div>
</div>

4
pages/_includes/ui/form/input-icon.html
View File

@@ -1,7 +1,7 @@
{% assign icon = include.icon | default: 'search' %}
{% capture addon %}
<span class="input-icon-addon">
{% include_cached ui/icon.html icon=icon %}
{% include ui/icon.html icon=icon %}
</span>
{% endcapture %}
@@ -15,4 +15,4 @@
{% unless include.prepend %}
{{ addon }}
{% endunless %}
</div>
</div>

2
pages/_includes/ui/form/input-selectgroup.html
View File

@@ -7,7 +7,7 @@
<label class="selectgroup-item">
{% assign s = value | split: "i:" %}
<input type="{{ type }}" name="{{ name }}" value="{% if s.size == 2 %}{{ s[1] }}{% else %}{{ value }}{% endif %}" class="selectgroup-input"{% if value == default %}{% if type == "radio" %} checked{% else %} checked{% endif %}{% endif %}>
<span class="selectgroup-button">{% if s.size == 2 %}{% assign icon = s[1] %}{% include_cached ui/icon.html icon=icon use-svg=true %}{% else %}{{ value }}{% endif %}</span>
<span class="selectgroup-button">{% if s.size == 2 %}{% assign icon = s[1] %}{% include ui/icon.html icon=icon use-svg=true %}{% else %}{{ value }}{% endif %}</span>
</label>
{% endfor %}
</div>

4
pages/_includes/ui/nav.html
View File

@@ -6,7 +6,7 @@
</li>
<li class="nav-item">
<a class="nav-link" href="#">
{% include_cached ui/icon.html icon="star" class="mr-1" %}
{% include ui/icon.html icon="star" class="mr-1" %}
Link
</a>
</li>
@@ -17,7 +17,7 @@
</li>
<li class="nav-item ml-auto">
<a class="nav-link" href="#">
{% include_cached ui/icon.html icon="settings" %}
{% include ui/icon.html icon="settings" %}
</a>
</li>
</ul>

4
pages/_includes/ui/stars.html
View File

@@ -8,9 +8,9 @@
{% for i in (1..5) %}
<span class="star {% if forloop.index <= rate %}{{ class }}{% endif %}">
{% if forloop.index <= rate and filled %}
{% include_cached ui/icon.html icon=icon class="icon-filled" %}
{% include ui/icon.html icon=icon class="icon-filled" %}
{% else %}
{% include_cached ui/icon.html icon=icon %}
{% include ui/icon.html icon=icon %}
{% endif %}
</span>
{% endfor %}

2
pages/_includes/ui/toast.html
View File

@@ -2,7 +2,7 @@
{% assign person = site.data.people[person-id] %}
<div class="toast show" role="alert" aria-live="assertive" aria-atomic="true" data-autohide="false">
<div class="toast-header">
{% include_cached ui/avatar.html person=person class="mr-2" size="sm" %}
{% include ui/avatar.html person=person class="mr-2" size="sm" %}
<strong class="mr-auto">{{ person.full_name }}</strong>
<small>{{ include.date | default: '11 mins ago' }}</small>
<button type="button" class="ml-2 close" data-dismiss="toast" aria-label="Close">

2
pages/_includes/ui/trending.html
View File

@@ -11,5 +11,5 @@
{% endif %}
<span class="text-{{ color }} d-inline-flex align-items-center lh-1{% if include.class %} {{ include.class }}{% endif %}">
{{ value }}% {% include_cached ui/icon.html icon=icon class="icon-thin" class="ml-1" %}
{{ value }}% {% include ui/icon.html icon=icon class="icon-thin" class="ml-1" %}
</span>

11
pages/_layouts/base.html
View File

@@ -1,5 +1,5 @@
<!doctype html>
{% include_cached layout/banner.html %}
{% include layout/banner.html %}
<html lang="en"{% if page.rtl %} dir="rtl" {% endif %}>
<head>
<meta charset="utf-8"/>
@@ -26,10 +26,8 @@
<meta name="description" content="{{ page.description | escape }}"/>
{% endif %}
{% include_cached layout/og.html show=layout.og-component %}
{% include_cached layout/css.html %}
<style>body { display: none; }</style>
{% include layout/og.html show=layout.og-component %}
{% include layout/css.html %}
</head>
{% assign dark-theme = page.dark-theme | default: site.dark-theme %}
@@ -41,9 +39,8 @@
{% include layout/js-capture.html %}
{% if site.debug and jekyll.environment == 'development' %}
{% include_cached layout/debug.html %}
{% include layout/debug.html %}
{% endif %}
<script>document.body.style.display = 'block';</script>
</body>
</html>

4
pages/_layouts/component.html
View File

@@ -55,11 +55,11 @@ og-component: true
</div>
<div class="row">
<div class="col">{% include_cached ui/button.html icon="clipboard" text="Copy code" color="secondary" block=true class="mt-4" %}</div>
<div class="col">{% include ui/button.html icon="clipboard" text="Copy code" color="secondary" block=true class="mt-4" %}</div>
<div class="col">
<form action="https://codepen.io/pen/define" method="post" target="_blank">
<input type="hidden" name="data" value='{"title":"{{ page.title | escape }}","css_external":"https://preview-dev.tabler.io/dist/css/tabler.css","html":"{{ demo-html | tidy: 'html' | replace_regex: "\n", "\\n" | replace_regex: "\t", "\\t" | replace_regex: '"', '\"' | replace_regex: "'", "\'" }}","css":"{{ demo-css | replace_regex: "\n", "\\n" | replace_regex: "\t", "\\t" | replace_regex: '"', '\"' }}", "editors":"100"}'>
{% include_cached ui/button.html icon="codesandbox" text="Edit in CodePen" color="primary" block=true class="mt-4" element="button" type="submit" %}
{% include ui/button.html icon="codesandbox" text="Edit in CodePen" color="primary" block=true class="mt-4" element="button" type="submit" %}
</form>
</div>
</div>

8
pages/_layouts/docs.html
View File

@@ -10,7 +10,7 @@ page-title: Documentation
<div class="row justify-content-center">
<div class="col-lg-3 order-lg-1 mb-4">
<a href="{{ site.github_url }}" class="btn btn-block btn-primary mb-4" target="_blank">
{% include_cached ui/icon.html icon="github" class="mr-2" %}Browse source code
{% include ui/icon.html icon="github" class="mr-2" %}Browse source code
</a>
<div class="list-group list-group-transparent mb-0">
@@ -20,7 +20,7 @@ page-title: Documentation
{% if jekyll.environment == 'development' %}
{% assign doc-page = site.docs | where: "slug", key | first %}
{% if doc-page.done %}{% include_cached ui/icon.html icon="check" color="green" class="mr-2" %}{% endif %}
{% if doc-page.done %}{% include ui/icon.html icon="check" color="green" class="mr-2" %}{% endif %}
{% endif %}
{{ doc[1].title }}
@@ -41,14 +41,14 @@ page-title: Documentation
{% if page.bootstrap-link %}
<p class="mb-4 float-right">
<a href="https://getbootstrap.com/docs/4.4/{{ page.bootstrap-link }}" target="_blank">
{% include_cached ui/icon.html icon="external-link" color="blue" class="pr-1" %}
{% include ui/icon.html icon="external-link" color="blue" class="pr-1" %}
Bootstrap documentation
</a>
</p>
{% endif %}
<h2 class="h1 mt-0 mb-3">{{ page.title }}
{% if page.done %} {% include_cached ui/icon.html icon="check" color="green" %}{% endif %}
{% if page.done %} {% include ui/icon.html icon="check" color="green" %}{% endif %}
</h2>
{% if page.plugin %}

2
pages/all.html
View File

@@ -20,7 +20,7 @@ menu: index
<li>
<a href="{{ page.url }}">
{% if page.done %}
{% include_cached ui/icon.html icon="check" color="success" %}
{% include ui/icon.html icon="check" color="success" %}
{% endif %}
{{ page.title | default: page.name }}
</a>

8
pages/blog.html
View File

@@ -8,25 +8,25 @@ menu: extra.blog
{% for article in site.data.articles limit: 3 %}
<div class="col-sm-6 col-xl-4">
{% include_cached cards/blog-single.html article=article id=forloop.index type="image" liked=true %}
{% include cards/blog-single.html article=article id=forloop.index type="image" liked=true %}
</div>
{% endfor %}
{% for article in site.data.articles limit: 3 offset: 4 %}
<div class="col-sm-6 col-xl-4">
{% include_cached cards/blog-single.html article=article id=forloop.index %}
{% include cards/blog-single.html article=article id=forloop.index %}
</div>
{% endfor %}
{% for article in site.data.articles limit: 2 %}
<div class="col-sm-6">
{% include_cached cards/blog-single.html article=article type="aside" %}
{% include cards/blog-single.html article=article type="aside" %}
</div>
{% endfor %}
{% for article in site.data.articles limit: 2 offset: 4 %}
<div class="col-sm-6">
{% include_cached cards/blog-single.html article=article type="aside" aside-class="w-50" truncate=200 %}
{% include cards/blog-single.html article=article type="aside" aside-class="w-50" truncate=200 %}
</div>
{% endfor %}

52
pages/cards.html
View File

@@ -6,39 +6,39 @@ menu: base.cards
<div class="row">
<div class="col-md-6 col-xl-4">
{% include_cached cards/card.html body="This is some text within a card body." %}
{% include_cached cards/card.html img-bottom=true title="Card with bottom image" %}
{% include_cached cards/card.html active=true body="This is a card with active state." %}
{% include_cached cards/card.html inactive=true body="This is some text inactive state." %}
{% include_cached cards/card.html footer-elements="more,>switch" %}
{% include_cached cards/card.html footer-elements=">avatars" %}
{% include_cached cards/card.html header-tabs=true %}
{% include_cached cards/card.html header-pills=true %}
{% include_cached cards/card.html progress=true title="Card with progress bar" %}
{% include_cached cards/card.html empty=true %}
{% include_cached cards/card-tabs.html count=4 %}
{% include_cached cards/card-tabs.html count=4 bottom=true id="bottom" %}
{% include cards/card.html body="This is some text within a card body." %}
{% include cards/card.html img-bottom=true title="Card with bottom image" %}
{% include cards/card.html active=true body="This is a card with active state." %}
{% include cards/card.html inactive=true body="This is some text inactive state." %}
{% include cards/card.html footer-elements="more,>switch" %}
{% include cards/card.html footer-elements=">avatars" %}
{% include cards/card.html header-tabs=true %}
{% include cards/card.html header-pills=true %}
{% include cards/card.html progress=true title="Card with progress bar" %}
{% include cards/card.html empty=true %}
{% include cards/card-tabs.html count=4 %}
{% include cards/card-tabs.html count=4 bottom=true id="bottom" %}
</div>
<div class="col-md-6 col-xl-8">
{% include_cached cards/card-image.html title="Card with left side image" %}
{% include_cached cards/card-image.html title="Card with right side image" right=true img="de6d0fd1feebb6a2.jpg" %}
{% include_cached cards/card-group.html %}
{% include cards/card-image.html title="Card with left side image" %}
{% include cards/card-image.html title="Card with right side image" right=true img="de6d0fd1feebb6a2.jpg" %}
{% include cards/card-group.html %}
<div class="row">
<div class="col-xl-6">
{% include_cached cards/card.html img-top=true title="Card with top image" %}
{% include_cached cards/card.html button=true title="Card with button link" %}
{% include_cached cards/card.html status-top="danger" title="Card with top status" %}
{% include_cached cards/card.html status-bottom="success" title="Card with bottom status" %}
{% include_cached cards/card.html status-left="primary" title="Card with side status" %}
{% include_cached cards/card.html class="card-stacked" title="Stacked card" %}
{% include cards/card.html img-top=true title="Card with top image" %}
{% include cards/card.html button=true title="Card with button link" %}
{% include cards/card.html status-top="danger" title="Card with top status" %}
{% include cards/card.html status-bottom="success" title="Card with bottom status" %}
{% include cards/card.html status-left="primary" title="Card with side status" %}
{% include cards/card.html class="card-stacked" title="Stacked card" %}
</div>
<div class="col-xl-6">
{% include_cached cards/card.html title="Card title" subtitle="Card subtitle" %}
{% include_cached cards/card.html header=true %}
{% include_cached cards/card.html title="Card with footer" footer=true %}
{% include_cached cards/card.html title="Card with footer button" footer-button=true %}
{% include_cached cards/card.html title="Card with footer buttons" footer-buttons=true %}
{% include cards/card.html title="Card title" subtitle="Card subtitle" %}
{% include cards/card.html header=true %}
{% include cards/card.html title="Card with footer" footer=true %}
{% include cards/card.html title="Card with footer button" footer-button=true %}
{% include cards/card.html title="Card with footer buttons" footer-buttons=true %}
</div>
</div>
</div>

8
pages/carousel.html
View File

@@ -8,15 +8,15 @@ menu: base.carousel
<div class="row">
<div class="col-md-6">
{% include_cached cards/carousel.html id="carousel-default" %}
{% include cards/carousel.html id="carousel-default" %}
</div>
<div class="col-md-6">
{% include_cached cards/carousel.html id="carousel-indicators" title="Carousel with indicators" show-indicators=true offset=5 %}
{% include cards/carousel.html id="carousel-indicators" title="Carousel with indicators" show-indicators=true offset=5 %}
</div>
<div class="col-md-6">
{% include_cached cards/carousel.html id="carousel-controls" title="Carousel with controls" show-controls=true offset=10 %}
{% include cards/carousel.html id="carousel-controls" title="Carousel with controls" show-controls=true offset=10 %}
</div>
<div class="col-md-6">
{% include_cached cards/carousel.html id="carousel-captions" title="Carousel with captions" show-captions=true show-controls=true offset=15 %}
{% include cards/carousel.html id="carousel-captions" title="Carousel with captions" show-captions=true show-controls=true offset=15 %}
</div>
</div>

8
pages/charts-heatmap.html
View File

@@ -6,15 +6,15 @@ done: true
<div class="row">
<div class="col-xl-6">
{% include_cached cards/charts/heatmap.html id="heatmap-basic" title="Basic Heatmap - Single Series" %}
{% include cards/charts/heatmap.html id="heatmap-basic" title="Basic Heatmap - Single Series" %}
</div>
<div class="col-xl-6">
{% include_cached cards/charts/heatmap.html id="heatmap-multiple" title="Heatmap - Multiple series" colors=12 %}
{% include cards/charts/heatmap.html id="heatmap-multiple" title="Heatmap - Multiple series" colors=12 %}
</div>
<div class="col-xl-6">
{% include_cached cards/charts/heatmap.html id="heatmap-labels" title="Heatmap - Labels included" labels=true %}
{% include cards/charts/heatmap.html id="heatmap-labels" title="Heatmap - Labels included" labels=true %}
</div>
<div class="col-xl-6">
{% include_cached cards/charts/heatmap.html id="heatmap-colors" title="Heatmap - Color range" scale=true %}
{% include cards/charts/heatmap.html id="heatmap-colors" title="Heatmap - Color range" scale=true %}
</div>
</div>

2
pages/datatables.html
View File

@@ -2,4 +2,4 @@
title: Data Tables
---
{% include_cached cards/invoices.html %}
{% include cards/invoices.html %}

30
pages/dropdowns.html
View File

@@ -3,18 +3,18 @@ title: Dropdowns
page-title: Dropdowns
---
{% include_cached ui/dropdown-menu.html show=true class="mr-3 mb-3 align-top" %}
{% include_cached ui/dropdown-menu.html show=true separated=true class="mr-3 mb-3 align-top" %}
{% include_cached ui/dropdown-menu.html show=true active=true class="mr-3 mb-3 align-top" %}
{% include_cached ui/dropdown-menu.html show=true disabled=true class="mr-3 mb-3 align-top" %}
{% include_cached ui/dropdown-menu.html show=true header=true class="mr-3 mb-3 align-top" %}
{% include_cached ui/dropdown-menu.html show=true icons=true class="mr-3 mb-3 align-top" %}
{% include_cached ui/dropdown-menu.html show=true icons=true header=true class="mr-3 mb-3 align-top" %}
{% include_cached ui/dropdown-menu.html show=true arrow=true class="mr-3 mb-3 align-top" %}
{% include_cached ui/dropdown-menu.html show=true dark=true class="mr-3 mb-3 align-top" %}
{% include_cached ui/dropdown-menu.html show=true dark=true separated=true class="mr-3 mb-3 align-top" %}
{% include_cached ui/dropdown-menu.html show=true arrow=true right=true dark=true class="mr-3 mb-3 align-top" %}
{% include_cached ui/dropdown-menu.html show=true arrow=true right=true dark=true icons=true class="mr-3 mb-3 align-top" %}
{% include_cached ui/dropdown-menu.html show=true badge=true class="mr-3 mb-3 align-top" %}
{% include_cached ui/dropdown-menu.html show=true check=true class="mr-3 mb-3 align-top" %}
{% include_cached ui/dropdown-menu.html show=true radio=true class="mr-3 mb-3 align-top" %}
{% include ui/dropdown-menu.html show=true class="mr-3 mb-3 align-top" %}
{% include ui/dropdown-menu.html show=true separated=true class="mr-3 mb-3 align-top" %}
{% include ui/dropdown-menu.html show=true active=true class="mr-3 mb-3 align-top" %}
{% include ui/dropdown-menu.html show=true disabled=true class="mr-3 mb-3 align-top" %}
{% include ui/dropdown-menu.html show=true header=true class="mr-3 mb-3 align-top" %}
{% include ui/dropdown-menu.html show=true icons=true class="mr-3 mb-3 align-top" %}
{% include ui/dropdown-menu.html show=true icons=true header=true class="mr-3 mb-3 align-top" %}
{% include ui/dropdown-menu.html show=true arrow=true class="mr-3 mb-3 align-top" %}
{% include ui/dropdown-menu.html show=true dark=true class="mr-3 mb-3 align-top" %}
{% include ui/dropdown-menu.html show=true dark=true separated=true class="mr-3 mb-3 align-top" %}
{% include ui/dropdown-menu.html show=true arrow=true right=true dark=true class="mr-3 mb-3 align-top" %}
{% include ui/dropdown-menu.html show=true arrow=true right=true dark=true icons=true class="mr-3 mb-3 align-top" %}
{% include ui/dropdown-menu.html show=true badge=true class="mr-3 mb-3 align-top" %}
{% include ui/dropdown-menu.html show=true check=true class="mr-3 mb-3 align-top" %}
{% include ui/dropdown-menu.html show=true radio=true class="mr-3 mb-3 align-top" %}

14
pages/email.html
View File

@@ -10,25 +10,25 @@ page-title: Crypto currencies
<div>
<div class="list-group list-group-transparent mb-0">
<a href="#" class="list-group-item list-group-item-action d-flex align-items-center active">
<span class="icon mr-3">{% include_cached ui/icon.html icon="inbox" %}</span>Inbox <span class="ml-auto badge bg-blue">14</span>
<span class="icon mr-3">{% include ui/icon.html icon="inbox" %}</span>Inbox <span class="ml-auto badge bg-blue">14</span>
</a>
<a href="#" class="list-group-item list-group-item-action d-flex align-items-center">
<span class="icon mr-3">{% include_cached ui/icon.html icon="send" %}</span>Sent Mail
<span class="icon mr-3">{% include ui/icon.html icon="send" %}</span>Sent Mail
</a>
<a href="#" class="list-group-item list-group-item-action d-flex align-items-center">
<span class="icon mr-3">{% include_cached ui/icon.html icon="alert-circle" %}</span>Important <span class="ml-auto badge bg-gray">3</span>
<span class="icon mr-3">{% include ui/icon.html icon="alert-circle" %}</span>Important <span class="ml-auto badge bg-gray">3</span>
</a>
<a href="#" class="list-group-item list-group-item-action d-flex align-items-center">
<span class="icon mr-3">{% include_cached ui/icon.html icon="star" %}</span>Starred
<span class="icon mr-3">{% include ui/icon.html icon="star" %}</span>Starred
</a>
<a href="#" class="list-group-item list-group-item-action d-flex align-items-center">
<span class="icon mr-3">{% include_cached ui/icon.html icon="file" %}</span>Drafts
<span class="icon mr-3">{% include ui/icon.html icon="file" %}</span>Drafts
</a>
<a href="#" class="list-group-item list-group-item-action d-flex align-items-center">
<span class="icon mr-3">{% include_cached ui/icon.html icon="tag" %}</span>Tags
<span class="icon mr-3">{% include ui/icon.html icon="tag" %}</span>Tags
</a>
<a href="#" class="list-group-item list-group-item-action d-flex align-items-center">
<span class="icon mr-3">{% include_cached ui/icon.html icon="trash" %}</span>Trash
<span class="icon mr-3">{% include ui/icon.html icon="trash" %}</span>Trash
</a>
</div>

2
pages/forgot-password.html
View File

@@ -3,4 +3,4 @@ title: Forgot password
layout: single
---
{% include_cached cards/forgot.html show-header="1" %}
{% include cards/forgot.html show-header="1" %}

2
pages/gallery.html
View File

@@ -13,7 +13,7 @@ menu: gallery
{% if photo.horizontal %}
{% assign person = site.data.people[forloop.index0] %}
<div class="col-sm-6 col-lg-4">
{% include_cached cards/gallery.html person=person %}
{% include cards/gallery.html person=person %}
</div>
{% assign horizontal = horizontal | plus: 1 %}
{% endif %}

12
pages/homepage.html
View File

@@ -6,13 +6,13 @@ page-pretitle: Overview
<div class="row">
<div class="col-md-4">
{% include_cached cards/project-summary.html %}
{% include_cached cards/social-traffic.html %}
{% include cards/project-summary.html %}
{% include cards/social-traffic.html %}
{% for person in site.data.people limit: 6 %}
<div class="card p-3">
<div class="d-flex">
{% include_cached ui/avatar.html person=person class="mr-3" size="md" %}
{% include ui/avatar.html person=person class="mr-3" size="md" %}
<div>
{{ person.first_name }} <a href="#">created a new task</a><br>
<div class="text-muted">{{ forloop.index | random_number: 1, 10 }}h ago</div>
@@ -22,8 +22,8 @@ page-pretitle: Overview
{% endfor %}
</div>
<div class="col-md-8">
{% include_cached cards/tasks.html %}
{% include_cached cards/company-employees.html %}
{% include_cached cards/most-visited-pages.html %}
{% include cards/tasks.html %}
{% include cards/company-employees.html %}
{% include cards/most-visited-pages.html %}
</div>
</div>

6
pages/icons.html
View File

@@ -5,15 +5,15 @@ page-title: Icons
<div class="row">
<div class="col-12">
{% include_cached cards/icons.html title="Feather icons" group="fe" %}
{% include cards/icons.html title="Feather icons" group="fe" %}
</div>
{% if jekyll.environment == 'production' %}
<div class="col-lg-6">
{% include_cached cards/icons.html title="Brand icons" group="brand" %}
{% include cards/icons.html title="Brand icons" group="brand" %}
</div>
<div class="col-lg-6">
{% include_cached cards/icons.html title="Bootstrap icons" group="bootstrap" %}
{% include cards/icons.html title="Bootstrap icons" group="bootstrap" %}
</div>
{% endif %}
</div>

2
pages/invoice.html
View File

@@ -4,4 +4,4 @@ layout: default
menu: extra.invoice
---
{% include_cached cards/invoice.html %}
{% include cards/invoice.html %}

2
pages/login.html
View File

@@ -3,4 +3,4 @@ layout: single
title: Login
---
{% include_cached cards/login.html show-header="1" %}
{% include cards/login.html show-header="1" %}

2
pages/lookup.html
View File

@@ -11,6 +11,6 @@ layout: default
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium alias consequuntur cum dicta doloremque, enim eos illo ipsam labore laboriosam laborum perspiciatis quibusdam repudiandae sed sequi sit temporibus veniam, voluptatum.
</div>
<div class="col-9">
{% include_cached cards/company-lookup.html %}
{% include cards/company-lookup.html %}
</div>
</div>

2
pages/music.html
View File

@@ -6,7 +6,7 @@ menu: base.music
<div class="row">
<div class="col-lg-8">
{% include_cached cards/music/tracks-list.html %}
{% include cards/music/tracks-list.html %}
</div>
<div class="col-lg-4">
<h3 class="mb-3">Top tracks</h3>

8
pages/pricing.html
View File

@@ -6,15 +6,15 @@ done: true
<div class="row">
<div class="col-sm-6 col-lg-3">
{% include_cached cards/pricing-card.html price="0" users=3 category="Free" %}
{% include cards/pricing-card.html price="0" users=3 category="Free" %}
</div>
<div class="col-sm-6 col-lg-3">
{% include_cached cards/pricing-card.html price="49" users=10 category="Premium" features="1100" featured-color="green" %}
{% include cards/pricing-card.html price="49" users=10 category="Premium" features="1100" featured-color="green" %}
</div>
<div class="col-sm-6 col-lg-3">
{% include_cached cards/pricing-card.html price="99" category="Enterprise" users=100 features="1110" %}
{% include cards/pricing-card.html price="99" category="Enterprise" users=100 features="1110" %}
</div>
<div class="col-sm-6 col-lg-3">
{% include_cached cards/pricing-card.html price="139" category="Unlimited" users="Unlimited" features="1111" %}
{% include cards/pricing-card.html price="139" category="Unlimited" users="Unlimited" features="1111" %}
</div>
</div>

10
pages/profile.html
View File

@@ -6,12 +6,12 @@ menu: base.profile
<div class="row">
<div class="col-lg-4">
{% include_cached cards/profile.html %}
{% include_cached cards/profile-2.html %}
{% include_cached cards/profile-edit.html %}
{% include cards/profile.html %}
{% include cards/profile-2.html %}
{% include cards/profile-edit.html %}
</div>
<div class="col-lg-8">
{% include_cached cards/profile-timeline.html %}
{% include_cached cards/profile-edit-big.html %}
{% include cards/profile-timeline.html %}
{% include cards/profile-edit-big.html %}
</div>
</div>

2
pages/register.html
View File

@@ -3,4 +3,4 @@ layout: single
title: Register
---
{% include_cached cards/register.html %}
{% include cards/register.html %}

Some files were not shown because too many files have changed in this diff Show More