Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-07-29 14:34:37 +04:00
Code Issues Projects Releases Wiki Activity

unused components, stars, new components, commits list

Browse Source
This commit is contained in:
codecalm
2019-11-28 20:21:14 +01:00
parent 17825ca39e
commit d54053ff0a
57 changed files with 1120 additions and 893 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/_includes/cards/_full-2.html
-93
View File
@@ -1,93 +0,0 @@
<div class="card">
<div class="card-status bg-primary"></div>
<div class="card-header">
<ul class="nav nav-tabs card-header-tabs">
<li class="nav-item">
<a class="nav-link active" href="#">Active</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Disabled</a>
</li>
</ul>
</div>
<div class="card-body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad, beatae, cumque dolor, eveniet in maiores nihil
pariatur placeat quibusdam suscipit ullam ut. Aliquam eum eveniet praesentium quidem quod repellendus sit?
</div>
<div class="card-body d-flex align-items-center border-top">
{% include ui/avatar.html person-id=17 class="mr-3 rounded" %}
<div class="mr-3">
<div>
<strong>1,700</strong>
</div>
<div class="text-muted">Users</div>
</div>
<div class="ml-auto">
<div class="sparkline" data-spark="20,40,30,40,60,80,100" data-spark-type="line" data-spark-color="yellow">
</div>
</div>
</div>
<div class="card-body text-center border-top p-0">
<div class="d-flex">
<div class="flex-fill py-3">
<div>$6,000</div>
<small class="text-muted">Target</small>
</div>
<div class="flex-fill py-3 border-left">
<div>$2,500</div>
<small class="text-muted">Last Month</small>
</div>
<div class="flex-fill py-3 border-left">
<div>5,235</div>
<small class="text-muted">Likes</small>
</div>
</div>
</div>
<table class="table card-table table-vcenter border-top">
<tbody>
<tr>
<th>Network</th>
<th colspan="2">Visitors</th>
</tr>
<tr>
<td>Instagram</td>
<td>3,550</td>
<td class="w-50">
<div class="progress progress-xs">
<div class="progress-bar bg-primary" style="width: 76%"></div>
</div>
</td>
</tr>
<tr>
<td>Twitter</td>
<td>1,789</td>
<td class="w-50">
<div class="progress progress-xs">
<div class="progress-bar bg-primary" style="width: 62%"></div>
</div>
</td>
</tr>
<tr>
<td>Facebook</td>
<td>1,245</td>
<td class="w-50">
<div class="progress progress-xs">
<div class="progress-bar bg-primary" style="width: 46%"></div>
</div>
</td>
</tr>
<tr>
<td>Pinterest</td>
<td>95</td>
<td class="w-50">
<div class="progress progress-xs">
<div class="progress-bar bg-primary" style="width: 6%"></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
pages/_includes/cards/_full.html
-30
View File
@@ -1,30 +0,0 @@
<div class="card">
<img class="card-img-top" src="{{ site.base }}/img/photos/{{ site.data.photos[14].file }}" alt="">
<div class="card-header">
<h5 class="card-title">Card title</h5>
<div class="card-options">
<a href="#" class="btn btn-secondary btn-sm">Button</a>
<a href="#" class="btn btn-primary btn-sm">Button</a>
</div>
</div>
<div class="card-body">
<p>Aliquam autem, culpa dolore doloremque eius error fugiat hic id illum nemo porro quia quos reiciendis, reprehenderit saepe sed, sequi similique vero.</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Cras justo odio</li>
<li class="list-group-item">Dapibus ac facilisis in</li>
<li class="list-group-item">Vestibulum at eros</li>
</ul>
<div class="card-body">
<a href="#" class="card-link">Card link</a>
<a href="#" class="card-link">Another link</a>
</div>
<div class="progress card-progress">
<div class="progress-bar bg-green" style="width: 20%"></div>
</div>
</div>
pages/_includes/cards/activity.html
-35
View File
@@ -1,35 +0,0 @@
<div class="card">
<div class="card-body d-flex flex-column">
<div class="d-flex align-items-center border-bottom pb-3 mb-3">
<div>
{% include ui/avatar.html person-id="3" class="mr-3"%}
</div>
<div class="text-muted">
<strong class="text-body">Martin</strong> completed the task <a href="#">Set up client chat channel</a>
<div class="font-weight-light">Just now</div>
</div>
</div>
<div class="d-flex align-items-center border-bottom pb-3 mb-3">
<div>
{% include ui/avatar.html person-id="31" class="mr-3"%}
</div>
<div class="text-muted">
<strong class="text-body">Pablo</strong> left the project
<div class="font-weight-light">Just now</div>
</div>
</div>
<div class="d-flex align-items-center">
<div>
{% include ui/avatar.html person-id="10" class="mr-3"%}
</div>
<div class="text-muted">
<strong class="text-body">Kate</strong> added the task <a href="#">Let's make Tabler awesome!</a>
<div class="font-weight-light">Just now</div>
</div>
</div>
</div>
</div>
pages/_includes/cards/blog-single.html
+39 -24
View File
@@ -5,33 +5,48 @@
{% assign truncate = include.truncate | default: 100 %}
{% assign avatar = article.author %}
<div class="card{% if type == 'aside' %} card-aside{% endif %}">
{% if type == 'image' %}
<a href="#"><img class="card-img-top" src="{{ site.base }}/img/photos//{{ site.data.photos[article.image].file }}" alt="{{ article.title | escape}}"></a>
{% endif %}
{% capture card-content %}
<h3><a href="#">{{ article.title }}</a></h3>
<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" %}
<div class="ml-3">
<a href="{{ site.base }}/profile.html" class="text-body">{{ author.first_name }} {{ author.last_name }}</a>
<small class="d-block text-muted">3 days ago</small>
</div>
<div class="ml-auto">
<a href="#" class="icon d-none d-md-inline-block ml-3 {% if liked %}text-red{% else %}text-muted{% endif %}">
{% include ui/icon.html icon="heart" use-svg=true %}
</a>
</div>
</div>
{% endcapture %}
<div class="card d-flex flex-column">
{% if type == 'aside' %}
<a href="#" class="card-aside-column{% if include.aside-class %} {{ include.aside-class }}{% endif %}" style="background-image: url({{ site.base }}/img/photos//{{ site.data.photos[article.image].file }})"></a>
{% endif %}
<div class="card-body d-flex flex-column">
<h4><a href="#">{{ article.title }}</a></h4>
<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" %}
<div class="ml-3">
<a href="{{ site.base }}/profile.html" class="text-body">{{ author.first_name }} {{ author.last_name }}</a>
<small class="d-block text-muted">3 days ago</small>
</div>
<div class="ml-auto">
<a href="#" class="icon d-none d-md-inline-block ml-3 {% if liked %}text-red{% else %}text-muted{% endif %}">
{% include ui/icon.html icon="heart" use-svg=true %}
</a>
<div class="row row-0 flex-fill">
<div class="col-md-3">
<a href="#">
<img src="{{ site.base }}/img/photos//{{ site.data.photos[article.image].file }}" class="w-100 h-100 object-cover" alt="Card side image">
</a>
</div>
<div class="col">
<div class="card-body">
{{ card-content }}
</div>
</div>
</div>
{% else %}
{% if type == 'image' %}
<a href="#">
<img class="card-img-top" src="{{ site.base }}/img/photos//{{ site.data.photos[article.image].file }}" alt="{{ article.title | escape}}">
</a>
{% endif %}
<div class="card-body d-flex flex-column">
{{ card-content }}
</div>
{% endif %}
</div>
pages/_includes/cards/book-hotel.html
-70
View File
@@ -1,70 +0,0 @@
<div class="card">
<div class="card-header">
<h4>Book Hotel</h4>
</div>
<div class="card-body">
<form>
<div class="mb-2">
<label class="form-label">Check-in</label>
<div class="input-group">
<input type="text" class="form-control" placeholder="Pick a date">
<div class="input-group-append">
<span class="input-group-text">
{% include ui/icon.html icon='calendar' %}
</span>
</div>
</div>
</div>
<div class="mb-2">
<label class="form-label">Check-out</label>
<div class="input-group">
<input type="text" class="form-control" placeholder="Pick a date">
<div class="input-group-append">
<span class="input-group-text">
{% include ui/icon.html icon='calendar' %}
</span>
</div>
</div>
</div>
<div class="row">
<div class="col-6">
<div class="mb-2">
<label class="form-label">Adults</label>
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text">
{% include ui/icon.html icon='user' %}
</span>
</div>
<input type="text" class="form-control" placeholder="1">
</div>
</div>
</div>
<div class="col-6">
<div class="mb-2">
<label class="form-label">Children</label>
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text">
{% include ui/icon.html icon='user' %}
</span>
</div>
<input type="text" class="form-control" placeholder="2">
</div>
</div>
</div>
</div>
<label class="custom-control custom-checkbox mb-3">
<input type="checkbox" class="custom-control-input"/>
<span class="custom-control-label">
I need to rent a car as well
</span>
</label>
<button type="submit" class="btn btn-primary btn-block">Book Hotel now</button>
</form>
</div>
</div>
pages/_includes/cards/code.html
+2 -5
View File
@@ -2,10 +2,7 @@
<div class="card-header">
<h3 class="card-title">Code block</h3>
</div>
<div class="card-body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis tempora architecto, sit a repellat dignissimos consequatur mollitia qui consequuntur recusandae numquam voluptate maiores, non cumque illo laboriosam sint dolores. Nostrum.
</div>
<div class="card-footer card-code">
<div class="card-code">
{% highlight scss %}
.card-footer {
background: transparent;
@@ -16,4 +13,4 @@
}
{% endhighlight %}
</div>
</div>
</div>
pages/_includes/cards/icons-brands.html
-28
View File
@@ -1,28 +0,0 @@
<div class="card">
<div class="card-header">
<div class="card-title">{{ include.title }}</div>
</div>
<div class="card-body">
<div class="row">
<div class="col-3">
<p>{{ include.description }} For more info <a href="{{ include.url }}" target="_blank">click here</a>.</p>
<p><code>&lt;i class="{{ include.icon_class }} {{ include.icon_class }}-ICON_NAME"&gt;&lt;/i&gt;</code></p>
</div>
<div class="col-9">
<div class="icons-list-wrap">
<ul class="icons-list">
{% for icon in include.icons %}
<li class="icons-list-item">
{% include ui/icon-brand.html icon=icon class="icon-md" %}
</li>
{% endfor %}
{% for icon in (0..20) %}
<li></li>
{% endfor %}
</ul>
</div>
</div>
</div>
</div>
</div>
pages/_includes/cards/image-box.html
-21
View File
@@ -1,21 +0,0 @@
<div class="card">
<a href="#">
<img class="card-img-top" src="{{ site.base }}/img/photos/{{ site.data.photos[0].file }}"/>
</a>
<div class="card-body">
<h4>Awesome Breakfast</h4>
<div class="toolbar mb-3">
<a href="#" class="text-muted">
{% include ui/icon.html icon="clock" %}
May 23rd, 2018
</a>
<a href="#feed-form-1" class="text-muted">
{% include ui/icon.html icon="message-square" %}
24
</a>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aspernatur consequatur dolor dolore, earum enim
error, nemo neque nulla quasi rerum, </p>
<a href="#" class="btn btn-primary">See more</a>
</div>
</div>
pages/_includes/cards/invoices.html
+1 -1
View File
@@ -25,7 +25,7 @@
<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 name=invoice.country %}
{% include ui/flag.html flag=invoice.country %}
{{ invoice.client }}
</td>
<td>
pages/_includes/cards/notification-box.html
-10
View File
@@ -1,10 +0,0 @@
{% assign icon = include.icon | default: 'twitter' %}
<div class="card">
<div class="card-body text-center">
<div class="avatar avatar-lg bg-{{ icon }} mt-2 mb-4">
{% include ui/icon-brand.html icon=icon class="avatar-icon" %}
</div>
<h3>3 notifications</h3>
<p class="text-muted">Waiting for you!</p>
</div>
</div>
pages/_includes/cards/place-box.html
-55
View File
@@ -1,55 +0,0 @@
<div class="card">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="{{ site.base }}/img/photos/{{ site.data.photos[22].file }}" alt="First slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="{{ site.base }}/img/photos/{{ site.data.photos[10].file }}" alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="{{ site.base }}/img/photos/{{ site.data.photos[15].file }}" alt="Third slide">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div class="card-body">
<h4>Sunny Place Apartment</h4>
<div class="toolbar mb-5">
<a href="#" class="text-muted">
{% include ui/icon.html icon="map-pin" %}
Veiga, PT
</a>
<a href="#" class="text-muted">
{% include ui/icon.html icon="users" %}
51
</a>
</div>
<div class="d-flex justify-content-between">
<div>
{% include ui/icon.html icon="star" class="icon-filled text-warning" %}
{% include ui/icon.html icon="star" class="icon-filled text-warning" %}
{% include ui/icon.html icon="star" class="icon-filled text-warning" %}
{% include ui/icon.html icon="star" class="icon-filled text-warning" %}
{% include ui/icon.html icon="star" %}
</div>
<span>
<strong>65 </strong>
Reviews</span>
</div>
</div>
</div>
pages/_includes/cards/progress-multi.html
-8
View File
@@ -1,8 +0,0 @@
<div class="card">
<div class="card-body">
{% include ui/progress.html color="yellow" class="mb-2" value=10 %}
{% include ui/progress.html color="red" class="mb-2" value=30 %}
{% include ui/progress.html color="green" class="mb-2" value=80 %}
{% include ui/progress.html size="xs" color="blue" value=70 %}
</div>
</div>
pages/_includes/cards/project-box.html
-18
View File
@@ -1,18 +0,0 @@
<div class="card">
<div class="card-body">
<h4>System redesign</h4>
<div class="toolbar mb-3">
<a href="#" class="text-muted">
{% include ui/icon.html icon="file" %}
24 Files
</a>
<a href="#" class="text-muted">
{% include ui/icon.html icon="bar-chart-2" %}
12 Reports
</a>
</div>
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam corporis dolorem earum et, fugiat illum
incidunt modi ne&hellip; </p>
{% include ui/avatar-list.html text="+5" %}
</div>
</div>
pages/_includes/cards/quote-box.html
-29
View File
@@ -1,29 +0,0 @@
{% assign person-id = include.person-id | default: 43 %}
{% assign person = site.data.people | where: "id", person-id %}
{% assign p = person[0] %}
<div class="card">
<div class="card-body">
<svg class="icon float-left">
<use xlink:href="#svg-map-pin"></use>
</svg>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquid aperiam dolorem explicabo hic,
illo inventore molestiae!</p>
<div class="d-flex align-items-center">
<a href="#">
{% include ui/avatar.html person=p size="lg" %}
</a>
<div class="mx-3">
<h4>{{ p.full_name }}</h4>
<div>
{% include ui/icon.html icon="star" class="icon-filled text-warning" %}
{% include ui/icon.html icon="star" class="icon-filled text-warning" %}
{% include ui/icon.html icon="star" class="icon-filled text-warning" %}
{% include ui/icon.html icon="star" class="icon-filled text-warning" %}
{% include ui/icon.html icon="star" %}
</div>
</div>
</div>
</div>
</div>
pages/_includes/cards/recent-news.html
-15
View File
@@ -1,15 +0,0 @@
<div class="card">
<div class="card-body">
<ul class="list-unstyled mb-0">
{% for person in site.data.people limit: 5 offset: 50 %}
<li class="d-flex align-items-center pb-3 mb-3 border-bottom">
<img src="http://placehold.it/64x64" class="mr-3" alt="">
<div class="media-body">
<h5 class="mb-1">Naglowek lalala</h5>
<span class="text-muted">May 24th, 2018</span>
</div>
</li>
{% endfor %}
</ul>
</div>
</div>
pages/_includes/cards/recommended-users.html
-15
View File
@@ -1,15 +0,0 @@
<div class="card">
<div class="card-header">
<div class="card-title">Recommended Users</div>
</div>
<div class="card-body">
{% for person in site.data.people limit: 5 offset: 50 %}
<div class="mb-3">
<a href="#" class="d-flex align-items-center text-reset">
{% include ui/avatar.html person=person size="sm" class="mr-2"%}
{{ person.full_name }}
</a>
</div>
{% endfor %}
</div>
</div>
pages/_includes/cards/simple.html
-10
View File
@@ -1,10 +0,0 @@
<div class="card">
<div class="card-header">
<h4 class="card-title">Card title</h4>
</div>
<div class="card-body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet aperiam dolorem exercitationem
id illo iste maiores, nihil omnis perferendis possimus quis quos reiciendis tenetur unde vitae voluptas
voluptatum? Officia, quia!
</div>
</div>
pages/_includes/cards/small-stats-2.html
+1 -1
View File
@@ -19,7 +19,7 @@
<div class="text-muted font-weight-normal mt-0">{{ include.title | default: 'Customers' }}</div>
<h3 class="h2 mt-2 mb-3">{{ include.count | default: "1,850" }}</h3>
<p class="mb-0 text-muted">
<span class="text-{{ color }} mr-2">{% include ui/icon.html icon=arrow %} {{ include.growth }}%</span>
{% include ui/trending.html value=include.growth %}
<span class="text-nowrap">{{ include.description | default: 'Since last month' }}</span>
</p>
</div>
pages/_includes/cards/small-stats-3.html
+1 -7
View File
@@ -1,13 +1,7 @@
<div class="card">
<div class="card-body p-2 text-center">
<div class="text-right {% if include.percentage > 0 %}text-green{% elsif include.percentage < 0 %}text-red{% endif %}">
{{ include.percentage }}%
{% if include.percentage > 0 %}
{% include ui/icon.html icon="arrow-up-right" class="icon-thin" %}
{% elsif include.percentage < 0 %}
{% include ui/icon.html icon="arrow-down-right" class="icon-thin" %}
{% endif %}
{% include ui/trending.html value=include.percentage %}
</div>
<div class="h1 m-0">{{ include.number }}</div>
<div class="text-muted mb-4">{{ include.title }}</div>
pages/_includes/cards/text-box.html
-10
View File
@@ -1,10 +0,0 @@
<div class="card">
<div class="card-body">
<h4>Text Widget</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium asperiores aspernatur dolor fugit id,
illo iste molestiae nam nesciunt veniam?
</p>
<a href="#" class="btn btn-primary">Find out more</a>
</div>
</div>
pages/_includes/cards/top-users.html
-24
View File
@@ -1,24 +0,0 @@
<div class="card">
<div class="card-header">
<h4 class="card-title">Top users</h4>
</div>
<div class="card-body">
<div class="row">
{% for person in site.data.people limit: 12 offset: 40 %}
<div class="col-sm-6" data-id="8">
<div class="media">
<a href="#">
{% include ui/avatar.html src=person.photo size="md" %}
</a>
</div>
<div class="d-flex flex-column">
<a href="#" class="text-body">{{ person.full_name }}</a>
<a href="#" class="text-muted leading-none">
{{ person.company }}
</a>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
pages/_includes/cards/typography.html
-27
View File
@@ -1,27 +0,0 @@
<div class="card">
<div class="card-header">
<div class="card-title">Typography</div>
</div>
<div class="card-body">
<div class="markdown">
<h1>Hello World</h1>
<p>Lorem ipsum<sup><a>[1]</a></sup> dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus
ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate
semper dui. Fusce erat odio, sollicitudin vel erat vel, interdum mattis neque. Sub<sub>script</sub>
works as well!</p>
<h2>Second level</h2>
<p>Curabitur accumsan turpis pharetra <strong>augue tincidunt</strong> blandit. Quisque condimentum maximus
mi, sit amet commodo arcu rutrum id. Proin pretium urna vel cursus venenatis. Suspendisse potenti. Etiam
mattis sem rhoncus lacus dapibus facilisis. Donec at dignissim dui. Ut et neque nisl.</p>
<ul>
<li>In fermentum leo eu lectus mollis, quis dictum mi aliquet.</li>
<li>Morbi eu nulla lobortis, lobortis est in, fringilla felis.</li>
<li>Aliquam nec felis in sapien venenatis viverra fermentum nec lectus.</li>
<li>Ut non enim metus.</li>
</ul>
</div>
</div>
</div>
pages/_includes/cards/user-follow.html
-32
View File
@@ -1,32 +0,0 @@
{% assign photos = site.data.photos | where: "horizontal", true %}
{% assign person-id = include.person-id | default: 9 %}
{% assign person = site.data.people | where: "id", person-id %}
{% assign p = person[0] %}
<div class="card">
<div class="card-body d-flex align-items-center justify-content-between">
<div class="d-flex align-items-center flex-row pr-1">
<div>
{% include ui/avatar.html person=p size="md" class="mr-3" %}
</div>
<div>
<p class="mb-0">{{ p.full_name }}</p>
<p class="mb-0 text-muted">{{ p.job_title }}</p>
</div>
</div>
{% include ui/button.html text="Follow" pill="true" outline="true" color="primary"%}
</div>
<div class="card-footer">
<div class="row row-xs">
{% for photo in photos limit: 9 %}
<div class="col-4 mb-2">
<div class="media media-1x1 rounded">
<a class="media-content"
style="background-image: url({{ site.base }}/img/photos/{{ photo.file }})"></a>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
pages/_includes/cards/user-info.html
+23 -19
View File
@@ -1,29 +1,33 @@
{% assign person-id = include.person-id | default: 22 %}
{% assign person-id = include.person-id | default: 25 %}
{% assign person = site.data.people | where: "id", person-id %}
{% assign p = person[0] %}
<div class="card">
<div class="card-body">
<div class="card-title font-weight-bold mb-4">Basic info</div>
<div class="mb-3">
{% include ui/icon.html icon="calendar" class="mr-2" %}
<span class="mr-2">Went to:</span>
<strong>{{ p.university }}</strong>
<div class="card-title">{{ include.title | default: 'Basic info' }}</div>
<div class="mb-2">
{% include ui/icon.html icon="book" class="mr-2 text-muted" %}
Went to: <strong>{{ p.university }}</strong>
</div>
<div class="mb-3">
{% include ui/icon.html icon="briefcase" class="mr-2" %}
<span class="mr-2">Worked at:</span>
<strong>{{ p.company }}</strong>
<div class="mb-2">
{% include ui/icon.html icon="briefcase" class="mr-2 text-muted" %}
Worked at: <strong>{{ p.company }}</strong>
</div>
<div class="mb-3">
{% include ui/icon.html icon="home" class="mr-2" %}
<span class="mr-2">Lives in:</span>
<strong>{{ p.city }}, {{ p.country }}</strong>
</div>
<div class="">
{% include ui/icon.html icon="map-pin" class="mr-2" %}
<span class="mr-2">From:</span>
<strong>{{ p.country }}</strong>
<div class="mb-2">
{% include ui/icon.html icon="home" class="mr-2 text-muted" %}
Lives in: <strong>{{ p.city }}, {{ p.country }}</strong>
</div>
<div class="mb-2">
{% include ui/icon.html icon="map-pin" class="mr-2 text-muted" %}
From: <strong>{% include ui/flag.html flag=p.country_code %} {{ p.country }}</strong>
</div>
<div class="mb-2">
{% include ui/icon.html icon="calendar" class="mr-2 text-muted" %}
Birth date: <strong>{{ p.birth_date }}</strong>
</div>
<div>
{% include ui/icon.html icon="clock" class="mr-2 text-muted" %}
Time zone: <strong>{{ p.time_zone }}</strong>
</div>
</div>
</div>
pages/_includes/cards/user-portfolio.html
-47
View File
@@ -1,47 +0,0 @@
{% assign person-id = include.person-id | default: 25 %}
{% assign person = site.data.people | where: "id", person-id %}
{% assign p = person[0] %}
<div class="card">
<div class="card-body text-center">
<div class="row row-xs mb-4">
<div class="col-6 d-flex">
<div class="media flex-fill rounded">
<a class="media-content" style="background-image: url({{ site.base }}/img/photos/6d35d9a2bd6c63c2.jpg)"></a>
</div>
</div>
<div class="col-6">
<div class="media media-2x1 mb-2 rounded">
<a class="media-content" style="background-image: url({{ site.base }}/img/phcarouselExampleIndicatorsotos/6f6e2ef709fef97a.jpg)"></a>
</div>
<div class="row row-xs">
<div class="col-6">
<div class="media rounded">
<a class="media-content" style="background-image: url({{ site.base }}/img/photos/6fe407b4b13bbcde.jpg)"></a>
</div>
</div>
<div class="col-6">
<div class="media rounded">
<a class="media-content" style="background-image: url({{ site.base }}/img/photos/7ce612d952e536b2.jpg)"></a>
</div>
</div>
</div>
</div>
</div>
<h4 class="mb-1">Landscape Photos</h4>
<p class="mb-3 text-muted">Photos by {{ p.full_name }}</p>
<div class="d-flex justify-content-around align-items-center">
<div>
{% include ui/icon.html icon="eye" class="mr-2" %}
16K
</div>
{% include ui/avatar.html person=p size="md" %}
<div>
{% include ui/icon.html icon="image" class="mr-2" %}
69
</div>
</div>
</div>
</div>
pages/_includes/cards/user-profile-2.html
-32
View File
@@ -1,32 +0,0 @@
{% assign person-id = include.person-id | default: 10 %}
{% assign person = site.data.people | where: "id", person-id %}
{% assign p = person[0] %}
<div class="card">
<div class="card-body text-center">
<a href="#">
{% include ui/avatar.html person=p size="lg" class="mb-3" %}
</a>
<h4>{{p.full_name}}</h4>
<div class="toolbar justify-content-center">
<a href="#" class="text-muted">
{% include ui/icon.html icon="map-pin" %}
{{ p.city }}, {{ p.country }}
</a>
<a href="#" class="text-muted">
{% include ui/icon.html icon="briefcase" %}
{{ p.job_title }}
</a>
</div>
</div>
<div class="row no-gutters border-top text-center">
<div class="col border-right py-3">
<p class="font-weight-bold mb-0">246</p>
<p class="text-muted mb-0">Followers</p>
</div>
<div class="col py-3">
<p class="font-weight-bold mb-0">1,205</p>
<p class="text-muted mb-0">Posts</p>
</div>
</div>
</div>
pages/_includes/cards/user-profile-3.html
-24
View File
@@ -1,24 +0,0 @@
{% assign person-id = include.person-id | default: 20 %}
{% assign person = site.data.people | where: "id", person-id %}
{% assign p = person[0] %}
<div class="card">
<div class="card-body">
{% include ui/avatar.html person=p size="xl" status="success" class="mb-3"%}
<h4 class="mb-0">{{ p.full_name }}</h4>
<p class="text-muted mb-3">{{ p.job_title }}</p>
<div class="text-muted">
{% include ui/icon.html icon="mail" class="mr-1" %}
<span>{{ p.email }}</span>
</div>
<div class="text-muted mb-4">
{% include ui/icon.html icon="mic" class="mr-1" %}
<span>{{ p.ssn }}</span>
</div>
<div class="d-flex">
{% include ui/icon.html icon="facebook" class="mr-4" %}
{% include ui/icon.html icon="twitter" class="mx-4" %}
{% include ui/icon.html icon="mic" class="mx-4" %}
</div>
</div>
</div>
pages/_includes/cards/user-profile-4.html
-18
View File
@@ -1,18 +0,0 @@
{% assign person-id = include.person-id | default: 19 %}
{% assign person = site.data.people | where: "id", person-id %}
{% assign p = person[0] %}
<div class="card">
<div class="card-body text-center">
{% include ui/avatar.html person=p size="xl" status="success" class="mb-3"%}
<h4 class="mb-0">{{ p.full_name }}</h4>
<p class="text-muted mb-3">{{ p.job_title }}</p>
<div class="text-muted mb-1">{{ p.email }}</div>
<div class="text-muted mb-4">{{ p.ssn }}</div>
<div class="d-flex justify-content-center">
{% include ui/icon.html icon="brand/facebook" class="mr-2 text-facebook" %}
{% include ui/icon.html icon="brand/twitter" class="text-twitter mx-2" %}
{% include ui/icon.html icon="brand/youtube" class="text-youtube mx-2" %}
</div>
</div>
</div>
pages/_includes/cards/user-profile.html
-30
View File
@@ -1,30 +0,0 @@
{% assign person-id = include.person-id | default: 13 %}
{% assign person = site.data.people[person-id] %}
{% assign p = person[0] %}
<div class="card">
<div class="card-body">
<div class="d-flex align-items-center mb-3">
<a href="#">
{% include ui/avatar.html person=p size="lg" %}
</a>
<div class="mx-3">
<h4>{{ p.full_name }}</h4>
<div class="text-muted">
{% include ui/icon.html icon="map-pin" %}
{{ p.city }}, {{ p.country }}
</div>
</div>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis consectetur dolore earum magnam
officiis.</p>
<div class="d-flex">
<a href="#" class="btn btn-block btn-primary">View profile</a>
<a href="#" class="btn btn-secondary btn-icon ml-3">
{% include ui/icon.html icon="user" %}
</a>
</div>
</div>
</div>
pages/_includes/cards/users-list-2.html
+24
View File
@@ -0,0 +1,24 @@
{% assign limit = include.limit | default: 10 %}
{% assign offset = include.offset | default: 0 %}
<div class="card">
<div class="card-header">
<h3 class="card-title">{{ include.title | default: 'Top users' }}</h3>
</div>
<div class="card-body">
<div class="row mb-n3">
{% assign colors = 'green,red,yellow,x,x' | split: ',' %}
{% for person in site.data.people limit: limit offset: offset %}
{% 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 %}
</a>
<div class="col text-truncate">
<a href="#" class="text-body d-block text-truncate">{{ person.full_name }}</a>
<small class="d-block text-muted text-truncate mt-n1">{{ forloop.index | random_date_ago: 6 | timeago }}</small>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
pages/_includes/cards/users-list.html
+38
View File
@@ -0,0 +1,38 @@
{% assign limit = include.limit | default: 8 %}
{% assign offset = include.offset | default: 0 %}
{% assign hoverable = include.hoverable | default: false %}
{% assign checked-ids = include.checked-ids | default: '3,5,6' | extract: ',' %}
<div class="card">
<div class="card-header">
<h3 class="card-title">{{ include.title | default: 'Last commits' }}</h3>
</div>
<div class="list list-row{% if hoverable %} list-hoverable{% endif %}">
{% assign colors = 'green,red,yellow,x,x' | split: ',' %}
{% for person in site.data.people limit: limit offset: offset %}
{% assign color = forloop.index | plus: 5 | random_item: colors %}
<div class="list-item">
{% if include.checkbox %}
<div><input type="checkbox" class="form-check-input"{% if checked-ids contains forloop.index %} checked{% endif %}></div>
{% else %}
<div><span class="badge{% if color != 'x' %} bg-{{ color }}{% endif %}"></span></div>
{% endif %}
<a href="#">
{% include ui/avatar.html person=person %}
</a>
<div class="text-truncate">
<a href="#" class="text-body d-block">{{ person.full_name }}</a>
{% assign i = forloop.index | plus: offset %}
<small class="d-block text-muted text-truncate mt-n1">{{ site.data.commits[i].description }}</small>
</div>
{% if hoverable %}
{% if checked-ids contains forloop.index %}
{% assign star-color = 'text-yellow' %}
{% else %}
{% assign star-color = 'text-muted' %}
{% endif %}
<a href="#" class="list-item-actions{% if checked-ids contains forloop.index %} show{% endif %}">{% include ui/icon.html icon="star" class=star-color %}</a>
{% endif %}
</div>
{% endfor %}
</div>
</div>