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

Merge branch 'dev' into dev-daterangepicker

Browse Source
This commit is contained in:
Dawid Harat
2019-12-29 17:29:04 +01:00
committed by GitHub
parent 495567935b f895140273
commit 64a2952ee7
422 changed files with 585 additions and 1664 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
dist/css/tabler.css.map vendored
View File

Binary file not shown.

2
package.json
View File

@@ -110,7 +110,7 @@
"@fullcalendar/timegrid": "4.3.0",
"apexcharts": "3.11.2",
"autosize": "4.0.2",
"bootstrap": "twbs/bootstrap#c6cfc23",
"bootstrap": "twbs/bootstrap#167a93a",
"daterangepicker": "3.0.5",
"fullcalendar": "3.10.1",
"imask": "5.2.1",

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 %}

11
pages/_data/menu.yml
View File

@@ -52,6 +52,9 @@ base:
cards:
url: cards.html
title: Cards
datatables:
url: datatables.html
title: Data Tables
calendar:
title: Calendar
url: calendar.html
@@ -60,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>

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

@@ -1,53 +1,84 @@
<div class="card">
<div class="card-header">
<h3 class="card-title">Invoices</h3>
</div>
<div class="table-responsive">
<table class="table card-table table-vcenter text-nowrap datatable overflow-hidden">
<thead>
<div class="card-header">
<h3 class="card-title">Invoices</h3>
</div>
<div class="card-body d-flex justify-content-between flex-nowrap table-responsive border-bottom text-nowrap overflow-hidden">
<div class="mb-0">
Show
<div class="mx-2 d-inline-block" style="width: 4rem;">
<input type="text" class="form-control" value="8">
</div>
entries
</div>
<div class="mb-0 ml-4">
Serach:
<div class="ml-2 d-inline-block" style="width: 10rem;">
<input type="text" class="form-control">
</div>
</div>
</div>
<div class="table-responsive">
<table class="table card-table table-vcenter text-nowrap datatable">
<thead>
<tr>
<th class="w-1p"><input class="form-check-input m-0 align-middle" type="checkbox"></th>
<th class="w-1p">No. {% include_cached ui/icon.html icon="chevron-up" class="icon-sm text-dark icon-thick" %}</th>
<th>Invoice Subject {% include_cached ui/icon.html icon="code" class="icon-sm" %}</th>
<th>Client {% include_cached ui/icon.html icon="code" class="icon-sm" %}</th>
<th>VAT No. {% include_cached ui/icon.html icon="code" class="icon-sm" %}</th>
<th>Created {% include_cached ui/icon.html icon="code" class="icon-sm" %}</th>
<th>Status {% include_cached ui/icon.html icon="code" class="icon-sm" %}</th>
<th>Price {% include_cached ui/icon.html icon="code" class="icon-sm" %}</th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
{% for invoice in site.data.invoices limit: 8 %}
<tr>
<th class="w-1p"><input class="form-check-input m-0 align-middle" type="checkbox"></th>
<th class="w-1p">No.</th>
<th>Invoice Subject</th>
<th>Client</th>
<th>VAT No.</th>
<th>Created</th>
<th>Status</th>
<th>Price</th>
<th></th>
<td><input class="form-check-input m-0 align-middle" type="checkbox"></td>
<td><span class="text-muted">00{{ forloop.index | plus: 1400 }}</span></td>
<td><a href="invoice.html" class="text-reset">{{ invoice.name }}</a></td>
<td>
{% include ui/flag.html flag=invoice.country %}
{{ invoice.client }}
</td>
<td>
{{ invoice.vat-no }}
</td>
<td>
{{ invoice.date }}
</td>
<td>
<span class="status-icon bg-{{ invoice.status }}"></span> {{ invoice.status-name }}
</td>
<td>{{ invoice.price }}</td>
<td class="text-right">
<button class="btn btn-secondary btn-sm align-text-top">Manage</button>
<span class="dropdown ml-1">
<button class="btn btn-secondary btn-sm dropdown-toggle align-text-top" data-toggle="dropdown">Actions</button>
{% include ui/dropdown-menu.html %}
</span>
</td>
<td style="padding-right: 1rem;">
{% include_cached ui/icon.html icon="edit" class="icon-sm float-right" %}
</td>
</tr>
</thead>
<tbody>
{% for invoice in site.data.invoices limit: 5 %}
<tr>
<td><input class="form-check-input m-0 align-middle" type="checkbox"></td>
<td><span class="text-muted">00{{ forloop.index | plus: 1400 }}</span></td>
<td><a href="invoice.html" class="text-reset">{{ invoice.name }}</a></td>
<td>
{% include ui/flag.html flag=invoice.country %}
{{ invoice.client }}
</td>
<td>
{{ invoice.vat-no }}
</td>
<td>
{{ invoice.date }}
</td>
<td>
<span class="status-icon bg-{{ invoice.status }}"></span> {{ invoice.status-name }}
</td>
<td>{{ invoice.price }}</td>
<td class="text-right">
<span class="dropdown">
<button class="btn btn-secondary dropdown-toggle" data-toggle="dropdown">Actions</button>
{% include_cached ui/dropdown-menu.html %}
</span>
</td>
</tr>
{% endfor %}
</tbody>
</table>
{% endfor %}
</tbody>
</table>
</div>
<div class="card-body d-flex justify-content-between flex-nowrap table-responsive border-bottom text-nowrap">
<div class="mb-0 d-flex align-items-center">
<p class="mb-0 align-middle">Showing <span>1</span> to <span>8</span> of <span>16</span> entries</p>
</div>
<div class="mb-0 ml-4">
<a href="#" class="btn btn-secondary disabled">Previous</a><a href="#" class="btn btn-primary ml-2">1</a><a href="#" class="btn btn-secondary ml-2">2</a><a href="#" class="btn btn-secondary ml-2 font-weight-bold text-secondary">Next</a>
</div>
</div>
</div>
</div>

