提交 27e11461 编写于 作者: C codecalm

build time increase

上级 84b60ab5
......@@ -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 %}
......@@ -3,4 +3,4 @@ title: Comments card
columns: 2
---
{% include cards/comments.html %}
{% include_cached cards/comments.html %}
......@@ -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" %}
......@@ -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" %}
......@@ -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" %}
......@@ -3,4 +3,4 @@ title: Simple box
columns: 1
---
{% include cards/card.html %}
{% include_cached cards/card.html %}
......@@ -2,4 +2,4 @@
title: Revenue chart
---
{% include cards/charts/revenue.html %}
{% include_cached cards/charts/revenue.html %}
......@@ -3,4 +3,4 @@ title: Sales widget
columns: 1
---
{% include cards/charts/sales.html %}
{% include_cached cards/charts/sales.html %}
......@@ -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
......
......@@ -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 %}
\ No newline at end of file
{% endexample %}
......@@ -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 %}
......@@ -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 %}
......@@ -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 %}
......@@ -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>
......
<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>
......@@ -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">
......
......@@ -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>
......
......@@ -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>
......
......@@ -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>
......
......@@ -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>
\ No newline at end of file
</div>
<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>
......
......@@ -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>
......
<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">
......
......@@ -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" %}
......
......@@ -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">
......
......@@ -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>
......
......@@ -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 %}
......
......@@ -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,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>
......
......@@ -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>
......
......@@ -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>
......
......@@ -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>
......
......@@ -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>
......
<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>
......@@ -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>
......
......@@ -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>
......
......@@ -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>
\ No newline at end of file
</aside>
......@@ -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>
\ No newline at end of file
</div>
{% 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 %}
......
......@@ -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,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,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 %}
......
......@@ -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,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>
......@@ -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,4 +2,4 @@
title: Data Tables
---
{% include cards/invoices.html %}
\ No newline at end of file
{% include_cached cards/invoices.html %}
......@@ -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>
<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 class="mt-4">
<a href="#" class="btn btn-secondary btn-block">Compose new Email</a>
</div>
</div>
<div class="col-md-9">
<div class="card">
<div class="card-header">
<h3 class="card-title">Compose new message</h3>
</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">
<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>
<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 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>
<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 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>
......@@ -3,4 +3,4 @@ title: Forgot password
layout: single
---
{% include cards/forgot.html show-header="1" %}
{% include_cached cards/forgot.html show-header="1" %}
......@@ -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 %}
......
......@@ -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>
......@@ -4,4 +4,4 @@ layout: default
menu: extra.invoice
---
{% include cards/invoice.html %}
{% include_cached cards/invoice.html %}
......@@ -3,4 +3,4 @@ layout: single
title: Login
---
{% include cards/login.html show-header="1" %}
{% include_cached cards/login.html show-header="1" %}
......@@ -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>
---
title: Music components
page-title: Music components
menu: base.music
---
<div class="card">
......
......@@ -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>
---
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>
......@@ -3,4 +3,4 @@ layout: single
title: Register
---
{% include cards/register.html %}
{% include_cached cards/register.html %}
......@@ -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>
......
......@@ -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>
......@@ -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>
......@@ -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>
......@@ -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>
......@@ -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>
......@@ -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>
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册