base tabler
This commit is contained in:
JACS
parent
ac2cfa9fe1
commit
0f84beacf1
1432 changed files with 28760 additions and 1 deletions
61
liquid/layouts/base.html
Normal file
61
liquid/layouts/base.html
Normal file
|
|
@ -0,0 +1,61 @@
|
|||
{% assign layout-dark = page.layout-dark | default: site.layout-dark -%}
|
||||
<!doctype html>
|
||||
{% include "layout/banner.html" %}
|
||||
{% assign title = title | default: layout.title %}
|
||||
<html lang="en"{% if layout-rtl %} dir="rtl" {% endif %}{% if layout.html-class or page.html-class %} class="{{ page.html-class | default: layout.html-class }}"{% endif %}>
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
|
||||
|
||||
<title>{% if title %}{{ title }} - {% endif %}{% if site.title %}{{ site.title }} - {% endif %}{{ site.descriptionShort }}</title>
|
||||
|
||||
{% if environment == 'preview' %}
|
||||
{% include "layout/analytics.html" %}
|
||||
|
||||
<meta name="msapplication-TileColor" content="{{ site.themeColor }}"/>
|
||||
<meta name="theme-color" content="{{ site.themeColor }}"/>
|
||||
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes"/>
|
||||
<meta name="mobile-web-app-capable" content="yes"/>
|
||||
<meta name="HandheldFriendly" content="True"/>
|
||||
<meta name="MobileOptimized" content="320"/>
|
||||
|
||||
<link rel="icon" href="{{ page | relative }}/favicon.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="{{ page | relative }}/favicon.ico" type="image/x-icon"/>
|
||||
<meta name="description" content="{{ description | default: site.description | escape }}"/>
|
||||
|
||||
{% include "layout/og.html" %}
|
||||
{% elsif environment == 'development' %}
|
||||
<link rel="icon" href="{{ page | relative }}/favicon-dev.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="{{ page | relative }}/favicon-dev.ico" type="image/x-icon" />
|
||||
{% endif %}
|
||||
|
||||
|
||||
{% include "layout/css.html" %}
|
||||
{% include "layout/js-libs.html" head %}
|
||||
|
||||
<!-- BEGIN CUSTOM FONT -->
|
||||
<style>
|
||||
@import url('https://rsms.me/inter/inter.css');
|
||||
</style>
|
||||
<!-- END CUSTOM FONT -->
|
||||
</head>
|
||||
|
||||
{% assign layout-dark = layout-dark | default: site.layoutDark %}
|
||||
<body{% if layout.body-class or body-class %} class="{% if layout.body-class %} {{ layout.body-class }}{% endif %}{% if body-class %} {{ body-class }}{% endif %}"{% endif %}>
|
||||
{% include "layout/skip-link.html" %}
|
||||
<!-- BEGIN GLOBAL THEME SCRIPT -->
|
||||
<script src="{{ page | relative }}/dist/js/tabler-theme{% if environment != 'development' %}.min{% endif %}.js{% if environment != 'development' %}?{{ 'now' | date: '%s' }}{% endif %}"{% if environment == 'preview' %} integrity="{{ sri.js-theme }}"{% endif %}></script>
|
||||
<!-- END GLOBAL THEME SCRIPT -->
|
||||
|
||||
{{ content }}
|
||||
|
||||
{% modals %}
|
||||
|
||||
{% include "settings.html" %}
|
||||
|
||||
{% include "layout/js.html" %}
|
||||
</body>
|
||||
</html>
|
||||
9
liquid/layouts/card.html
Normal file
9
liquid/layouts/card.html
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
---
|
||||
layout: default
|
||||
---
|
||||
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
{{ content }}
|
||||
</div>
|
||||
</div>
|
||||
46
liquid/layouts/default.html
Normal file
46
liquid/layouts/default.html
Normal file
|
|
@ -0,0 +1,46 @@
|
|||
---
|
||||
layout: base
|
||||
---
|
||||
|
||||
{% assign no-container = page.no-container | default: layout.no-container %}
|
||||
|
||||
<div class="page">
|
||||
{% if layout-sidebar %}
|
||||
<!-- BEGIN SIDEBAR -->
|
||||
{% include "layout/sidebar.html" dark=layout-sidebar-dark end=layout-sidebar-end transparent=layout-navbar-transparent breakpoint="lg" %}
|
||||
<!-- END SIDEBAR -->
|
||||
{% endif %}
|
||||
|
||||
{% unless layout-hide-topbar %}
|
||||
<!-- BEGIN NAVBAR -->
|
||||
{% include "layout/navbar.html" condensed=layout-navbar-condensed overlap=layout-navbar-overlap dark=layout-navbar-dark hide-brand=layout-navbar-hide-brand hide-menu=layout-navbar-hide-menu sticky=layout-navbar-sticky transparent=layout-topbar-transparent class=layout-navbar-class hide-search=true %}
|
||||
<!-- END NAVBAR -->
|
||||
{% endunless %}
|
||||
|
||||
<div class="page-wrapper{% if layout-wrapper-full %} page-wrapper-full{% endif %}">
|
||||
<!-- BEGIN PAGE HEADER -->
|
||||
{% include "layout/page-header.html" %}
|
||||
<!-- END PAGE HEADER -->
|
||||
|
||||
<!-- BEGIN PAGE BODY -->
|
||||
<main id="content" class="page-body">
|
||||
{% if layout-wrapper-full %}
|
||||
{{ content }}
|
||||
{% else %}
|
||||
{% unless no-container %}
|
||||
<div class="container-xl{% if page-container-centered %} my-auto{% endif %}{% if page-container-class %} {{ page-container-class }}{% endif %}">
|
||||
{% endunless %}
|
||||
{{ content }}
|
||||
{% unless no-container %}
|
||||
</div>
|
||||
{% endunless %}
|
||||
|
||||
{% endif %}
|
||||
</main>
|
||||
<!-- END PAGE BODY -->
|
||||
|
||||
<!-- BEGIN FOOTER -->
|
||||
{% include "layout/footer.html" %}
|
||||
<!-- END FOOTER -->
|
||||
</div>
|
||||
</div>
|
||||
228
liquid/layouts/docs/default.html
Normal file
228
liquid/layouts/docs/default.html
Normal file
|
|
@ -0,0 +1,228 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
{% if environment == 'production' %}
|
||||
|
||||
{% assign pageSection = "" %}
|
||||
{% if page.url contains "/ui/" %}
|
||||
{% assign pageSection = "UI" %}
|
||||
{% elsif page.url contains "/icons/" %}
|
||||
{% assign pageSection = "Icons" %}
|
||||
{% elsif page.url contains "/illustrations/" %}
|
||||
{% assign pageSection = "Illustrations" %}
|
||||
{% elsif page.url contains "/emails/" %}
|
||||
{% assign pageSection = "Emails" %}
|
||||
{% endif %}
|
||||
|
||||
{% assign metaTitle = title %}
|
||||
{% if seoTitle %}
|
||||
{% assign metaTitle = seoTitle %}
|
||||
{% endif %}
|
||||
|
||||
{% assign metaDescription = description %}
|
||||
{% if seoDescription %}
|
||||
{% assign metaDescription = seoDescription %}
|
||||
{% endif %}
|
||||
|
||||
{% assign siteName = "Tabler Documentation" %}
|
||||
{% if pageSection != "" %}
|
||||
{% assign siteName = "Tabler " | append: pageSection | append: " Documentation" %}
|
||||
{% endif %}
|
||||
|
||||
<title>{{ metaTitle }} | {{ siteName }}</title>
|
||||
{% if metaDescription %}<meta name="description" content="{{ metaDescription }}">{% endif %}
|
||||
<link rel="canonical" href="{{ page.url | absolute_url }}">
|
||||
|
||||
<!-- Open Graph / Social Media Meta Tags -->
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:title" content="{{ metaTitle }}">
|
||||
{% if metaDescription %}<meta property="og:description" content="{{ metaDescription }}">{% endif %}
|
||||
<meta property="og:site_name" content="{{ siteName }}">
|
||||
|
||||
<!-- Twitter Card data -->
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="{{ metaTitle }}">
|
||||
{% if metaDescription %}<meta name="twitter:description" content="{{ metaDescription }}">{% endif %}
|
||||
|
||||
{% elsif environment == 'development' %}
|
||||
<link rel="icon" href="{{ page | relative }}/favicon-dev.ico" type="image/x-icon" />
|
||||
<link rel="shortcut icon" href="{{ page | relative }}/favicon-dev.ico" type="image/x-icon" />
|
||||
{% endif %}
|
||||
|
||||
{% if environment == 'production' %}
|
||||
{% include "layout/analytics.html" %}
|
||||
{% endif %}
|
||||
|
||||
<link rel="stylesheet" href="/dist/css/tabler{% if environment != 'development' %}.min{% endif %}.css{% if environment != 'development' %}?{{ 'now' | date: '%s' }}{% endif %}" />
|
||||
{% for plugin in site.cssPlugins %}
|
||||
<link
|
||||
href="/dist/css/tabler-{{ plugin }}{% if environment != 'development' %}.min{% endif %}.css{% if environment != 'development' %}?{{ 'now' | date: '%s' }}{% endif %}"
|
||||
rel="stylesheet" />
|
||||
{% endfor %}
|
||||
|
||||
{% if docs-libs -%}
|
||||
{% for lib in libs -%}
|
||||
{% if docs-libs contains lib[0] -%}
|
||||
{% for file in lib[1].css -%}
|
||||
<link
|
||||
href="{% if file contains 'http://' or file contains 'https://' %}{{ file }}{% else %}/dist/libs/{{ lib[1].npm }}/{% if environment != 'development' %}{{ file | replace: '@', '' }}{% else %}{{ file }}{% endif %}{% if environment != 'development' %}?{{ 'now' | date: '%s' }}{% endif %}{% endif %}"
|
||||
rel="stylesheet" />
|
||||
{% endfor -%}
|
||||
{% endif -%}
|
||||
{% endfor -%}
|
||||
{% endif %}
|
||||
|
||||
<style>@import url('https://rsms.me/inter/inter.css');</style>
|
||||
<link rel="stylesheet" href="/css/docs{% if environment != 'development' %}.min{% endif %}.css" />
|
||||
</head>
|
||||
|
||||
<body class="d-flex flex-column" style="background: var(--tblr-bg-surface)">
|
||||
<script src="/dist/js/tabler-theme{% if environment != 'development' %}.min{% endif %}.js"></script>
|
||||
<!-- BEGIN NAVBAR -->
|
||||
<header role="banner">
|
||||
{% include "docs/navbar.html" %}
|
||||
</header>
|
||||
<!-- END NAVBAR -->
|
||||
<!-- BEGIN PAGE BODY -->
|
||||
<main id="content" class="flex-fill">
|
||||
<div class="container">
|
||||
<div class="row g-0">
|
||||
<div class="col-docs d-none d-lg-block border-end">
|
||||
<div class="py-4">
|
||||
<div class="space-y space-y-5">
|
||||
<div class="nav nav-vertical">
|
||||
{% for link in docs-links %}
|
||||
<a href="{{ link.url }}" class="nav-link" target="_blank">
|
||||
<span class="border me-2 rounded p-1">{% include "ui/icon.html" icon=link.icon %}</span>
|
||||
{{ link.title }}
|
||||
</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<div class="flex-fill">
|
||||
{% include "docs/menu.html" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col bg-docs-gradient">
|
||||
<div class="py-lg-5 ps-lg-5">
|
||||
<div class="py-6 ps-lg-6 p-xxl-6">
|
||||
<div class="prose" data-bs-spy="scroll" data-bs-target="#toc" data-bs-root-margin="50px 0px -0%" data-bs-smooth-scroll="true" tabindex="0">
|
||||
<div class="d-flex">
|
||||
<h1>
|
||||
{{ title }}
|
||||
</h1>
|
||||
|
||||
{% if added-in %}
|
||||
{% assign added-in-label = "Added in " | append: added-in %}
|
||||
<div class="ms-auto">
|
||||
{% include "ui/badge.html" color="primary" light=true text=added-in-label %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
|
||||
<p class="text-secondary fs-3 lh-3">{{ summary }}</p>
|
||||
|
||||
{{ content | headings-id }}
|
||||
|
||||
{% include "docs/pagination.html" %}
|
||||
|
||||
<div class="mt-7">
|
||||
<div>
|
||||
<a href="{{ site.githubUrl }}/tree/dev/docs/{{ page.inputPath }}" class="link-primary" target="_blank">{% include
|
||||
"ui/icon.html" icon="edit" class="icon-inline" %} Edit this page on GitHub</a>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<div class="row">
|
||||
<div class="col text-secondary">
|
||||
© {% year %} Tabler. All rights reserved.
|
||||
</div>
|
||||
|
||||
<div class="col text-end">
|
||||
<a href="{{ site.githubUrl }}" class="link-secondary" target="_blank">{% include "ui/icon.html"
|
||||
icon="brand-github" %}</a>
|
||||
<a href="{{ site.githubSponsorsUrl }}" class="link-secondary" target="_blank">{% include "ui/icon.html"
|
||||
icon="heart" %}</a>
|
||||
<a href="{{ site.opencollectiveUrl }}" class="link-secondary" target="_blank">{% include "ui/icon.html"
|
||||
icon="hearts" %}</a>
|
||||
<a href="{{ site.xUrl }}" class="link-secondary" target="_blank">{% include "ui/icon.html" icon="brand-x"
|
||||
%}</a>
|
||||
<a href="{{ site.linkedinUrl }}" class="link-secondary" target="_blank">{% include "ui/icon.html"
|
||||
icon="brand-linkedin" %}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-2 d-none d-xxl-block">
|
||||
<div class="py-6 sticky-top">
|
||||
{% include "docs/toc.html" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<!-- END PAGE BODY -->
|
||||
|
||||
{% for lib in libs -%}
|
||||
{% if docs-libs contains lib[0] or libs.global-libs contains lib[0] or lib[0] == "clipboard" -%}
|
||||
{% for file in lib[1].js -%}
|
||||
<script
|
||||
src="{% if file contains 'http://' or file contains 'https://' %}{{ file | replace: 'GOOGLE_MAPS_KEY', google-maps-key }}{% else %}/dist/libs/{{ lib[1].npm }}/{% if environment != 'development' %}{{ file | replace: '@', '' }}{% else %}{{ file }}{% endif %}{% if environment != 'development' %}?{{ 'now' | date: '%s' }}{% endif %}{% endif %}"
|
||||
></script>
|
||||
{% endfor -%}
|
||||
{% endif -%}
|
||||
{% endfor -%}
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const elements = document.querySelectorAll('[data-clipboard-text]');
|
||||
|
||||
elements.forEach(function (element) {
|
||||
const clipboard = new ClipboardJS(element, {
|
||||
text: function (trigger) {
|
||||
return element.getAttribute('data-clipboard-text');
|
||||
}
|
||||
});
|
||||
|
||||
clipboard.on('success', function (e) {
|
||||
e.clearSelection();
|
||||
e.trigger.classList.add('btn-success');
|
||||
e.trigger.classList.remove('btn-dark');
|
||||
e.trigger.children[0].classList.add('d-none');
|
||||
e.trigger.children[1].classList.remove('d-none');
|
||||
|
||||
setTimeout(function () {
|
||||
e.trigger.classList.remove('btn-success');
|
||||
e.trigger.classList.add('btn-dark');
|
||||
|
||||
e.trigger.children[0].classList.remove('d-none');
|
||||
e.trigger.children[1].classList.add('d-none');
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
clipboard.on('error', function (e) {
|
||||
console.error('Error copying text: ', e);
|
||||
});
|
||||
});
|
||||
|
||||
})
|
||||
</script>
|
||||
|
||||
<script src="/dist/js/tabler{% if environment != 'development' %}.min{% endif %}.js"></script>
|
||||
<script src="/js/docs{% if environment != 'development' %}.min{% endif %}.js" defer></script>
|
||||
|
||||
{% if environment == 'production' %}
|
||||
<script src="https://scripts.tabler.io/banner.js" defer data-tblr-ref="tabler-docs"></script>
|
||||
{% endif %}
|
||||
</body>
|
||||
</html>
|
||||
12
liquid/layouts/error.html
Normal file
12
liquid/layouts/error.html
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
---
|
||||
layout: base
|
||||
body-class: border-top-wide border-primary
|
||||
---
|
||||
|
||||
<div class="page page-center">
|
||||
<div class="container-tight py-4">
|
||||
{% assign error = errors[page-error] %}
|
||||
{% assign header = error.header | default: 'Oops… You just found an error page' %}
|
||||
{% include "ui/empty.html" icon="settings" illustration=error.illustration icon-text=error.title title=header subtitle=error.description button-icon="arrow-left" button-text="Take me home" %}
|
||||
</div>
|
||||
</div>
|
||||
12
liquid/layouts/homepage.html
Normal file
12
liquid/layouts/homepage.html
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
---
|
||||
title: Dashboard
|
||||
layout: default
|
||||
page-header: Dashboard
|
||||
page-header-pretitle: Overview
|
||||
page-header-actions: buttons
|
||||
page-libs: [apexcharts, jsvectormap]
|
||||
---
|
||||
|
||||
{% unless site.layoutOnly %}
|
||||
{% include "layout/homepage.html" %}
|
||||
{% endunless %}
|
||||
173
liquid/layouts/marketing.html
Normal file
173
liquid/layouts/marketing.html
Normal file
|
|
@ -0,0 +1,173 @@
|
|||
---
|
||||
layout: base
|
||||
body-class: body-marketing body-gradient
|
||||
plugins: marketing
|
||||
---
|
||||
<!-- BEGIN NAVBAR -->
|
||||
<header role="banner">
|
||||
{% include "marketing/navbar.html" %}
|
||||
</header>
|
||||
<!-- END NAVBAR -->
|
||||
|
||||
<!-- BEGIN PAGE BODY -->
|
||||
<main id="content">
|
||||
{{ content }}
|
||||
</main>
|
||||
<!-- END PAGE BODY -->
|
||||
|
||||
<!-- BEGIN FOOTER -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="py-3">
|
||||
<div class="row g-lg-4">
|
||||
<div class="col-lg-7">
|
||||
<div class="row g-lg-4">
|
||||
<div class="col-md">
|
||||
<div class="subheader mb-3">Our products</div>
|
||||
<ul class="list-unstyled list-separated gap-2">
|
||||
<li><a class="link-secondary" href="{{ site.base }}">UI Kit</a></li>
|
||||
<li>
|
||||
<a class="link-secondary" href="{{ site.base }}">Open source icons</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="link-secondary" href="{{ site.base }}">Email templates</a>
|
||||
</li>
|
||||
<li><a class="link-secondary" href="{{ site.base }}">Pricing</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md">
|
||||
<div class="subheader mb-3">Support</div>
|
||||
<ul class="list-unstyled list-separated gap-2">
|
||||
<li><a class="link-secondary" href="{{ site.base }}">Blog</a></li>
|
||||
<li><a class="link-secondary" href="{{ site.base }}">Documentation</a></li>
|
||||
<li><a class="link-secondary" href="{{ site.base }}">Support</a></li>
|
||||
<li>
|
||||
<a
|
||||
href="https://status.tabler.io"
|
||||
class="link-secondary"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>Status</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md">
|
||||
<div class="subheader mb-3">Tabler</div>
|
||||
<ul class="list-unstyled list-separated gap-2">
|
||||
<li><a class="link-secondary" href="{{ site.base }}">About</a></li>
|
||||
<li><a class="link-secondary" href="{{ site.base }}">Blog</a></li>
|
||||
<li><a class="link-secondary" href="{{ site.base }}">Changelog</a></li>
|
||||
<li>
|
||||
<a
|
||||
href="{{ site.githubUrl }}"
|
||||
class="link-secondary"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>Github</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 ml-auto">
|
||||
<div class="text-secondary">
|
||||
Tabler comes with tons of well-designed components and features.
|
||||
Start your adventure with Tabler and make your dashboard great
|
||||
again. For free!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row g-lg-4 justify-content-between mt-0 mt-md-2">
|
||||
<div class="col-sm-7 col-md-6 col-lg-4">
|
||||
<h5 class="subheader">Payment & Security</h5>
|
||||
<ul class="list-inline mb-0 mt-3">
|
||||
<li class="list-inline-item">
|
||||
<a href="#">{% include "ui/payment.html" payment="paypal" %}</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">{% include "ui/payment.html" payment="visa" %}</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#">{% include "ui/payment.html" payment="mastercard" %}</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#"
|
||||
>{% include "ui/payment.html" payment="americanexpress" %}</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-5 col-md-6 col-lg-3 text-sm-end">
|
||||
<h5 class="subheader">Follow us on</h5>
|
||||
<ul class="list-inline mb-0 mt-3">
|
||||
<li class="list-inline-item">
|
||||
<a class="btn btn-icon btn-facebook" href="#"
|
||||
>{% include "ui/icon.html" icon="brand-facebook" %}</a
|
||||
>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a class="btn btn-icon btn-instagram" href="#"
|
||||
>{% include "ui/icon.html" icon="brand-instagram" %}</a
|
||||
>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a class="btn btn-icon btn-twitter" href="#"
|
||||
>{% include "ui/icon.html" icon="brand-twitter" %}</a
|
||||
>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a class="btn btn-icon btn-linkedin" href="#"
|
||||
>{% include "ui/icon.html" icon="brand-linkedin" %}</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="py-3 border-top-light text-center text-lg-start">
|
||||
<div class="row g-lg-4">
|
||||
<div class="col-lg-auto text-lg-end order-lg-last">
|
||||
<div class="row justify-center">
|
||||
<div class="col-auto">
|
||||
©<a
|
||||
href="https://codecalm.net"
|
||||
class="link-secondary"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>codecalm.net</a
|
||||
>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<ul class="list-inline list-inline-dots">
|
||||
<li class="list-inline-item">
|
||||
<a class="link-secondary" href="/terms-of-service"
|
||||
>Terms of service</a
|
||||
>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a class="link-secondary" href="/privacy-policy"
|
||||
>Privacy policy</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg">
|
||||
Made with {% include "ui/icon.html" icon="heart" filled=true color="red"
|
||||
inline=true %} in Poland.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- END FOOTER -->
|
||||
17
liquid/layouts/pay.html
Normal file
17
liquid/layouts/pay.html
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
---
|
||||
layout: base
|
||||
---
|
||||
|
||||
<header class="navbar">
|
||||
<div class="container-fluid">
|
||||
{% include "layout/navbar-logo.html" small-logo %}
|
||||
|
||||
<div>
|
||||
<a href="{{ page | relative }}" class="btn btn-close"></a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="page">
|
||||
{{ content }}
|
||||
</div>
|
||||
13
liquid/layouts/prose.html
Normal file
13
liquid/layouts/prose.html
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
---
|
||||
layout: default
|
||||
---
|
||||
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-10 col-xl-9">
|
||||
<div class="card card-lg">
|
||||
<div class="card-body prose">
|
||||
{{ content }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
1
liquid/layouts/redirect.html
Normal file
1
liquid/layouts/redirect.html
Normal file
|
|
@ -0,0 +1 @@
|
|||
{% include "redirect.html" url=page.redirect.to %}
|
||||
34
liquid/layouts/settings.html
Normal file
34
liquid/layouts/settings.html
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
---
|
||||
layout: default
|
||||
title: Settings
|
||||
page-header: Account Settings
|
||||
---
|
||||
|
||||
<!-- BEGIN PAGE BODY -->
|
||||
<div class="card">
|
||||
<div class="row g-0">
|
||||
<div class="col-12 col-md-3 border-end">
|
||||
<div class="card-body">
|
||||
<h4 class="subheader">Business settings</h4>
|
||||
|
||||
<nav class="list-group list-group-transparent">
|
||||
<a href="{{ page | relative }}/settings.html" class="list-group-item list-group-item-action d-flex align-items-center{% if page.fileSlug == 'settings' %} active{% endif %}">My Account</a>
|
||||
<a href="#" class="list-group-item list-group-item-action d-flex align-items-center">My Notifications</a>
|
||||
<a href="#" class="list-group-item list-group-item-action d-flex align-items-center">Connected Apps</a>
|
||||
<a href="{{ page | relative }}/settings-plan.html" class="list-group-item list-group-item-action d-flex align-items-center{% if page.fileSlug == 'settings-plan' %} active{% endif %}">Plans</a>
|
||||
<a href="#" class="list-group-item list-group-item-action d-flex align-items-center">Billing & Invoices</a>
|
||||
</nav>
|
||||
|
||||
<h4 class="subheader mt-4">Experience</h4>
|
||||
|
||||
<nav class="list-group list-group-transparent">
|
||||
<a href="#" class="list-group-item list-group-item-action">Give Feedback</a>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-9 d-flex flex-column">
|
||||
{{ content }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END PAGE BODY -->
|
||||
16
liquid/layouts/single.html
Normal file
16
liquid/layouts/single.html
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
---
|
||||
layout: base
|
||||
---
|
||||
|
||||
<div class="page page-center">
|
||||
<div class="container container-{{ container-size | default: 'tight' }} py-4">
|
||||
{% unless hide-logo %}
|
||||
<div class="text-center mb-4">
|
||||
{% include "layout/navbar-logo.html" %}
|
||||
</div>
|
||||
{% endunless %}
|
||||
|
||||
{{ content }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
Add table
Add a link
Reference in a new issue