19
pages/_includes/cards/music/track-info.html Normal file
View File

@@ -0,0 +1,19 @@
{% assign track-id = include.track-id | default: 5 %}
{% assign track = site.data.tracks[track-id] %}
<div class="card">
<div class="row row-0">
<div class="col-auto">
<img src="{{ site.base }}/img/tracks/{{ track.album.images[1].path }}" class="rounded-left" alt="{{ track.name | escape }}" width="88" height="88">
</div>
<div class="col">
<div class="card-body">
{{ track.name }}
<div class="text-muted">
{% for artist in track.artists %}
{{ artist.name }}{% unless forloop.last %},{% endunless %}
{% endfor %}
</div>
</div>
</div>
</div>
</div>

33
pages/_includes/cards/music/tracks-list.html Normal file
View File

@@ -0,0 +1,33 @@
<div class="card">
<div class="list-group card-list-group">
{% for track in site.data.tracks limit: 12 %}
<div class="list-group-item">
<div class="row row-sm align-items-center">
<div class="col-auto text-h3">
{{ forloop.index }}
</div>
<div class="col-auto">
<img src="{{ site.base }}/img/tracks/{{ track.album.images[1].path }}" class="rounded" alt="{{ track.name | escape }}" width="48" height="48">
</div>
<div class="col">
{{ track.name }}
<div class="text-muted">
{% for artist in track.artists %}
{{ artist.name }}{% unless forloop.last %},{% endunless %}
{% endfor %}
</div>
</div>
<div class="col-auto text-muted">
{{ track.duration_ms | miliseconds_to_minutes }}
</div>
<div class="col-auto">
{% include_cached ui/icon.html icon="heart" %}
</div>
<div class="col-auto">
{% include_cached ui/icon.html icon="more-horizontal" %}
</div>
</div>
</div>
{% endfor %}
</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>

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

