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

build time increase

Browse Source
This commit is contained in:
codecalm
2019-12-29 14:12:00 +01:00
parent 84b60ab5d7
commit 27e114613d
64 changed files with 333 additions and 330 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -3,4 +3,4 @@ title: Card with footer buttons
columns: 2 columns: 2
--- ---
{% include cards/card.html title="Card with footer buttons" footer-buttons=true %} {% include_cached 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 columns: 2
--- ---
{% include cards/comments.html %} {% include_cached cards/comments.html %}

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

@@ -3,4 +3,4 @@ title: Card with bottom tabs
columns: 2 columns: 2
--- ---
{% include cards/card-tabs.html count=4 bottom=true id="bottom" %} {% include_cached 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 columns: 2
--- ---
{% include cards/card-image.html title="Card with side image" %} {% include_cached 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 markdown: false
--- ---
{% include ui/avatar.html person-id=1 status="green" %} {% include_cached 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 columns: 1
--- ---
{% include cards/card.html %} {% include_cached cards/card.html %}

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

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

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

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

8
pages/_data/menu.yml
View File

@@ -63,12 +63,16 @@ base:
url: carousel.html url: carousel.html
users: users:
title: Users title: Users
icon: users
url: users.html url: users.html
gallery: gallery:
title: Gallery title: Gallery
icon: image
url: gallery.html url: gallery.html
profile:
title: Profile
url: profile.html
music:
title: Music
url: music.html
charts: charts:
url: charts.html url: charts.html

72
pages/_docs/avatars.md
View File

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

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 ### Default card
{% example html columns=1 %} {% example html columns=1 %}
{% include cards/card.html body="This is some text within a card body." %} {% include_cached cards/card.html body="This is some text within a card body." %}
{% endexample %} {% endexample %}
### Card with title and image ### Card with title and image
{% example html columns=1 %} {% example html columns=1 %}
{% include cards/card.html img-top=true title="Card with title and image" %} {% include_cached cards/card.html img-top=true title="Card with title and image" %}
{% endexample %} {% endexample %}
### Blog post card ### 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. 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 %} {% example html columns=1 %}
{% include cards/blog-single.html type="image" %} {% include_cached cards/blog-single.html type="image" %}
{% endexample %} {% endexample %}
### Row deck ### 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: 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 %} {% example html columns=3 %}
{% include cards/blog-single.html type="aside" liked=1 article-id=3 %} {% include_cached cards/blog-single.html type="aside" liked=1 article-id=3 %}
{% endexample %} {% endexample %}
### Color variations ### 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 %} {% example html columns=3 %}
<div class="row row-deck"> <div class="row row-deck">
<div class="col-md-6"> <div class="col-md-6">
{% include cards/card.html status-top="danger" title="Card with top status" %} {% include_cached cards/card.html status-top="danger" title="Card with top status" %}
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
{% include cards/card.html status-left="green" title="Card with side status" %} {% include_cached cards/card.html status-left="green" title="Card with side status" %}
</div> </div>
</div> </div>
{% endexample %} {% 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 ### Stacked card
{% example html columns=1 %} {% example html columns=1 %}
{% include cards/card.html class="card-stacked" title="Stacked card" %} {% include_cached cards/card.html class="card-stacked" title="Stacked card" %}
{% endexample %} {% endexample %}
## Tabbed card ## Tabbed card
{% example html columns=2 %} {% example html columns=2 %}
{% include cards/card-tabs.html count=4 %} {% include_cached cards/card-tabs.html count=4 %}
{% endexample %} {% endexample %}

12
pages/_docs/tabs.md
View File

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

4
pages/_docs/timelines.md
View File

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

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

@@ -12,7 +12,7 @@
<div class="text-muted">{{ article.description | truncate: truncate }}</div> <div class="text-muted">{{ article.description | truncate: truncate }}</div>
<div class="d-flex align-items-center pt-5 mt-auto"> <div class="d-flex align-items-center pt-5 mt-auto">
{% include ui/avatar.html person-id=avatar size="md" %} {% include_cached ui/avatar.html person-id=avatar size="md" %}
<div class="ml-3"> <div class="ml-3">
<a href="{{ site.base }}/profile.html" class="text-body">{{ author.first_name }} {{ author.last_name }}</a> <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> <small class="d-block text-muted">3 days ago</small>

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

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

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

@@ -7,7 +7,7 @@
{% for person in site.data.people limit: 3 %} {% for person in site.data.people limit: 3 %}
<div class="d-flex{% unless forloop.last %} mb-5{% endunless %}"> <div class="d-flex{% unless forloop.last %} mb-5{% endunless %}">
<div class="mr-4"> <div class="mr-4">
{% include ui/avatar.html person=person status="green" %} {% include_cached ui/avatar.html person=person status="green" %}
</div> </div>
<div class="flex-fill"> <div class="flex-fill">
<div class="d-flex mt-n1"> <div class="d-flex mt-n1">

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

@@ -12,7 +12,7 @@
{% for person in site.data.people limit: 5 offset: 20 %} {% for person in site.data.people limit: 5 offset: 20 %}
<tr> <tr>
<td class="w-1p">{% include ui/avatar.html src=person.photo %}</td> <td class="w-1p">{% include_cached ui/avatar.html src=person.photo %}</td>
<td><a href="#" class="text-reset">{{ person.full_name }}</a></td> <td><a href="#" class="text-reset">{{ person.full_name }}</a></td>
<td>{{ person.department }}</td> <td>{{ person.department }}</td>
<td class="w-1 pr-0">{{ forloop.index | random_number: 30, 90 }}%</td> <td class="w-1 pr-0">{{ forloop.index | random_number: 30, 90 }}%</td>

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

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

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

@@ -3,7 +3,7 @@
<div class="card"> <div class="card">
<div class="card-header d-flex"> <div class="card-header d-flex">
<a href="#"> <a href="#">
{% include ui/avatar.html person=person size="md" %} {% include_cached ui/avatar.html person=person size="md" %}
</a> </a>
<div class="mx-3"> <div class="mx-3">
<a href="#">{{ person.full_name }}</a> <a href="#">{{ person.full_name }}</a>

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

@@ -2,7 +2,7 @@
<div class="card-body"> <div class="card-body">
<a href="#" class="mb-3 d-block"><img src="{{ site.base }}/img/photos/{{ photo.file }}" class="rounded"></a> <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"> <div class="d-flex align-items-center">
{% include ui/avatar.html person=include.person class="mr-3 rounded" %} {% include_cached ui/avatar.html person=include.person class="mr-3 rounded" %}
<div class="lh-sm"> <div class="lh-sm">
<div>{{ include.person.full_name }}</div> <div>{{ include.person.full_name }}</div>
<div class="text-muted">{{ forloop.index | random_date_ago: 10 | timeago }}</div> <div class="text-muted">{{ forloop.index | random_date_ago: 10 | timeago }}</div>

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

@@ -1,7 +1,7 @@
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
<div class="media"> <div class="media">
{% include ui/avatar.html person-id=8 size="xl" %} {% include_cached ui/avatar.html person-id=8 size="xl" %}
<div class="media-body ml-4"> <div class="media-body ml-4">
<h3>{{ site.data.people[20].first_name }} {{ site.data.people[20].last_name }}</h3> <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> <p class="text-muted mb-0">{{ site.data.people[20].job_title }}</p>

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

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

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

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

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

@@ -5,7 +5,7 @@
{% if include.icon %} {% 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_cached ui/icon.html icon=include.icon %}</span>
{% elsif include.person-id %} {% elsif include.person-id %}
{% include ui/avatar.html person-id=include.person-id class="mr-3 rounded" %} {% include_cached ui/avatar.html person-id=include.person-id class="mr-3 rounded" %}
{% endif %} {% endif %}
{% if include.chart-data and chart-position == "left" %} {% if include.chart-data and chart-position == "left" %}

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

@@ -4,7 +4,7 @@
<div class="card-body"> <div class="card-body">
<div class="row row-sm align-items-center"> <div class="row row-sm align-items-center">
<div class="col-auto"> <div class="col-auto">
{% include ui/avatar.html person=person size="lg" %} {% include_cached ui/avatar.html person=person size="lg" %}
</div> </div>
<div class="col"> <div class="col">
<h4 class="card-title m-0"> <h4 class="card-title m-0">

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

@@ -21,7 +21,7 @@
<tr> <tr>
<td class="text-center w-1p"> <td class="text-center w-1p">
{% include ui/avatar.html person-id=person.id %} {% include_cached ui/avatar.html person-id=person.id %}
</td> </td>
<td> <td>
<div>{{ person.full_name }}</div> <div>{{ person.full_name }}</div>

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

@@ -26,7 +26,7 @@
<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_cached ui/icon.html icon="message-square" %} {{ forloop.index | random_number: 0, 12 }}</a>
</td> </td>
<td> <td>
{% include ui/avatar.html person-id=forloop.index size="sm" %} {% include_cached ui/avatar.html person-id=forloop.index size="sm" %}
</td> </td>
</tr> </tr>
{% endfor %} {% endfor %}

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

@@ -43,7 +43,7 @@
<p class="list-timeline-title">+3 Friend Requests</p> <p class="list-timeline-title">+3 Friend Requests</p>
<div class="avatar-list mt-3"> <div class="avatar-list mt-3">
{% for person in site.data.people limit: 3 %} {% for person in site.data.people limit: 3 %}
{% include ui/avatar.html size="sm" person=person status="success" %} {% include_cached ui/avatar.html size="sm" person=person status="success" %}
{% endfor %} {% endfor %}
</div> </div>
</div> </div>

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

@@ -2,7 +2,7 @@
{% assign person = site.data.people[person-id] %} {% assign person = site.data.people[person-id] %}
<a class="card card-link" href="#"> <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 %})"> <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 ui/avatar.html size="xl" person=person thumb=true %} {% include_cached ui/avatar.html size="xl" person=person thumb=true %}
</div> </div>
<div class="card-body text-center"> <div class="card-body text-center">
<div class="card-title mb-1">{{ person.full_name }}</div> <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">
<div class="card-body text-center"> <div class="card-body text-center">
<div class="mb-3"> <div class="mb-3">
{% include ui/avatar.html size="xl" person=person %} {% include_cached ui/avatar.html size="xl" person=person %}
</div> </div>
<div class="card-title mb-1">{{ person.full_name }}</div> <div class="card-title mb-1">{{ person.full_name }}</div>
<div class="text-muted">{{ person.job_title }}</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="#"> <a class="card card-link" href="#">
<div class="card-body"> <div class="card-body">
<div class="float-{% if include.right %}right{% else %}left mr-3{% endif %}"> <div class="float-{% if include.right %}right{% else %}left mr-3{% endif %}">
{% include ui/avatar.html person=person class="rounded" %} {% include_cached ui/avatar.html person=person class="rounded" %}
</div> </div>
<div class="lh-sm"> <div class="lh-sm">
<div class="strong">{{ person.full_name }}</div> <div class="strong">{{ person.full_name }}</div>

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

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

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

@@ -17,7 +17,7 @@
<div><span class="badge{% if color != 'x' %} bg-{{ color }}{% endif %}"></span></div> <div><span class="badge{% if color != 'x' %} bg-{{ color }}{% endif %}"></span></div>
{% endif %} {% endif %}
<a href="#"> <a href="#">
{% include ui/avatar.html person=person %} {% include_cached ui/avatar.html person=person %}
</a> </a>
<div class="text-truncate"> <div class="text-truncate">
<a href="#" class="text-body d-block">{{ person.full_name }}</a> <a href="#" class="text-body d-block">{{ person.full_name }}</a>

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

@@ -1,74 +1,74 @@
<div class="row row-deck"> <div class="row row-deck">
<div class="col-sm-6 col-lg-3"> <div class="col-sm-6 col-lg-3">
{% include cards/charts/sales.html %} {% include_cached cards/charts/sales.html %}
</div> </div>
<div class="col-sm-6 col-lg-3"> <div class="col-sm-6 col-lg-3">
{% include cards/charts/revenue.html %} {% include_cached cards/charts/revenue.html %}
</div> </div>
<div class="col-sm-6 col-lg-3"> <div class="col-sm-6 col-lg-3">
{% include cards/charts/new-clients.html %} {% include_cached cards/charts/new-clients.html %}
</div> </div>
<div class="col-sm-6 col-lg-3"> <div class="col-sm-6 col-lg-3">
{% include cards/charts/active-users.html %} {% include_cached cards/charts/active-users.html %}
</div> </div>
<div class="col-lg-6"> <div class="col-lg-6">
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-6">
{% include cards/project-summary.html stage-color="red" %} {% include_cached cards/project-summary.html stage-color="red" %}
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
{% 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" %} {% 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" %}
</div> </div>
<div class="col-6 col-sm-4"> <div class="col-6 col-sm-4">
{% include cards/small-stats-3.html number=43 title="New Tickets" percentage=6 %} {% include_cached cards/small-stats-3.html number=43 title="New Tickets" percentage=6 %}
</div> </div>
<div class="col-6 col-sm-4"> <div class="col-6 col-sm-4">
{% include cards/small-stats-3.html number=95 number-prefix="$" title="Daily Earnings" percentage=-2 %} {% include_cached cards/small-stats-3.html number=95 number-prefix="$" title="Daily Earnings" percentage=-2 %}
</div> </div>
<div class="col-6 col-sm-4"> <div class="col-6 col-sm-4">
{% include cards/small-stats-3.html number=7 title="New Replies" percentage=9 %} {% include_cached cards/small-stats-3.html number=7 title="New Replies" percentage=9 %}
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-6"> <div class="col-lg-6">
{% include cards/map.html title="Top users" %} {% include_cached cards/map.html title="Top users" %}
</div> </div>
<div class="col-lg-6"> <div class="col-lg-6">
{% include cards/development-activity.html %} {% include_cached cards/development-activity.html %}
</div> </div>
<div class="col-lg-6"> <div class="col-lg-6">
<div class="row row-deck"> <div class="row row-deck">
<div class="col-md-12"> <div class="col-md-12">
{% comment %}{% include cards/charts/card.html chart-id="temperature" height=10 %}{% endcomment %} {% comment %}{% include_cached cards/charts/card.html chart-id="temperature" height=10 %}{% endcomment %}
</div> </div>
<div class="col-md-12"> <div class="col-md-12">
{% comment %}{% include cards/charts/card.html chart-id="donut" height=10 %}{% endcomment %} {% comment %}{% include_cached cards/charts/card.html chart-id="donut" height=10 %}{% endcomment %}
</div> </div>
</div> </div>
</div> </div>
<div class="col-sm-6 col-xl-3"> <div class="col-sm-6 col-xl-3">
{% include cards/small-stats.html color="blue" icon="dollar-sign" count="132" subtitle="Sales" description="12 waiting payments" %} {% include_cached cards/small-stats.html color="blue" icon="dollar-sign" count="132" subtitle="Sales" description="12 waiting payments" %}
</div> </div>
<div class="col-sm-6 col-xl-3"> <div class="col-sm-6 col-xl-3">
{% include cards/small-stats.html color="green" icon="shopping-cart" count="78" subtitle="Orders" description="32 shipped" %} {% include_cached cards/small-stats.html color="green" icon="shopping-cart" count="78" subtitle="Orders" description="32 shipped" %}
</div> </div>
<div class="col-sm-6 col-xl-3"> <div class="col-sm-6 col-xl-3">
{% 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" %} {% 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" %}
</div> </div>
<div class="col-sm-6 col-xl-3"> <div class="col-sm-6 col-xl-3">
{% include cards/small-stats.html color="yellow" chart-type="pie" chart-data="22/100" color="yellow" count="132" subtitle="Comments" description="16 waiting" %} {% include_cached cards/small-stats.html color="yellow" chart-type="pie" chart-data="22/100" color="yellow" count="132" subtitle="Comments" description="16 waiting" %}
</div> </div>
<div class="col-12"> <div class="col-12">
{% include cards/invoices.html %} {% include_cached cards/invoices.html %}
</div> </div>
<div class="col-12"> <div class="col-12">
{% include cards/table-users.html %} {% include_cached cards/table-users.html %}
</div> </div>
</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 %}> <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 %} {% if level-1[1].icon %}
{% assign icon = level-1[1].icon %} {% assign icon = level-1[1].icon %}
{% include ui/icon.html icon=icon class="nav-icon" %} {% include_cached ui/icon.html icon=icon class="nav-icon" %}
{% endif %} {% endif %}
<span class="nav-text">{{ level-1[1].title }}</span> <span class="nav-text">{{ level-1[1].title }}</span>

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

