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
---
{% 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
---
{% 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
---
{% 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
---
{% 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
---
{% 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
---
{% include cards/card.html %}
{% include_cached cards/card.html %}

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

@@ -2,4 +2,4 @@
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
---
{% 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
users:
title: Users
icon: users
url: users.html
gallery:
title: Gallery
icon: image
url: gallery.html
profile:
title: Profile
url: profile.html
music:
title: Music
url: music.html
charts:
url: charts.html

74
pages/_docs/avatars.md
View File

@@ -8,9 +8,9 @@ done: true
### Default markup
{% example html wrapper=avatar-list %}
{% include ui/avatar.html person-id=1 %}
{% include ui/avatar.html person-id=2 %}
{% include ui/avatar.html person-id=3 %}
{% include_cached ui/avatar.html person-id=1 %}
{% include_cached ui/avatar.html person-id=2 %}
{% include_cached 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 ui/avatar.html person-id=1 %}
{% include ui/avatar.html person-id=3 %}
{% include ui/avatar.html person-id=4 %}
{% include_cached ui/avatar.html person-id=1 %}
{% include_cached ui/avatar.html person-id=3 %}
{% include_cached 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 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" %}
{% 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" %}
{% 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 ui/avatar.html icon="user" %}
{% include ui/avatar.html icon="plus" %}
{% include ui/avatar.html icon="user-plus" %}
{% include_cached ui/avatar.html icon="user" %}
{% include_cached ui/avatar.html icon="plus" %}
{% include_cached 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 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" %}
{% 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" %}
{% 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 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" %}
{% 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" %}
{% 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 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" %}
{% 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" %}
{% 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 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" %}
{% 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" %}
{% endexample %}
### Avatars list
@@ -109,8 +109,8 @@ 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 ui/avatar.html person=person element="a" %}
{% include_cached ui/avatar.html person=person element="a" %}
{% endfor %}
<span class="avatar" element="a">+8</span>
</div>
{% endexample %}
{% 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 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 %}
### Card with title and image
{% 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 %}
### 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 cards/blog-single.html type="image" %}
{% include_cached 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 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 %}
### 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 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 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>
{% 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 cards/card.html class="card-stacked" title="Stacked card" %}
{% include_cached cards/card.html class="card-stacked" title="Stacked card" %}
{% endexample %}
## Tabbed card
{% example html columns=2 %}
{% include cards/card-tabs.html count=4 %}
{% include_cached cards/card-tabs.html count=4 %}
{% endexample %}

12
pages/_docs/tabs.md
View File

@@ -7,35 +7,35 @@ bootstrap-link: components/navs/
### Default markup
{% example html columns=1 %}
{% include cards/tabs.html id="ex1" %}
{% include_cached cards/tabs.html id="ex1" %}
{% endexample %}
### Tabs with icons
{% 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 %}
### Tabs only with icons
{% 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 %}
### Tabs with dropdown
{% example html columns=1 %}
{% include cards/tabs.html dropdown=true id="ex4" %}
{% include_cached cards/tabs.html dropdown=true id="ex4" %}
{% endexample %}
### Full-width tabs
{% 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 %}
### Alternate style
{% 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 %}

4
pages/_docs/timelines.md
View File

@@ -5,10 +5,10 @@ menu: docs.timelines
### Timeline
{% example html columns=3 %}
{% include cards/timeline.html %}
{% include_cached cards/timeline.html %}
{% endexample %}
### Simple Timeline
{% example html columns=1 %}
{% include cards/timeline.html simple=true %}
{% include_cached cards/timeline.html simple=true %}
{% 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="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">
<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>

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

@@ -1,5 +1,5 @@
<div class="card-group">
{% 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" %}
{% 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" %}
</div>

2
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 ui/avatar.html person=person status="green" %}
{% include_cached ui/avatar.html person=person status="green" %}
</div>
<div class="flex-fill">
<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 %}
<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>{{ person.department }}</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>
<tr>
<td class="w-1p">
{% include ui/avatar.html person-id=10 %}
{% include_cached 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 ui/avatar.html person-id=17 %}
{% include_cached 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 ui/avatar.html person-id=16 %}
{% include_cached 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 ui/avatar.html person-id=12 %}
{% include_cached 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 ui/avatar.html person-id=19 %}
{% include_cached ui/avatar.html person-id=19 %}
</td>
<td>{{ site.data.people[19].full_name }}</td>
<td>Fixes #625</td>

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

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

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

@@ -2,7 +2,7 @@
<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 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>{{ include.person.full_name }}</div>
<div class="text-muted">{{ forloop.index | random_date_ago: 10 | timeago }}</div>
@@ -19,4 +19,4 @@
</div>
</div>
</div>
</div>
</div>

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

@@ -1,7 +1,7 @@
<div class="card">
<div class="card-body">
<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">
<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>

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 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>
@@ -11,7 +11,7 @@
<li class="list-group-item py-4">
<div class="d-flex">
<div>
{% include ui/avatar.html person-id=5 class="mr-3" %}
{% include_cached 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 ui/avatar.html person-id=8 class="mr-3" %}
{% include_cached 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 ui/avatar.html person-id=10 class="mr-3" %}
{% include_cached 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 ui/avatar.html person-id=11 class="mr-3" %}
{% include_cached 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 ui/avatar.html person-id=15 class="mr-3" %}
{% include_cached 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 ui/avatar.html person-id=6 class="mr-3" %}
{% include_cached 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/project-summary.html
View File

@@ -1,6 +1,6 @@
<div class="card">
<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>
<p class="text-muted">Due to: {{ include.date | default: '28 Aug 2019' }}</p>
<p class="mb-3">

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

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

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

@@ -21,7 +21,7 @@
<tr>
<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>
<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>
</td>
<td>
{% include ui/avatar.html person-id=forloop.index size="sm" %}
{% include_cached ui/avatar.html person-id=forloop.index size="sm" %}
</td>
</tr>
{% endfor %}

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

@@ -43,7 +43,7 @@
<p class="list-timeline-title">+3 Friend Requests</p>
<div class="avatar-list mt-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 %}
</div>
</div>

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 ui/avatar.html size="xl" person=person thumb=true %}
{% include_cached 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 ui/avatar.html size="xl" person=person %}
{% include_cached 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 ui/avatar.html person=person class="rounded" %}
{% include_cached ui/avatar.html person=person class="rounded" %}
</div>
<div class="lh-sm">
<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 %}
<div class="col-6 row row-sm mb-3 align-items-center">
<a href="#" class="col-auto">
{% include ui/avatar.html person=person status=color %}
{% include_cached 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>

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>
{% endif %}
<a href="#">
{% include ui/avatar.html person=person %}
{% include_cached ui/avatar.html person=person %}
</a>
<div class="text-truncate">
<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="col-sm-6 col-lg-3">
{% include cards/charts/sales.html %}
{% include_cached cards/charts/sales.html %}
</div>
<div class="col-sm-6 col-lg-3">
{% include cards/charts/revenue.html %}
{% include_cached cards/charts/revenue.html %}
</div>
<div class="col-sm-6 col-lg-3">
{% include cards/charts/new-clients.html %}
{% include_cached cards/charts/new-clients.html %}
</div>
<div class="col-sm-6 col-lg-3">
{% include cards/charts/active-users.html %}
{% include_cached cards/charts/active-users.html %}
</div>
<div class="col-lg-6">
<div class="row">
<div class="col-md-6">
{% include cards/project-summary.html stage-color="red" %}
{% include_cached cards/project-summary.html stage-color="red" %}
</div>
<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 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 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 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 class="col-lg-6">
{% include cards/map.html title="Top users" %}
{% include_cached cards/map.html title="Top users" %}
</div>
<div class="col-lg-6">
{% include cards/development-activity.html %}
{% include_cached cards/development-activity.html %}
</div>
<div class="col-lg-6">
<div class="row row-deck">
<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 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 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 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 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 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 class="col-12">
{% include cards/invoices.html %}
{% include_cached cards/invoices.html %}
</div>
<div class="col-12">
{% include cards/table-users.html %}
{% include_cached 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 ui/icon.html icon=icon class="nav-icon" %}
{% include_cached ui/icon.html icon=icon class="nav-icon" %}
{% endif %}
<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">
<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 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">
{{ person.full_name }}
<span class="text-muted d-block mt-1 text-h6">Administrator</span>

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

@@ -9,7 +9,7 @@
</div>
<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>
</aside>
</aside>

4
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 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>

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

@@ -1,6 +1,6 @@
{% 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 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:
"This is a custom alert box!" }}
{% if include.buttons %}

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 ui/avatar.html person=person size=size %}
{% include_cached ui/avatar.html person=person size=size %}
{% endfor %}
{% if include.text %}
{% include ui/avatar.html placeholder=include.text size=size %}
{% include_cached ui/avatar.html placeholder=include.text size=size %}
{% endif %}
</div>

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 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>
<small>{{ include.date | default: '11 mins ago' }}</small>
<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 %}
<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>
{% endfor %}
{% for article in site.data.articles limit: 3 offset: 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>
{% endfor %}
{% for article in site.data.articles limit: 2 %}
<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>
{% endfor %}
{% for article in site.data.articles limit: 2 offset: 4 %}
<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>
{% 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 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" %}
{% 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" %}
</div>
<div class="col-md-6 col-xl-8">
{% 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 %}
{% 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 %}
<div class="row">
<div class="col-xl-6">
{% 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" %}
{% 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" %}
</div>
<div class="col-xl-6">
{% 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 %}
{% 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 %}
</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 cards/carousel.html id="carousel-default" %}
{% include_cached cards/carousel.html id="carousel-default" %}
</div>
<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 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 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>

8
pages/charts-heatmap.html
View File

@@ -6,15 +6,15 @@ done: true
<div class="row">
<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 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 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 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>

2
pages/datatables.html
View File

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

136
pages/email.html
View File

@@ -3,78 +3,76 @@ title: Email
page-title: Crypto currencies
---
<div class="container">
<div class="row">
<div class="col-md-3">
<h3 class="mb-4">Mail Service</h3>
<div class="row">
<div class="col-md-3">
<h3 class="mb-4">Mail Service</h3>
<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>
</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
</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>
</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
</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
</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
</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
</a>
</div>
<div class="mt-4">
<a href="#" class="btn btn-secondary btn-block">Compose new Email</a>
</div>
</div>
</div>
<div class="col-md-9">
<div class="card">
<div class="card-header">
<h3 class="card-title">Compose new message</h3>
</div>
<div class="card-body">
<form action="">
<div class="mb-2">
<div class="row align-items-center">
<label class="col-sm-2">To:</label>
<div class="col-sm-10">
<input type="text" class="form-control">
</div>
</div>
</div>
<div class="mb-2">
<div class="row align-items-center">
<label class="col-sm-2">Subject:</label>
<div class="col-sm-10">
<input type="text" class="form-control">
</div>
</div>
</div>
<textarea rows="10" class="form-control"></textarea>
<div class="btn-list mt-4 text-right">
<button type="button" class="btn btn-secondary btn-space">Cancel</button>
<button type="submit" class="btn btn-primary btn-space">Send message</button>
</div>
</form>
</div>
<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>
</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
</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>
</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
</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
</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
</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
</a>
</div>
<div class="mt-4">
<a href="#" class="btn btn-secondary btn-block">Compose new Email</a>
</div>
</div>
</div>
<div class="col-md-9">
<div class="card">
<div class="card-header">
<h3 class="card-title">Compose new message</h3>
</div>
<div class="card-body">
<form action="">
<div class="mb-2">
<div class="row align-items-center">
<label class="col-sm-2">To:</label>
<div class="col-sm-10">
<input type="text" class="form-control">
</div>
</div>
</div>
<div class="mb-2">
<div class="row align-items-center">
<label class="col-sm-2">Subject:</label>
<div class="col-sm-10">
<input type="text" class="form-control">
</div>
</div>
</div>
<textarea rows="10" class="form-control"></textarea>
<div class="btn-list mt-4 text-right">
<button type="button" class="btn btn-secondary btn-space">Cancel</button>
<button type="submit" class="btn btn-primary btn-space">Send message</button>
</div>
</form>
</div>
</div>
</div>
</div>

2
pages/forgot-password.html
View File

@@ -3,4 +3,4 @@ title: Forgot password
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 %}
{% assign person = site.data.people[forloop.index0] %}
<div class="col-sm-6 col-lg-4">
{% include cards/gallery.html person=person %}
{% include_cached 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 cards/project-summary.html %}
{% include cards/social-traffic.html %}
{% include_cached cards/project-summary.html %}
{% include_cached cards/social-traffic.html %}
{% for person in site.data.people limit: 6 %}
<div class="card p-3">
<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>
{{ 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 cards/tasks.html %}
{% include cards/company-employees.html %}
{% include cards/most-visited-pages.html %}
{% include_cached cards/tasks.html %}
{% include_cached cards/company-employees.html %}
{% include_cached cards/most-visited-pages.html %}
</div>
</div>

2
pages/invoice.html
View File

@@ -4,4 +4,4 @@ layout: default
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
---
{% 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.
</div>
<div class="col-9">
{% include cards/company-lookup.html %}
{% include_cached cards/company-lookup.html %}
</div>
</div>

1
pages/music.html
View File

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

8
pages/pricing.html
View File

@@ -6,15 +6,15 @@ done: true
<div class="row">
<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 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 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 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>

22
pages/profile.html
View File

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

2
pages/register.html
View File

@@ -3,4 +3,4 @@ layout: single
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 %}
{% include cards/card.html body=body title="عنوان البطاقة" %}
{% include_cached cards/card.html body=body title="عنوان البطاقة" %}
</div>
<div class="col-6">
<div class="row">
<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 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 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>

74
pages/snippets.html
View File

@@ -5,76 +5,76 @@ page-title-right: date
---
<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 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 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=5 %}</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_cached 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=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 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 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=15 %}</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_cached 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=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 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 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=25 %}</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_cached 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=28 blurred=true %}</div>
<div class="col-xl-6">
{% include cards/subscribe.html person-id=0 %}
{% include_cached cards/subscribe.html person-id=0 %}
</div>
<div class="col-xl-6">
{% include cards/subscribe.html person-id=2 %}
{% include_cached cards/subscribe.html person-id=2 %}
</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" %}
</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" %}
</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" %}
</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" %}
</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" %}
</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" %}
</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" %}
</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" %}
</div>
<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 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="line" chart-data="20,0,40,30,40,30,80,60" %}
{% include_cached 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,20,-10,-30,10,40,60,80,70" color="green"
icon="github" %}
{% include 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 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 cards/small-stats.html small-icon="trending-down" color="red" person-id=3 %}
{% include cards/code.html %}
{% include_cached 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=11 %}
{% include_cached cards/small-stats.html chart-type="pie" chart-data="56/100" person-id=1 %}
{% include_cached cards/small-stats.html color="green" person-id=4 %}
{% include_cached cards/small-stats.html small-icon="trending-down" color="red" person-id=3 %}
{% include_cached cards/code.html %}
</div>
<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 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="Customers" count="1,950" growth=5.2 color="yellow" %}
{% include_cached cards/small-stats-2.html title="Orders" count="8256" growth=0 color="green" %}
{% include_cached cards/small-stats-2.html title="Revenue" count="$58,924" growth=-3.1 color="red" light=true %}
</div>
<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" %}
{% include cards/project-kanban.html title="Tabler React" value=80 offset=20 %}
{% include cards/user-info.html %}
{% include_cached cards/project-kanban.html title="Tabler React" value=80 offset=20 %}
{% include_cached cards/user-info.html %}
</div>
</div>

14
pages/social.html
View File

@@ -6,14 +6,14 @@ done: true
<div class="row">
<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 cards/feed-card.html feed=3 %}
{% include cards/feed-card.html feed=5 %}
{% include cards/feed-card.html feed=7 %}
{% 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_cached cards/feed-card.html feed=3 %}
{% include_cached cards/feed-card.html feed=5 %}
{% include_cached cards/feed-card.html feed=7 %}
</div>
<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 cards/feed-card.html feed=4 %}
{% include cards/feed-card.html feed=6 %}
{% 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_cached cards/feed-card.html feed=4 %}
{% include_cached cards/feed-card.html feed=6 %}
</div>
</div>

6
pages/store.html
View File

@@ -8,14 +8,14 @@ page-title: Store
<div class="col-lg-3">
<div class="row">
<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 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 class="col-lg-9">
{% include cards/store-list.html %}
{% include_cached cards/store-list.html %}
</div>
</div>

22
pages/tabs.html
View File

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

14
pages/tmp.html
View File

@@ -5,10 +5,10 @@ menu: a.b.c
<div class="row">
<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 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>
{% for chart in site.data.charts %}
@@ -34,14 +34,14 @@ menu: a.b.c
</div>
</div>
<div class="col-4">
{% include cards/charts/total-sales.html %}
{% include_cached cards/charts/total-sales.html %}
</div>
<div class="col-8"></div>
</div>
<div class="row">
<div class="col-md-6">
{% include cards/user-info.html %}
{% include cards/users-list-2.html %}
{% include_cached cards/user-info.html %}
{% include_cached cards/users-list-2.html %}
<div class="card">
<div class="card-body">
@@ -55,8 +55,8 @@ menu: a.b.c
</div>
</div>
<div class="col-md-6">
{% include 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 hoverable=true checked-ids="2,5,8" %}
{% include_cached cards/users-list.html offset=8 checkbox=true title="Contacts" %}
</div>
</div>

2
pages/users.html
View File

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