@@ -3,20 +3,20 @@
<div class="input-group">
<input type="text" class="form-control" placeholder="Message">
<div class="input-group-append">
<button type="button" class="btn btn-secondary">
<i class="fe fe-camera"></i>
</button>
{% include_cached ui/button.html icon="camera" icon-only=true color="secondary" %}
</div>
</div>
</div>
<ul class="list-group card-list-group">
<li class="list-group-item py-4">
<div class="media">
<div class="media-object avatar avatar-md mr-4" style="background-image: url({{ site.data.people[4].photo }})"></div>
<div class="media-body">
<div class="media-heading">
<div class="d-flex">
<div>
{% include_cached ui/avatar.html person-id=5 class="mr-3" %}
</div>
<div class="flex-fill">
<div>
<small class="float-right text-muted">4 min</small>
<h4 class="font-semibold">{{ site.data.people[4].first_name }} {{ site.data.people[4].last_name }}</h4 class="font-semibold">
<h4>{{ site.data.people[4].first_name }} {{ site.data.people[4].last_name }}</h4>
</div>
<div>
@@ -25,18 +25,22 @@
nascetur ridiculus mus.
</div>
<ul class="media-list">
<li class="media mt-4">
<div class="media-object avatar mr-4" style="background-image: url({{ site.data.people[7].photo }})"></div>
<div class="media-body">
<ul class="list-unstyled">
<li class="d-flex mt-4">
<div>
{% 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>
Donec id elit non mi porta gravida at eget metus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec ullamcorper nulla non metus
auctor fringilla. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Sed posuere consectetur est at lobortis.
</div>
</li>
<li class="media mt-4">
<div class="media-object avatar mr-4" style="background-image: url({{ site.data.people[9].photo }})"></div>
<div class="media-body">
<li class="d-flex mt-4">
<div>
{% 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>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit
amet risus.
@@ -47,12 +51,14 @@
</div>
</li>
<li class="list-group-item py-4">
<div class="media">
<div class="media-object avatar avatar-md mr-4" style="background-image: url({{ site.data.people[4].photo }})"></div>
<div class="media-body">
<div class="media-heading">
<div class="d-flex">
<div>
{% include_cached ui/avatar.html person-id=11 class="mr-3" %}
</div>
<div class="flex-fill">
<div>
<small class="float-right text-muted">12 min</small>
<h4 class="font-semibold">{{ site.data.people[4].first_name }} {{ site.data.people[4].last_name }}</h4 class="font-semibold">
<h4>{{ site.data.people[10].first_name }} {{ site.data.people[10].last_name }}</h4>
</div>
<div>
Donec id elit non mi porta gravida at eget metus. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cum sociis natoque penatibus et magnis dis
@@ -62,12 +68,14 @@
</div>
</li>
<li class="list-group-item py-4">
<div class="media">
<div class="media-object avatar avatar-md mr-4" style="background-image: url({{ site.data.people[4].photo }})"></div>
<div class="media-body">
<div class="media-heading">
<div class="d-flex">
<div>
{% include_cached ui/avatar.html person-id=15 class="mr-3" %}
</div>
<div class="flex-fill">
<div>
<small class="float-right text-muted">34 min</small>
<h4 class="font-semibold">{{ site.data.people[4].first_name }} {{ site.data.people[4].last_name }}</h4 class="font-semibold">
<h4>{{ site.data.people[14].first_name }} {{ site.data.people[14].last_name }}</h4>
</div>
<div>
@@ -75,10 +83,12 @@
venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
</div>
<ul class="media-list">
<li class="media mt-4">
<div class="media-object avatar mr-4" style="background-image: url({{ site.data.people[5].photo }})"></div>
<div class="media-body">
<ul class="list-unstyled">
<li class="d-flex mt-4">
<div>
{% 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>
Donec id elit non mi porta gravida at eget metus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec ullamcorper nulla non metus
auctor fringilla. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Sed posuere consectetur est at lobortis.

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>

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

@@ -1,9 +1,10 @@
{% removeemptylines %}
{% assign spinner-class = false %}
{% assign color = include.color | default: 'secondary' %}
{% assign provider = include.provider | default: 'fe' %}
{% if include.text %}{% assign spinner-class="mr-2" %}{% endif %}
{% assign e = include.element | default: 'a' %}
<{{ e }}{% if e == 'a' %} href="{% if include.href %}{{ site.base }}/{{ include.href }}{% else %}#{% endif %}"{% endif %}{% if include.type %} type="{{ include.type }}"{% endif %} class="btn{% if include.height %} btn-{{ include.height }}{% endif %}{% if include.color %} btn-{% if include.outline %}outline-{% endif %}{{ include.color }}{% endif %}{% if include.disabled %} disabled{% endif %}{% if include.square %} btn-square{% endif %}{% if include.pill %} btn-pill{% endif %}{% if include['size'] %} btn-{{ include['size'] }}{% endif %}{% if include.class %} {{ include.class }}{% endif %}{% if include.block %} btn-block{% endif %}{% if include.link %} btn-link{% endif %}{% if include.icon-only %} btn-icon{% endif %}">
<{{ e }}{% if e == 'a' %} href="{% if include.href %}{{ site.base }}/{{ include.href }}{% else %}#{% endif %}"{% endif %}{% if include.type %} type="{{ include.type }}"{% endif %} class="btn{% if include.height %} btn-{{ include.height }}{% endif %}{% if color %} btn-{% if include.outline %}outline-{% endif %}{{ color }}{% endif %}{% if include.disabled %} disabled{% endif %}{% if include.square %} btn-square{% endif %}{% if include.pill %} btn-pill{% endif %}{% if include['size'] %} btn-{{ include['size'] }}{% endif %}{% if include.class %} {{ include.class }}{% endif %}{% if include.block %} btn-block{% endif %}{% if include.link %} btn-link{% endif %}{% if include.icon-only %} btn-icon{% endif %}">
{% if include.spinner %}
{% include ui/spinner.html color=false size="sm" class=spinner-class element="span" %}{% endif %}
{% if include.icon %}{% include_cached ui/icon.html icon=include.icon use-svg=true %}{% endif %}

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

13
pages/_plugins/jekyll-filters.rb
View File

@@ -96,6 +96,19 @@ module Jekyll
Jekyll.sites.first.data['colors'][color]
end
def seconds_to_minutes(seconds)
p "seconds_to_minutes"
seconds = seconds.to_i.round
minutes = (seconds / 60).round
seconds = seconds - (minutes * 60)
minutes.to_s.rjust(2, '0') + ":" + seconds.to_s.rjust(2, '0')
end
def miliseconds_to_minutes(miliseconds)
seconds_to_minutes(miliseconds.to_i / 1000)
end
end
end

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>

5
pages/datatables.html Normal file
View File

@@ -0,0 +1,5 @@
---
title: Data Tables
---
{% 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>

22
pages/music.html Normal file
View File

@@ -0,0 +1,22 @@
---
title: Music components
page-title: Music components
menu: base.music
---
<div class="row">
<div class="col-lg-8">
{% include_cached cards/music/tracks-list.html %}
</div>
<div class="col-lg-4">
<h3 class="mb-3">Top tracks</h3>
<div class="row">
{% for i in (8..13) %}
<div class="col-md-6 col-lg-12">
{% include cards/music/track-info.html track-id=i %}
</div>
{% endfor %}
</div>
</div>
</div>

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>

39
pages/sitemap.xml Normal file
View File

@@ -0,0 +1,39 @@
---
layout: none
---
<?xml version="1.0" encoding="UTF-8"?>
{% if page.xsl %}
<?xml-stylesheet type="text/xsl" href="{{ "/sitemap.xsl" | absolute_url }}"?>
{% endif %}
<urlset xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd" xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
{% assign collections = site.collections | where_exp:'collection','collection.output != false' %}
{% for collection in collections %}
{% assign docs = collection.docs | where_exp:'doc','doc.sitemap != false' %}
{% for doc in docs %}
<url>
<loc>{{ doc.url | replace:'/index.html','/' | absolute_url | xml_escape }}</loc>
{% if doc.last_modified_at or doc.date %}
<lastmod>{{ doc.last_modified_at | default: doc.date | date_to_xmlschema }}</lastmod>
{% endif %}
</url>
{% endfor %}
{% endfor %}
{% assign pages = site.html_pages | where_exp:'doc','doc.sitemap != false' | where_exp:'doc','doc.url != "/404.html"' %}
{% for page in pages %}
<url>
<loc>{{ page.url | replace:'/index.html','/' | absolute_url | xml_escape }}</loc>
{% if page.last_modified_at %}
<lastmod>{{ page.last_modified_at | date_to_xmlschema }}</lastmod>
{% endif %}
</url>
{% endfor %}
{% assign static_files = page.static_files | where_exp:'page','page.sitemap != false' | where_exp:'page','page.name != "404.html"' %}
{% for file in static_files %}
<url>
<loc>{{ file.path | replace:'/index.html','/' | absolute_url | xml_escape }}</loc>
<lastmod>{{ file.modified_time | date_to_xmlschema }}</lastmod>
</url>
{% endfor %}
</urlset>

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>
<div class="row">

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>

2
scss/layout/_layout.scss
View File

@@ -1,5 +1,5 @@
//sidenav
$sidenav-width: 16.25rem;
$sidenav-width: 16rem;
$sidenav-width-folded: 4rem;
$sidenav-bg: $white;
$sidenav-border-color: $border-color-alpha;

5
scss/ui/_cards.scss
View File

@@ -185,6 +185,10 @@
> :last-child {
margin-bottom: 0;
}
& + & {
border-top: 1px solid $border-color;
}
}
.card-body-scrollable {
@@ -340,7 +344,6 @@ Card list group
.list-group-item {
padding-right: $card-spacer-x;
padding-left: $card-spacer-x;
border-right: 0;
border-left: 0;

3
svg/brand/android.svg
View File

@@ -1,3 +0,0 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M22.146 9.227a1.478 1.478 0 1 0-2.956.002v6.19c0 .81.663 1.48 1.483 1.48.814 0 1.476-.67 1.476-1.48v-6.2h-.01zM5.393 8.032l.004 9.6c0 .885.704 1.59 1.573 1.59h1.063v3.28c0 .82.66 1.482 1.47 1.482s1.467-.66 1.48-1.468v-3.28h1.993v3.28a1.475 1.475 0 1 0 2.952-.007v-3.28h1.078c.87 0 1.573-.71 1.573-1.578v-9.63L5.35 8.03l.04.002zm9.648-2.93a.56.56 0 1 1-.002-1.118.56.56 0 0 1 .002 1.118m-6.06 0a.56.56 0 1 1 .56-.548.565.565 0 0 1-.57.567m6.29-2.9L16.29.33c.06-.105.014-.226-.076-.285a.219.219 0 0 0-.284.09l-1.05 1.9c-.868-.405-1.856-.63-2.89-.63s-2.018.215-2.892.603L8.064.105a.205.205 0 0 0-.278-.08c-.1.045-.136.18-.08.27l1.03 1.875c-2.03 1.047-3.4 3.04-3.4 5.33h13.328c0-2.29-1.368-4.283-3.396-5.33M3.33 7.742c-.817 0-1.48.665-1.48 1.483v6.192a1.48 1.48 0 0 0 2.961 0v-6.19c0-.815-.66-1.478-1.47-1.478"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 890 B

3
svg/brand/apple.svg
View File

@@ -1,3 +0,0 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M7.078 23.55a5.378 5.378 0 0 1-1.244-1.15c-.383-.463-.738-.95-1.064-1.454a14.065 14.065 0 0 1-1.78-3.636c-.5-1.502-.743-2.94-.743-4.347 0-1.57.34-2.94 1.002-4.09a5.78 5.78 0 0 1 2.1-2.182 5.6 5.6 0 0 1 2.84-.84c.35 0 .73.05 1.13.15.29.08.64.21 1.07.37.55.21.85.34.95.37.32.12.59.17.8.17.16 0 .39-.05.645-.13.145-.05.42-.14.81-.31.386-.14.692-.26.935-.35.37-.11.728-.21 1.05-.26.39-.06.777-.08 1.148-.05.71.05 1.36.2 1.94.42 1.02.41 1.843 1.05 2.457 1.96-.26.16-.5.346-.725.55-.487.43-.9.94-1.23 1.505a5.1 5.1 0 0 0-.644 2.52c.015 1.083.29 2.035.84 2.86a5.33 5.33 0 0 0 1.534 1.536c.31.21.582.355.84.45-.12.375-.252.74-.405 1.1-.347.807-.76 1.58-1.25 2.31-.432.63-.772 1.1-1.03 1.41-.402.48-.79.84-1.18 1.097-.43.285-.935.436-1.452.436-.35.015-.7-.03-1.034-.127-.29-.095-.576-.202-.856-.323a6.94 6.94 0 0 0-.905-.34 4.52 4.52 0 0 0-1.164-.147c-.4 0-.79.05-1.16.145-.31.088-.61.196-.907.325-.42.175-.695.29-.855.34a4.47 4.47 0 0 1-.99.175c-.52 0-1.004-.15-1.486-.45zm6.854-18.46c-.68.34-1.326.484-1.973.436-.1-.646 0-1.31.27-2.037.24-.62.56-1.18 1-1.68.46-.52 1.01-.95 1.63-1.26.66-.34 1.29-.52 1.89-.55.08.68 0 1.35-.25 2.07a5.938 5.938 0 0 1-1 1.76c-.435.52-.975.95-1.586 1.26z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.2 KiB

3
svg/brand/asana.svg
View File

@@ -1,3 +0,0 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M18.78 12.653a5.22 5.22 0 1 0 0 10.44 5.22 5.22 0 0 0 0-10.44zm-13.56 0a5.22 5.22 0 1 0 .001 10.439 5.22 5.22 0 0 0-.001-10.439zm12-6.525a5.22 5.22 0 1 1-10.44 0 5.22 5.22 0 0 1 10.44 0z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 271 B

3
svg/brand/atlassian.svg
View File

@@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M19.31 23.957h-3.6a1.26 1.26 0 0 1-1.312-.792c-1.332-2.665-2.78-5.288-3.987-8.046a15.25 15.25 0 0 1 .885-14.47c.166-.281.52-.625.791-.625s.593.375.74.666q5.444 10.89 10.898 21.788c.542 1.041.292 1.468-.905 1.479zm-14.573 0H1.04c-1.041 0-1.27-.417-.812-1.333q2.8-5.538 5.549-11.055c.5-1.041.895-1.041 1.592-.177a12.221 12.221 0 0 1 2.51 11.17c-.344 1.322-.532 1.405-1.864 1.405z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 462 B

3
svg/brand/basecamp.svg
View File

@@ -1,3 +0,0 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2C5.54 2 .48 10.22 0 17.16 2.028 20.68 6.915 22 12 22s9.975-1.32 12-4.84C23.52 10.218 18.46 2 12 2zm.15 18.4c-9.54 0-10.456-4.034-10.456-4.034l.18-.976S4.5 9.72 6.15 9.72s2.34 2.34 3.69 2.34 4.274-5.19 5.324-5.19c1.047 0 2.82 1.95 4.27 3.75 1.45 1.802 2.878 4.887 2.878 4.887l-.008.034.15.886S21.688 20.4 12.148 20.4z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 406 B

3
svg/brand/behance.svg
View File

@@ -1,3 +0,0 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M6.938 4.503c.702 0 1.34.06 1.92.188.577.13 1.07.33 1.485.61.41.28.733.65.96 1.12.225.47.34 1.05.34 1.73 0 .74-.17 1.36-.507 1.86-.338.5-.837.9-1.502 1.22.906.26 1.576.72 2.022 1.37.448.66.665 1.45.665 2.36 0 .75-.13 1.39-.41 1.93-.28.55-.67 1-1.16 1.35-.48.348-1.05.6-1.67.767a7.316 7.316 0 0 1-1.91.254H0V4.51h6.938v-.007zM16.94 16.665c.44.428 1.073.643 1.894.643.59 0 1.1-.148 1.53-.447.424-.29.68-.61.78-.94h2.588c-.403 1.28-1.048 2.2-1.9 2.75-.85.56-1.884.83-3.08.83-.837 0-1.584-.13-2.272-.4a4.948 4.948 0 0 1-1.72-1.14 5.1 5.1 0 0 1-1.077-1.77c-.253-.69-.373-1.45-.373-2.27 0-.803.135-1.54.403-2.23.27-.7.644-1.28 1.12-1.79.495-.51 1.063-.895 1.736-1.194s1.4-.433 2.22-.433c.91 0 1.69.164 2.38.523a4.8 4.8 0 0 1 1.66 1.4c.44.586.75 1.26.94 2.02.19.75.25 1.54.21 2.38h-7.69c0 .84.28 1.632.71 2.065l-.08.03zm-10.24.05c.317 0 .62-.03.906-.093.29-.06.548-.165.763-.3.21-.135.39-.328.52-.583.13-.24.19-.57.19-.96 0-.75-.22-1.29-.64-1.62-.43-.32-.99-.48-1.69-.48H3.24v4.05H6.7v-.03zm13.607-5.65c-.352-.385-.94-.592-1.657-.592-.468 0-.855.074-1.166.238-.302.15-.55.35-.74.59-.19.24-.317.48-.392.75-.075.26-.12.5-.135.71h4.762c-.07-.75-.33-1.3-.68-1.69v.01zM6.52 10.45c.574 0 1.05-.134 1.425-.412.374-.27.554-.72.554-1.338 0-.344-.07-.625-.18-.846-.13-.22-.3-.39-.5-.512-.21-.124-.45-.21-.72-.257a4.426 4.426 0 0 0-.84-.074H3.23v3.44h3.29zm9.098-4.958h5.968v1.454h-5.968V5.48v.01z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.4 KiB

3
svg/brand/bing.svg
View File

@@ -1,3 +0,0 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M3.605 0L8.4 1.686V18.56l6.753-3.895-3.31-1.555-2.09-5.2 10.64 3.738v5.435L8.403 24l-4.797-2.67V0z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 183 B

3
svg/brand/bitbucket.svg
View File

@@ -1,3 +0,0 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M.778 1.211a.768.768 0 0 0-.768.892l3.263 19.811c.084.499.515.867 1.022.872H19.95a.772.772 0 0 0 .77-.646l3.27-20.03a.768.768 0 0 0-.768-.891L.778 1.211zM14.52 15.528H9.522L8.17 8.464h7.561l-1.211 7.064z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 288 B

3
svg/brand/bitcoin.svg
View File

@@ -1,3 +0,0 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M23.638 14.904c-1.602 6.43-8.113 10.34-14.542 8.736C2.67 22.05-1.244 15.525.362 9.105 1.962 2.67 8.475-1.243 14.9.358c6.43 1.605 10.342 8.115 8.738 14.548v-.002zm-6.35-4.613c.24-1.59-.974-2.45-2.64-3.03l.54-2.153-1.315-.33-.525 2.107c-.345-.087-.705-.167-1.064-.25l.526-2.127-1.32-.33-.54 2.165c-.285-.067-.565-.132-.84-.2l-1.815-.45-.35 1.407s.975.225.955.236c.535.136.63.486.615.766l-1.477 5.92c-.075.166-.24.406-.614.314.015.02-.96-.24-.96-.24l-.66 1.51 1.71.426.93.242-.54 2.19 1.32.327.54-2.17c.36.1.705.19 1.05.273l-.51 2.154 1.32.33.545-2.19c2.24.427 3.93.257 4.64-1.774.57-1.637-.03-2.58-1.217-3.196.854-.193 1.5-.76 1.68-1.93h.01zm-3.01 4.22c-.404 1.64-3.157.75-4.05.53l.72-2.9c.896.23 3.757.67 3.33 2.37zm.41-4.24c-.37 1.49-2.662.735-3.405.55l.654-2.64c.744.18 3.137.524 2.75 2.084v.006z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 882 B

3
svg/brand/blogger.svg
View File

@@ -1,3 +0,0 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M21.976 24H2.026C.9 24 0 23.1 0 21.976V2.026C0 .9.9 0 2.025 0H22.05C23.1 0 24 .9 24 2.025v19.95C24 23.1 23.1 24 21.976 24zM12 3.975H9A5.025 5.025 0 0 0 3.975 9v6A5.025 5.025 0 0 0 9 20.024h6A5.025 5.025 0 0 0 20.024 15v-3.975c0-.6-.45-1.05-1.05-1.05H18a.995.995 0 0 1-.976-.976A5.025 5.025 0 0 0 12 3.973zm3.074 12H9c-.525 0-.975-.45-.975-.975s.45-.976.975-.976h6.074c.526 0 .977.45.977.976s-.45.976-.975.976zm-2.55-7.95c.527 0 .976.45.976.975s-.45.975-.975.975h-3.6c-.525 0-.976-.45-.976-.975s.45-.975.975-.975h3.6z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 601 B

3
svg/brand/bootstrap.svg
View File

@@ -1,3 +0,0 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M20 0H4a4.01 4.01 0 0 0-4 4v16c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V4c0-2.2-1.8-4-4-4zm-2.187 16.855c-.2.482-.517.907-.923 1.234-.42.34-.952.62-1.607.82-.654.203-1.432.305-2.333.305H6.518v-14h6.802c1.258 0 2.266.283 3.02.86.76.58 1.138 1.444 1.138 2.61 0 .705-.172 1.31-.518 1.81-.344.497-.84.886-1.48 1.156v.046c.854.18 1.515.585 1.95 1.215s.658 1.426.658 2.387c0 .538-.104 1.05-.3 1.528l.025.027zm-2.776-3.45c-.41-.375-.986-.558-1.73-.558H8.985v4.368h4.334c.74 0 1.32-.192 1.73-.58.41-.385.62-.934.62-1.64-.007-.69-.21-1.224-.62-1.59h-.017zm-.6-2.823c.396-.336.59-.817.59-1.444 0-.704-.175-1.204-.53-1.49-.352-.285-.86-.433-1.528-.433h-4v3.863h4c.583 0 1.08-.17 1.464-.496z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 758 B

3
svg/brand/buddy.svg
View File

@@ -1,3 +0,0 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M21.7 5.307L12.947.253a1.892 1.892 0 0 0-1.891 0L2.3 5.306a1.892 1.892 0 0 0-.945 1.638v10.109c0 .675.36 1.3.945 1.637l8.756 5.056a1.892 1.892 0 0 0 1.89 0l8.756-5.055c.585-.338.945-.962.945-1.638V6.945c0-.675-.36-1.3-.945-1.638zm-7.45 7.752l-3.804 3.804-1.351-1.351 3.804-3.805-3.804-3.805 1.351-1.35 3.804 3.804 1.351 1.351-1.35 1.352z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 422 B

3
svg/brand/circleci.svg
View File

@@ -1,3 +0,0 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M8.963 12a2.854 2.854 0 0 1 2.855-2.855A2.863 2.863 0 0 1 14.674 12a2.863 2.863 0 0 1-2.856 2.856A2.863 2.863 0 0 1 8.963 12zm2.855-12C6.215 0 1.522 3.84.19 9.025c-.01.036-.01.07-.01.12 0 .313.252.576.575.576H5.59c.23 0 .433-.13.517-.333.997-2.16 3.18-3.672 5.712-3.672a6.293 6.293 0 0 1 6.286 6.287c0 3.47-2.82 6.29-6.29 6.29a6.28 6.28 0 0 1-5.71-3.673.594.594 0 0 0-.517-.336H.755a.576.576 0 0 0-.575.576c0 .037.014.072.014.12C1.514 20.16 6.214 24 11.818 24c6.624 0 12-5.375 12-12 0-6.623-5.376-12-12-12z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 591 B

3
svg/brand/codepen.svg
View File

@@ -1,3 +0,0 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M24 8.182l-.018-.087-.017-.05c-.01-.024-.018-.05-.03-.075-.003-.018-.015-.034-.02-.05l-.035-.067-.03-.05-.044-.06-.046-.045-.06-.045-.046-.03-.06-.044-.044-.04-.015-.02L12.58.19a1.024 1.024 0 0 0-1.142 0L.453 7.502l-.015.015-.044.035-.06.05-.038.04-.05.056-.037.045-.05.06c-.02.017-.03.03-.03.046l-.05.06-.02.06c-.02.01-.02.04-.03.07l-.01.05C0 8.12 0 8.15 0 8.18v7.497c0 .044.003.09.01.135l.01.046c.005.03.01.06.02.086l.015.05c.01.027.016.053.027.075l.022.05c0 .01.015.04.03.06l.03.04c.015.01.03.04.045.06l.03.04.04.04c.01.013.01.03.03.03l.06.042.04.03.01.014 10.97 7.33c.164.12.375.163.57.163s.39-.06.57-.18l10.99-7.28.014-.01.046-.037.06-.043.048-.036.052-.058.033-.045.04-.06.03-.05.03-.07.016-.052.03-.077.015-.045.03-.08v-7.5c0-.05 0-.095-.016-.14l-.014-.045.044.003zm-11.99 6.28l-3.65-2.44 3.65-2.442 3.65 2.44-3.65 2.44zm-1.034-6.674l-4.473 2.99L2.89 8.362l8.086-5.39V7.79zm-6.33 4.233l-2.582 1.73V10.3l2.582 1.726zm1.857 1.25l4.473 2.99v4.82L2.89 15.69l3.618-2.417v-.004zm6.537 2.99l4.474-2.98 3.613 2.42-8.087 5.39v-4.82zm6.33-4.23l2.583-1.72v3.456l-2.583-1.73zm-1.855-1.24L13.042 7.8V2.97l8.085 5.39-3.612 2.415v.003z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.2 KiB

3
svg/brand/codeship.svg
View File

@@ -1,3 +0,0 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M12.053 0c-.972 0-2.398.405-2.398.762v2.117a13.032 13.032 0 0 1 2.42-.272 14.387 14.387 0 0 1 2.423.26V.773c0-.367-1.475-.774-2.445-.774zm.022 3.787c-2.042 0-5.068.837-5.068 1.193v2.595a18.793 18.793 0 0 1 5.02-2.473c.012-.013 2.803.749 5.212 2.495l.003.003V4.98c0-.37-3.126-1.193-5.167-1.193zM12.1 6.37c-.763.197-1.514.555-2.214.887a17.585 17.585 0 0 0-4.19 2.767c1.352 1.378 2.161 3.11 2.654 4.72l.037.113.04.037-.052-.037c-.013-.013-1.623-1.661-3.972-1.661-1.242 0-2.68.456-4.193 1.833.147.516.32 1.006.528 1.498v.016l.025.047c2.004 4.575 6.7 7.553 11.693 7.406 4.895-.147 9.348-3.311 11.13-7.859.098-.246.184-.506.272-.752-1.686-1.254-4.332-2.814-5.351-2.617v-.003c-.776.149-1.686 1.266-2.854 2.385.468-1.66 1.307-3.515 2.832-5.114a15.58 15.58 0 0 0-1.243-1.021v-.012C15.717 7.87 13.944 6.899 12.1 6.369zm-.01.897l.612 3.05-.147 2.67-.443 3.959v.018l-.05-.006c-.006-.001-.015-.008-.022-.01v-.027l-.493-3.947-.122-2.654zm.9 9.825l.021.004a7.135 7.135 0 0 1-.143.056c.04-.023.08-.036.121-.06z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.1 KiB

3
svg/brand/css3.svg
View File

@@ -1,3 +0,0 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M1.5 0h21l-1.91 21.563L11.977 24l-8.565-2.438L1.5 0zm17.09 4.413L5.41 4.41l.213 2.622 10.125.002-.255 2.716h-6.64l.24 2.573h6.182l-.366 3.523-2.91.804-2.956-.81-.188-2.11h-2.61l.29 3.855L12 19.288l5.373-1.53L18.59 4.414z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 305 B

3
svg/brand/digitalocean.svg
View File

@@ -1,3 +0,0 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M.836 19.365H.832V16.38h2.985v2.985H7.38V14.73h4.635v4.62c4.927-.006 8.73-4.883 6.852-10.066a6.956 6.956 0 0 0-4.15-4.146C9.527 3.255 4.647 7.068 4.647 12H0C0 4.144 7.59-1.976 15.824.595a11.602 11.602 0 0 1 7.58 7.58C25.974 16.41 19.858 24 12 24v-4.635H7.377v3.56h-3.56v-3.56H.833h.002z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 371 B

3
svg/brand/disqus.svg
View File

@@ -1,3 +0,0 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M12.438 23.654c-2.853 0-5.46-1.04-7.476-2.766L0 21.568l1.917-4.733A11.7 11.7 0 0 1 .875 12C.875 5.564 6.05.346 12.44.346 18.82.346 24 5.564 24 12c0 6.438-5.176 11.654-11.562 11.654zm6.315-11.687v-.033c0-3.363-2.373-5.76-6.462-5.76H7.877V17.83h4.35c4.12 0 6.525-2.5 6.525-5.863h.004zm-6.415 2.998h-1.29V9.04h1.29c1.897 0 3.157 1.08 3.157 2.945v.03c0 1.884-1.26 2.95-3.157 2.95z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 461 B

3
svg/brand/docker.svg
View File

@@ -1,3 +0,0 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M4.82 17.275c-.684 0-1.304-.56-1.304-1.24s.56-1.243 1.305-1.243c.748 0 1.31.56 1.31 1.242s-.622 1.24-1.305 1.24zm16.012-6.763c-.135-.992-.75-1.8-1.56-2.42l-.315-.25-.254.31c-.494.56-.69 1.553-.63 2.295.06.562.24 1.12.554 1.554-.254.13-.568.25-.81.377a5.29 5.29 0 0 1-1.68.25H.097l-.06.37a6.98 6.98 0 0 0 .562 3.54l.244.435v.06c1.5 2.483 4.17 3.6 7.078 3.6 5.594 0 10.182-2.42 12.357-7.633 1.425.062 2.864-.31 3.54-1.676l.18-.31-.3-.187c-.81-.494-1.92-.56-2.85-.31l-.018.002zm-8.008-.992h-2.428v2.42h2.43V9.518l-.002.003zm0-3.043h-2.428v2.42h2.43V6.48l-.002-.003zm0-3.104h-2.428v2.42h2.43v-2.42h-.002zm2.97 6.147H13.38v2.42h2.42V9.518l-.007.003zm-8.998 0H4.383v2.42h2.422V9.518l-.01.003zm3.03 0h-2.4v2.42H9.84V9.518l-.015.003zm-6.03 0H1.4v2.42h2.428V9.518l-.03.003zm6.03-3.043h-2.4v2.42H9.84V6.48l-.015-.003zm-3.045 0H4.387v2.42H6.8V6.48l-.016-.003z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 933 B

3
svg/brand/dribbble.svg
View File

@@ -1,3 +0,0 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M12 24C5.385 24 0 18.615 0 12S5.385 0 12 0s12 5.385 12 12-5.385 12-12 12zm10.12-10.358c-.35-.11-3.17-.953-6.384-.438 1.34 3.684 1.887 6.684 1.992 7.308a10.28 10.28 0 0 0 4.395-6.87zm-6.115 7.808c-.153-.9-.75-4.032-2.19-7.77l-.066.02c-5.79 2.015-7.86 6.025-8.04 6.4a10.161 10.161 0 0 0 6.29 2.166c1.42 0 2.77-.29 4-.814zm-11.62-2.58c.232-.4 3.045-5.055 8.332-6.765.135-.045.27-.084.405-.12-.26-.585-.54-1.167-.832-1.74C7.17 11.775 2.206 11.71 1.756 11.7l-.004.312c0 2.633.998 5.037 2.634 6.855zm-2.42-8.955c.46.008 4.683.026 9.477-1.248a65.473 65.473 0 0 0-3.8-5.928 10.275 10.275 0 0 0-5.676 7.17zM9.6 2.052c.282.38 2.145 2.914 3.822 6 3.645-1.365 5.19-3.44 5.373-3.702A10.19 10.19 0 0 0 12 1.764c-.825 0-1.63.1-2.4.285zm10.335 3.483c-.218.29-1.935 2.493-5.724 4.04.24.49.47.985.68 1.486.08.18.15.36.22.53 3.41-.43 6.8.26 7.14.33-.02-2.42-.88-4.64-2.31-6.38z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 943 B

3
svg/brand/dropbox.svg
View File

@@ -1,3 +0,0 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M6 1.807L0 5.629l6 3.822 6.001-3.822L6 1.807zm12 0l-6 3.822 6 3.822 6-3.822-6-3.822zM0 13.274l6 3.822 6.001-3.822L6 9.452l-6 3.822zm18-3.822l-6 3.822 6 3.822 6-3.822-6-3.822zM6 18.371l6.001 3.822 6-3.822-6-3.822L6 18.371z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 306 B

3
svg/brand/facebook.svg
View File

@@ -1,3 +0,0 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M22.676 0H1.324C.593 0 0 .593 0 1.324v21.352C0 23.408.593 24 1.324 24h11.494v-9.294H9.689v-3.621h3.129V8.41c0-3.099 1.894-4.785 4.659-4.785 1.325 0 2.464.097 2.796.141v3.24h-1.921c-1.5 0-1.792.721-1.792 1.771v2.311h3.584l-.465 3.63H16.56V24h6.115c.733 0 1.325-.592 1.325-1.324V1.324C24 .593 23.408 0 22.676 0"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 393 B

3
svg/brand/figma.svg
View File

@@ -1,3 +0,0 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M12 12a4 4 0 1 1 8 0 4 4 0 0 1-8 0zm-8 8a4 4 0 0 1 4-4h4v4a4 4 0 1 1-8 0zm8-20v8h4a4 4 0 1 0 0-8h-4zM4 4a4 4 0 0 0 4 4h4V0H8a4 4 0 0 0-4 4zm0 8a4 4 0 0 0 4 4h4V8H8a4 4 0 0 0-4 4z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 263 B

3
svg/brand/flickr.svg
View File

@@ -1,3 +0,0 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M0 12a5.565 5.565 0 0 0 5.565 5.564c3.075 0 5.569-2.49 5.569-5.564S8.641 6.436 5.565 6.436A5.566 5.566 0 0 0 0 12zm12.866 0a5.565 5.565 0 0 0 5.567 5.564C21.496 17.564 24 15.074 24 12s-2.492-5.564-5.564-5.564A5.567 5.567 0 0 0 12.866 12z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 322 B

3
svg/brand/foursquare.svg
View File

@@ -1,3 +0,0 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M17.727 3.465l-.535 2.799c-.064.303-.445.623-.801.623H11.41c-.562 0-.963.391-.963.945v.614c0 .569.405.96.966.96h4.23c.395 0 .785.436.697.855l-.535 2.76c-.051.24-.314.63-.785.63h-3.457c-.63 0-.818.091-1.239.601-.42.524-4.206 5.069-4.206 5.069-.037.045-.074.029-.074-.015V3.42c0-.359.311-.78.776-.78h10.274c.375 0 .73.356.633.821v.004zm.451 10.98c.145-.578 1.746-8.784 2.281-11.385M18.486 0H5.683C3.918 0 3.4 1.328 3.4 2.164v20.34c0 .94.504 1.291.789 1.405.284.117 1.069.214 1.541-.328 0 0 6.044-7.014 6.146-7.117.165-.157.165-.157.315-.157h3.914c1.65 0 1.906-1.17 2.086-1.86.15-.569 1.754-8.774 2.279-11.385C20.875 1.08 20.365 0 18.49 0h-.004z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 727 B

3
svg/brand/git.svg
View File

@@ -1,3 +0,0 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M23.546 10.93L13.067.452a1.55 1.55 0 0 0-2.188 0L8.708 2.627l2.76 2.76a1.838 1.838 0 0 1 2.327 2.341l2.658 2.66a1.838 1.838 0 0 1 1.9 3.039 1.837 1.837 0 0 1-2.6 0 1.846 1.846 0 0 1-.404-1.996L12.86 8.955v6.525c.176.086.342.203.488.348a1.848 1.848 0 0 1 0 2.6 1.844 1.844 0 0 1-2.609 0 1.834 1.834 0 0 1 0-2.598c.182-.18.387-.316.605-.406V8.835a1.834 1.834 0 0 1-.996-2.41L7.636 3.7.45 10.881c-.6.605-.6 1.584 0 2.189l10.48 10.477a1.545 1.545 0 0 0 2.186 0l10.43-10.43a1.544 1.544 0 0 0 0-2.187"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 579 B

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