@@ -15,7 +15,7 @@
<li class="nav-item dropdown"> <li class="nav-item dropdown">
<a href="#" data-toggle="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"> class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
{% include ui/avatar.html src=person.photo size="sm" %} {% include_cached ui/avatar.html src=person.photo size="sm" %}
<span class="ml-2 d-none d-lg-block lh-1"> <span class="ml-2 d-none d-lg-block lh-1">
{{ person.full_name }} {{ person.full_name }}
<span class="text-muted d-block mt-1 text-h6">Administrator</span> <span class="text-muted d-block mt-1 text-h6">Administrator</span>

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

@@ -9,7 +9,7 @@
</div> </div>
<div class="mt-auto"> <div class="mt-auto">
{% include ui/button.html text="Logout" color="primary" icon="log-out" block=true %} {% include_cached ui/button.html text="Logout" color="primary" icon="log-out" block=true %}
</div> </div>
</div> </div>
</aside> </aside>

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

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

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

@@ -1,6 +1,6 @@
{% assign person = include.person %} {% 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"> <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 ui/avatar.html person=person %}{% endif %} {% 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.icon %}{% include_cached ui/icon.html icon=include.icon class="mr-1" %}{% endif %} {{ include.text | default:
"This is a custom alert box!" }} "This is a custom alert box!" }}
{% if include.buttons %} {% if include.buttons %}

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

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

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

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

