base tabler

This commit is contained in:
JACS 2026-05-01 12:46:11 -05:00
parent ac2cfa9fe1
commit 0f84beacf1
1432 changed files with 28760 additions and 1 deletions

View file

@ -0,0 +1,29 @@
{% assign person = people[0] %}
<div class="page-header">
<div class="row align-items-center">
<div class="col-auto">
{% include "ui/avatar.html" person=person size="md" %}
</div>
<div class="col">
<h2 class="page-title">{{ person.full_name }}</h2>
<div class="page-subtitle">
<div class="row">
<div class="col-auto">
{% include "ui/icon.html" icon="building-skyscraper" %}
<a href="#" class="text-reset">{{ person.job_title }} at {{ person.company }}</a>
</div>
<div class="col-auto">
{% include "ui/icon.html" icon="users" %}
<a href="#" class="text-reset">194 friends</a>
</div>
<div class="col-auto text-success">
{% include "ui/icon.html" icon="check" color="green" %} Verified
</div>
</div>
</div>
</div>
<div class="col-auto d-none d-md-flex">
{% include "ui/button.html" icon="plus" color="primary" icon="message" text="Send message" %}
</div>
</div>
</div>

View file

@ -0,0 +1,24 @@
<div class="page-header">
<div class="row align-items-center">
<div class="col">
<h2 class="page-title">Gallery</h2>
<div class="text-secondary mt-1">1-12 of 241 photos</div>
</div>
<div class="col-auto ms-auto d-print-none">
<div class="d-flex">
<div class="me-3 d-none d-md-block">
<div class="input-icon">
<input type="text" class="form-control" placeholder="Search…">
<span class="input-icon-addon">
{% include "ui/icon.html" icon="plus" %}
</span>
</div>
</div>
<a href="#" class="btn btn-primary">
{% include "ui/icon.html" icon="plus" %}
Add photo
</a>
</div>
</div>
</div>
</div>

View file

@ -0,0 +1,19 @@
{% assign person = people[1] %}
<div class="page-header page-header-border">
<div class="row align-items-center">
<div class="col">
<h2 class="page-title">Improve cards with no border</h2>
<div class="text-secondary mt-1">
<a href="#" class="text-reset">#693</a>
opened by <a href="#" class="text-body">{{ person.full_name }}</a>
in <a href="#" class="text-body">Calendar Page</a>
</div>
</div>
<div class="col-auto">
<div class="btn-list">
{% include "ui/button.html" icon="plus" icon="edit" text="Edit" %}
{% include "ui/button.html" icon="plus" icon="bell" text="Subscribe" class="d-none d-md-inline-flex" %}
</div>
</div>
</div>
</div>

View file

@ -0,0 +1,18 @@
<div class="page-header">
<div class="row align-items-center mw-100">
<div class="col">
<div class="mb-1">
{% include "ui/breadcrumb.html" pages="Home,Library,Articles" %}
</div>
<h2 class="page-title">
<span class="text-truncate">Knights of Ni, we are but simple travelers who seek the enchanter who lives beyond these woods.</span>
</h2>
</div>
<div class="col-auto">
<div class="btn-list">
{% include "ui/button.html" icon="plus" icon="edit" text="Edit" class="d-none d-md-inline-flex" %}
{% include "ui/button.html" color="primary" text="Publish" %}
</div>
</div>
</div>
</div>

View file

@ -0,0 +1,15 @@
<div class="page-header">
<div class="row align-items-center">
<div class="col">
<div class="page-pretitle">
Overview
</div>
<h2 class="page-title">
Dashboard
</h2>
</div>
<div class="col-auto ms-auto">
{% include "layout/header-actions/buttons.html" %}
</div>
</div>
</div>

View file

@ -0,0 +1,38 @@
{% assign person = people[3] %}
<div class="page-header">
<div class="container">
<div class="row align-items-center">
<div class="col-auto">
{% include "ui/avatar.html" person=person rounded=true size="lg" %}
</div>
<div class="col">
<h1 class="fw-bold m-0">{{ person.full_name }}</h1>
<div class="my-2">Unemployed. Building a $1M solo business while traveling the world. Currently at $400k/yr.
</div>
<div class="list-inline list-inline-dots text-secondary">
<div class="list-inline-item">
{% include "ui/icon.html" icon="map" inline=true %}
{{ person.university }}, {{ person.country }}
</div>
<div class="list-inline-item">
{% include "ui/icon.html" icon="mail" inline=true %}
<a href="#" class="text-reset">{{ person.email }}</a>
</div>
<div class="list-inline-item">
{% include "ui/icon.html" icon="cake" inline=true %}
{{ person.birth_date }}
</div>
</div>
</div>
<div class="col-auto ms-auto">
<div class="btn-list">
{% include "ui/button.html" icon="dots" icon-only=true %}
{% include "ui/button.html" icon="message" icon-only=true %}
{% include "ui/button.html" icon="check" color="primary" text="Following" %}
</div>
</div>
</div>
</div>
</div>

View file

@ -0,0 +1,28 @@
<div class="page-header d-print-none">
<div class="container">
<div class="row g-3 align-items-center">
<div class="col-auto">
{% include "ui/status-indicator.html" animated=true color="green" %}
</div>
<div class="col">
<h2 class="page-title">
tabler.io/icons
</h2>
<div class="text-secondary">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><span class="text-green">Up</span></li>
<li class="list-inline-item">Checked every 3 minutes</li>
</ul>
</div>
</div>
<div class="col-md-auto ms-auto d-print-none">
<div class="btn-list">
{% include "ui/button.html" text="Configure" icon="settings" %}
{% include "ui/button.html" color="primary" text="Pause this monitor" icon="player-pause" %}
</div>
</div>
</div>
</div>
</div>