8
pages/blog.html
View File

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

52
pages/cards.html
View File

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

8
pages/carousel.html
View File

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

8
pages/charts-heatmap.html
View File

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

2
pages/datatables.html
View File

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

2
pages/email.html
View File

@@ -3,7 +3,6 @@ title: Email
page-title: Crypto currencies page-title: Crypto currencies
--- ---
<div class="container">
<div class="row"> <div class="row">
<div class="col-md-3"> <div class="col-md-3">
<h3 class="mb-4">Mail Service</h3> <h3 class="mb-4">Mail Service</h3>
@@ -77,4 +76,3 @@ page-title: Crypto currencies
</div> </div>
</div> </div>
</div>

2
pages/forgot-password.html
View File

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

2
pages/gallery.html
View File

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

12
pages/homepage.html
View File

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

2
pages/invoice.html
View File

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

2
pages/login.html
View File

@@ -3,4 +3,4 @@ layout: single
title: Login title: Login
--- ---
{% include cards/login.html show-header="1" %} {% include_cached 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. 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>
<div class="col-9"> <div class="col-9">
{% include cards/company-lookup.html %} {% include_cached cards/company-lookup.html %}
</div> </div>
</div> </div>

1
pages/music.html
View File

@@ -1,6 +1,7 @@
--- ---
title: Music components title: Music components
page-title: Music components page-title: Music components
menu: base.music
--- ---
<div class="card"> <div class="card">

8
pages/pricing.html
View File

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

14
pages/profile.html
View File

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

2
pages/register.html
View File

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

8
pages/rtl.html
View File

@@ -19,18 +19,18 @@ menu: pages.rtl
نتيجة لضعف إرادتهم فيتساوي مع هؤلاء الذين يتجنبون وينأون عن تحمل الكدح والألم . نتيجة لضعف إرادتهم فيتساوي مع هؤلاء الذين يتجنبون وينأون عن تحمل الكدح والألم .
{% endcapture %} {% endcapture %}
{% include cards/card.html body=body title="عنوان البطاقة" %} {% include_cached cards/card.html body=body title="عنوان البطاقة" %}
</div> </div>
<div class="col-6"> <div class="col-6">
<div class="row"> <div class="row">
<div class="col-4"> <div class="col-4">
{% include cards/small-stats.html count=43 description="تذاكر جديدة" chart-type="pie" chart-data="45/100" %} {% include_cached cards/small-stats.html count=43 description="تذاكر جديدة" chart-type="pie" chart-data="45/100" %}
</div> </div>
<div class="col-4"> <div class="col-4">
{% include cards/small-stats.html count=17 description="مغلق اليوم" chart-type="pie" chart-data="22/100" %} {% include_cached cards/small-stats.html count=17 description="مغلق اليوم" chart-type="pie" chart-data="22/100" %}
</div> </div>
<div class="col-4"> <div class="col-4">
{% include cards/small-stats.html count="27.3K" description="متابعون" chart-type="pie" chart-data="75/100" %} {% include_cached cards/small-stats.html count="27.3K" description="متابعون" chart-type="pie" chart-data="75/100" %}
</div> </div>
</div> </div>
</div> </div>

74
pages/snippets.html
View File

@@ -5,76 +5,76 @@ page-title-right: date
--- ---
<div class="row"> <div class="row">
<div class="col-md-6 col-xl-3">{% include cards/user-card.html person-id=5 %}</div> <div class="col-md-6 col-xl-3">{% include_cached cards/user-card.html person-id=5 %}</div>
<div class="col-md-6 col-xl-3">{% include cards/user-card.html person-id=6 %}</div> <div class="col-md-6 col-xl-3">{% include_cached cards/user-card.html person-id=6 %}</div>
<div class="col-md-6 col-xl-3">{% include cards/user-card.html person-id=7 right=true %}</div> <div class="col-md-6 col-xl-3">{% include_cached cards/user-card.html person-id=7 right=true %}</div>
<div class="col-md-6 col-xl-3">{% include cards/user-card.html person-id=8 right=true %}</div> <div class="col-md-6 col-xl-3">{% include_cached cards/user-card.html person-id=8 right=true %}</div>
<div class="col-md-6 col-xl-3">{% include cards/user-card-big.html person-id=15 %}</div> <div class="col-md-6 col-xl-3">{% include_cached cards/user-card-big.html person-id=15 %}</div>
<div class="col-md-6 col-xl-3">{% include cards/user-card-big.html person-id=16 %}</div> <div class="col-md-6 col-xl-3">{% include_cached cards/user-card-big.html person-id=16 %}</div>
<div class="col-md-6 col-xl-3">{% include cards/user-card-big.html person-id=17 %}</div> <div class="col-md-6 col-xl-3">{% include_cached cards/user-card-big.html person-id=17 %}</div>
<div class="col-md-6 col-xl-3">{% include cards/user-card-big.html person-id=18 %}</div> <div class="col-md-6 col-xl-3">{% include_cached cards/user-card-big.html person-id=18 %}</div>
<div class="col-md-6 col-xl-3">{% include cards/user-card-bg.html person-id=25 %}</div> <div class="col-md-6 col-xl-3">{% include_cached cards/user-card-bg.html person-id=25 %}</div>
<div class="col-md-6 col-xl-3">{% include cards/user-card-bg.html person-id=26 %}</div> <div class="col-md-6 col-xl-3">{% include_cached cards/user-card-bg.html person-id=26 %}</div>
<div class="col-md-6 col-xl-3">{% include cards/user-card-bg.html person-id=27 blurred=true %}</div> <div class="col-md-6 col-xl-3">{% include_cached cards/user-card-bg.html person-id=27 blurred=true %}</div>
<div class="col-md-6 col-xl-3">{% include cards/user-card-bg.html person-id=28 blurred=true %}</div> <div class="col-md-6 col-xl-3">{% include_cached cards/user-card-bg.html person-id=28 blurred=true %}</div>
<div class="col-xl-6"> <div class="col-xl-6">
{% include cards/subscribe.html person-id=0 %} {% include_cached cards/subscribe.html person-id=0 %}
</div> </div>
<div class="col-xl-6"> <div class="col-xl-6">
{% include cards/subscribe.html person-id=2 %} {% include_cached cards/subscribe.html person-id=2 %}
</div> </div>
<div class="col-md-6 col-xl-3">{% include cards/small-stats.html icon="dollar-sign" color="blue" count=132 <div class="col-md-6 col-xl-3">{% include_cached cards/small-stats.html icon="dollar-sign" color="blue" count=132
subtitle="Sales" description="12 waiting payments" %} subtitle="Sales" description="12 waiting payments" %}
</div> </div>
<div class="col-md-6 col-xl-3">{% include cards/small-stats.html icon="shopping-bag" color="green" count=78 <div class="col-md-6 col-xl-3">{% include_cached cards/small-stats.html icon="shopping-bag" color="green" count=78
subtitle="Orders" description="32 shipped" %} subtitle="Orders" description="32 shipped" %}
</div> </div>
<div class="col-md-6 col-xl-3">{% include cards/small-stats.html icon="users" color="red" count=1352 <div class="col-md-6 col-xl-3">{% include_cached cards/small-stats.html icon="users" color="red" count=1352
subtitle="Members" description="163 registered today" %} subtitle="Members" description="163 registered today" %}
</div> </div>
<div class="col-md-6 col-xl-3">{% include cards/small-stats.html icon="message-square" color="yellow" count=132 <div class="col-md-6 col-xl-3">{% include_cached cards/small-stats.html icon="message-square" color="yellow" count=132
subtitle="Comments" description="16 waitings" %} subtitle="Comments" description="16 waitings" %}
</div> </div>
<div class="col-md-6 col-xl-3">{% include cards/small-stats.html chart-position="left" chart-type="pie" <div class="col-md-6 col-xl-3">{% include_cached cards/small-stats.html chart-position="left" chart-type="pie"
chart-data="56/100" color="blue" count=132 subtitle="Sales" description="12 waiting payments" %} chart-data="56/100" color="blue" count=132 subtitle="Sales" description="12 waiting payments" %}
</div> </div>
<div class="col-md-6 col-xl-3">{% include cards/small-stats.html chart-position="left" chart-type="pie" <div class="col-md-6 col-xl-3">{% include_cached cards/small-stats.html chart-position="left" chart-type="pie"
chart-data="56/100" color="green" count=78 subtitle="Orders" description="32 shipped" %} chart-data="56/100" color="green" count=78 subtitle="Orders" description="32 shipped" %}
</div> </div>
<div class="col-md-6 col-xl-3">{% include cards/small-stats.html chart-position="left" chart-type="pie" <div class="col-md-6 col-xl-3">{% include_cached cards/small-stats.html chart-position="left" chart-type="pie"
chart-data="56/100" color="red" count=1352 subtitle="Members" description="163 registered today" %} chart-data="56/100" color="red" count=1352 subtitle="Members" description="163 registered today" %}
</div> </div>
<div class="col-md-6 col-xl-3">{% include cards/small-stats.html chart-position="left" chart-type="pie" <div class="col-md-6 col-xl-3">{% include_cached cards/small-stats.html chart-position="left" chart-type="pie"
chart-data="56/100" color="yellow" count=132 subtitle="Comments" description="16 waitings" %} chart-data="56/100" color="yellow" count=132 subtitle="Comments" description="16 waitings" %}
</div> </div>
<div class="col-md-6 col-lg-4"> <div class="col-md-6 col-lg-4">
{% include cards/small-stats.html chart-type="line" chart-data="20,0,40,30,40,30,80,60" %} {% include_cached cards/small-stats.html chart-type="line" chart-data="20,0,40,30,40,30,80,60" %}
{% include cards/small-stats.html chart-type="bar" chart-data="20,40,30,10,40,60,80,70" color="red" icon="heart" %} {% include_cached cards/small-stats.html chart-type="bar" chart-data="20,40,30,10,40,60,80,70" color="red" icon="heart" %}
{% include cards/small-stats.html chart-type="bar" chart-data="20,40,20,-10,-30,10,40,60,80,70" color="green" {% include_cached cards/small-stats.html chart-type="bar" chart-data="20,40,20,-10,-30,10,40,60,80,70" color="green"
icon="github" %} icon="github" %}
{% include cards/small-stats.html chart-type="pie" chart-data="12/100" person-id=10 %} {% include_cached cards/small-stats.html chart-type="pie" chart-data="12/100" person-id=10 %}
{% include cards/small-stats.html chart-type="pie" chart-data="12/100" person-id=11 %} {% include_cached cards/small-stats.html chart-type="pie" chart-data="12/100" person-id=11 %}
{% include cards/small-stats.html chart-type="pie" chart-data="56/100" person-id=1 %} {% include_cached cards/small-stats.html chart-type="pie" chart-data="56/100" person-id=1 %}
{% include cards/small-stats.html color="green" person-id=4 %} {% include_cached cards/small-stats.html color="green" person-id=4 %}
{% include cards/small-stats.html small-icon="trending-down" color="red" person-id=3 %} {% include_cached cards/small-stats.html small-icon="trending-down" color="red" person-id=3 %}
{% include cards/code.html %} {% include_cached cards/code.html %}
</div> </div>
<div class="col-md-6 col-lg-4"> <div class="col-md-6 col-lg-4">
{% include cards/small-stats-2.html title="Customers" count="1,950" growth=5.2 color="yellow" %} {% include_cached cards/small-stats-2.html title="Customers" count="1,950" growth=5.2 color="yellow" %}
{% include cards/small-stats-2.html title="Orders" count="8256" growth=0 color="green" %} {% include_cached cards/small-stats-2.html title="Orders" count="8256" growth=0 color="green" %}
{% include cards/small-stats-2.html title="Revenue" count="$58,924" growth=-3.1 color="red" light=true %} {% include_cached cards/small-stats-2.html title="Revenue" count="$58,924" growth=-3.1 color="red" light=true %}
</div> </div>
<div class="col-md-6 col-lg-4"> <div class="col-md-6 col-lg-4">
{% include cards/project-kanban.html title="Tabler UI" badge="v1.0" value=30 percentage-color="red" limit=4 offset=0 {% include_cached cards/project-kanban.html title="Tabler UI" badge="v1.0" value=30 percentage-color="red" limit=4 offset=0
due="72 days" %} due="72 days" %}
{% include cards/project-kanban.html title="Tabler React" value=80 offset=20 %} {% include_cached cards/project-kanban.html title="Tabler React" value=80 offset=20 %}
{% include cards/user-info.html %} {% include_cached cards/user-info.html %}
</div> </div>
</div> </div>

14
pages/social.html
View File

@@ -6,14 +6,14 @@ done: true
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-6">
{% include cards/feed-card.html feed=1 text="Suscipit integer egestas porta massa id sem fermentum vel et enim pulvinar ullamcorper dignissim at" %} {% include_cached cards/feed-card.html feed=1 text="Suscipit integer egestas porta massa id sem fermentum vel et enim pulvinar ullamcorper dignissim at" %}
{% include cards/feed-card.html feed=3 %} {% include_cached cards/feed-card.html feed=3 %}
{% include cards/feed-card.html feed=5 %} {% include_cached cards/feed-card.html feed=5 %}
{% include cards/feed-card.html feed=7 %} {% include_cached cards/feed-card.html feed=7 %}
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
{% include cards/feed-card.html feed=2 text="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa cupiditate dolorem doloremque labore quisquam? Animi, blanditiis cupiditate dignissimos est ipsam maiores molestias nemo perferendis perspiciatis praesentium." %} {% include_cached cards/feed-card.html feed=2 text="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa cupiditate dolorem doloremque labore quisquam? Animi, blanditiis cupiditate dignissimos est ipsam maiores molestias nemo perferendis perspiciatis praesentium." %}
{% include cards/feed-card.html feed=4 %} {% include_cached cards/feed-card.html feed=4 %}
{% include cards/feed-card.html feed=6 %} {% include_cached cards/feed-card.html feed=6 %}
</div> </div>
</div> </div>

6
pages/store.html
View File

@@ -8,14 +8,14 @@ page-title: Store
<div class="col-lg-3"> <div class="col-lg-3">
<div class="row"> <div class="row">
<div class="col-md-6 col-lg-12"> <div class="col-md-6 col-lg-12">
{% include cards/store-product.html product=0 %} {% include_cached cards/store-product.html product=0 %}
</div> </div>
<div class="col-md-6 col-lg-12"> <div class="col-md-6 col-lg-12">
{% include cards/store-product.html product=3 %} {% include_cached cards/store-product.html product=3 %}
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-9"> <div class="col-lg-9">
{% include cards/store-list.html %} {% include_cached cards/store-list.html %}
</div> </div>
</div> </div>

22
pages/tabs.html
View File

@@ -5,15 +5,15 @@ done: true
--- ---
<div class="row"> <div class="row">
<div class="col-md-4">{% include cards/tabs.html settings=true %}</div> <div class="col-md-4">{% include_cached cards/tabs.html settings=true %}</div>
<div class="col-md-4">{% include cards/tabs.html reverse=true settings=true %}</div> <div class="col-md-4">{% include_cached cards/tabs.html reverse=true settings=true %}</div>
<div class="col-md-4">{% include cards/tabs.html icons=true %}</div> <div class="col-md-4">{% include_cached cards/tabs.html icons=true %}</div>
<div class="col-md-4">{% include cards/tabs.html alternative=true settings=true %}</div> <div class="col-md-4">{% include_cached cards/tabs.html alternative=true settings=true %}</div>
<div class="col-md-4">{% include cards/tabs.html alternative=true reverse=true settings=true %}</div> <div class="col-md-4">{% include_cached cards/tabs.html alternative=true reverse=true settings=true %}</div>
<div class="col-md-4">{% include cards/tabs.html alternative=true icons=true %}</div> <div class="col-md-4">{% include_cached cards/tabs.html alternative=true icons=true %}</div>
<div class="col-md-4">{% include cards/tabs.html dropdown=true %}</div> <div class="col-md-4">{% include_cached cards/tabs.html dropdown=true %}</div>
<div class="col-md-4">{% include cards/tabs.html justified=true activity=true %}</div> <div class="col-md-4">{% include_cached cards/tabs.html justified=true activity=true %}</div>
<div class="col-md-4">{% include cards/tabs.html justified=true disabled=true %}</div> <div class="col-md-4">{% include_cached cards/tabs.html justified=true disabled=true %}</div>
<div class="col-md-4">{% include cards/tabs.html justified=true icons=true activity=true %}</div> <div class="col-md-4">{% include_cached cards/tabs.html justified=true icons=true activity=true %}</div>
<div class="col-md-4">{% include cards/tabs.html animation=true activity=true %}</div> <div class="col-md-4">{% include_cached cards/tabs.html animation=true activity=true %}</div>
</div> </div>

14
pages/tmp.html
View File

@@ -5,10 +5,10 @@ menu: a.b.c
<div class="row"> <div class="row">
<div class="col-md-6 col-xl-4"> <div class="col-md-6 col-xl-4">
{% include cards/small-stats.html chart-type="bar" chart-data="20,40,30,40,60,80,70" color="red" icon="heart" %} {% include_cached cards/small-stats.html chart-type="bar" chart-data="20,40,30,40,60,80,70" color="red" icon="heart" %}
</div> </div>
<div class="col-md-6 col-xl-4"> <div class="col-md-6 col-xl-4">
{% include cards/small-stats.html chart-type="bar" chart-data="5,8,2,5,-1,3,5,3" color="blue" icon="heart" %} {% include_cached cards/small-stats.html chart-type="bar" chart-data="5,8,2,5,-1,3,5,3" color="blue" icon="heart" %}
</div> </div>
{% for chart in site.data.charts %} {% for chart in site.data.charts %}
@@ -34,14 +34,14 @@ menu: a.b.c
</div> </div>
</div> </div>
<div class="col-4"> <div class="col-4">
{% include cards/charts/total-sales.html %} {% include_cached cards/charts/total-sales.html %}
</div> </div>
<div class="col-8"></div> <div class="col-8"></div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-6">
{% include cards/user-info.html %} {% include_cached cards/user-info.html %}
{% include cards/users-list-2.html %} {% include_cached cards/users-list-2.html %}
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
@@ -55,8 +55,8 @@ menu: a.b.c
</div> </div>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
{% include cards/users-list.html hoverable=true checked-ids="2,5,8" %} {% include_cached cards/users-list.html hoverable=true checked-ids="2,5,8" %}
{% include cards/users-list.html offset=8 checkbox=true title="Contacts" %} {% include_cached cards/users-list.html offset=8 checkbox=true title="Contacts" %}
</div> </div>
</div> </div>

2
pages/users.html
View File

@@ -17,7 +17,7 @@ menu: base.users
<div class="card-body"> <div class="card-body">
<div class="row row-sm align-items-center"> <div class="row row-sm align-items-center">
<div class="col-auto"> <div class="col-auto">
{% include ui/avatar.html person=person size="md" %} {% include_cached ui/avatar.html person=person size="md" %}
</div> </div>
<div class="col"> <div class="col">
<h3 class="mb-0"><a href="#">{{ person.full_name }}</a></h3> <h3 class="mb-0"><a href="#">{{ person.full_name }}</a></h3>