Update color values for 'tabler' theme across various files

* Remove unused dependencies from package.json and pnpm-lock.yaml

* Create cool-rules-learn.md

.build/download-images.js

@@ -2,56 +2,55 @@
 
 'use strict'
 
-const YAML = require('yaml')
 const fs = require('node:fs')
 const path = require('node:path')
 const request = require('request')
-const filePath = path.join(__dirname, '../src/pages/_data/photos.yml')
+const filePath = path.join(__dirname, '../src/pages/_data/photos.json')
 
-const photos = YAML.parse(fs.readFileSync(filePath, 'utf8'))
+const photos = JSON.parse(fs.readFileSync(filePath, 'utf8'))
 
 const urlTitle = (str) => {
-  str = str
+	str = str
 		.toLowerCase()
 		.replaceAll('&', 'and')
 		.replace(/[^[a-z0-9-]/g, '-')
 		.replace(/-+/g, '-')
 
-  return str
+	return str
 }
 
-const download = function(uri, filename, callback, error) {
-  request.head(uri, function(err, res, body) {
-	 request(uri).pipe(fs.createWriteStream(filename))
-		  .on('close', callback)
-		  .on('error', error)
-  })
+const download = function (uri, filename, callback, error) {
+	request.head(uri, function (err, res, body) {
+		request(uri).pipe(fs.createWriteStream(filename))
+			.on('close', callback)
+			.on('error', error)
+	})
 }
 
 async function downloadPhotos() {
-  for (const key in photos) {
-	 const photo = photos[key]
+	for (const key in photos) {
+		const photo = photos[key]
 
-	 let filename, i = 1;
+		let filename, i = 1;
 
-	 do {
-		filename = `${urlTitle(photo['title'])}${i > 1 ? `-${i}` : ''}.jpg`
-		i++
-	 } while (fs.existsSync(path.join(__dirname, `../src/static/photos/${filename}`)))
+		do {
+			filename = `${urlTitle(photo['title'])}${i > 1 ? `-${i}` : ''}.jpg`
+			i++
+		} while (fs.existsSync(path.join(__dirname, `../src/static/photos/${filename}`)))
 
-	 await new Promise((resolve, reject) => {
-		download(photo['path'], path.join(__dirname, `../src/static/photos/${filename}`), function(){
-		  resolve()
-		}, function() {
-		  reject()
-		});
-	 })
+		await new Promise((resolve, reject) => {
+			download(photo['path'], path.join(__dirname, `../src/static/photos/${filename}`), function () {
+				resolve()
+			}, function () {
+				reject()
+			});
+		})
 
-	 photos[key]['file'] = filename
-	 photos[key]['horizontal'] = photo['width'] > photo['height']
-  }
+		photos[key]['file'] = filename
+		photos[key]['horizontal'] = photo['width'] > photo['height']
+	}
 
-  fs.writeFileSync(filePath, YAML.stringify(photos))
+	fs.writeFileSync(filePath, JSON.stringify(photos))
 }
 
 downloadPhotos();

.build/import-illustrations.js

@@ -16,3 +16,29 @@ fs.writeFileSync(
 	path.join(__dirname, `../src/pages/_data/illustrations.json`),
 	JSON.stringify(illustrations)
 )
+
+
+// let i = {}
+// const dirs = ['light', 'dark', 'autodark']
+// const ilustrations = ['not-found', 'computer-fix', 'boy-with-key', 'boy-girl']
+
+// for(const dir of dirs) {
+// 	i[dir] = {}
+
+// 	for(const ilustration of ilustrations) {
+// 		let svg = fs.readFileSync(path.join(__dirname, `../src/pages/_free-illustrations/${dir}/${ilustration}.svg`), 'utf8')
+
+// 		svg = svg
+// 			.replace(/\n+/g, ' ')
+// 			.replace(/>\s+</g, '><')
+// 			.replace(/\s+/g, ' ')
+// 			.replace(/^[\n\s-]+/, '')
+
+// 		i[dir][ilustration] = svg
+// 	}
+// }
+
+// fs.writeFileSync(
+// 	path.join(__dirname, `../src/pages/_data/free-illustrations.json`),
+// 	JSON.stringify(i)
+// )

.build/unused-files.js

@@ -0,0 +1,26 @@
+const glob = require('glob');
+const fs = require('fs')
+const path = require('path')
+
+const srcDir = path.join(__dirname, '../src')
+
+let foundFiles = []
+glob.sync(`${srcDir}/pages/**/*.{html,md}`).forEach((file) => {
+	let fileContent = fs.readFileSync(file)
+
+	fileContent.toString().replace(/\{% include(_cached)? "([a-z0-9\/_-]+\.html)"/g, (f, c, filename) => {
+		filename = `${srcDir}/pages/_includes/${filename}`
+
+		if (!foundFiles.includes(filename)) {
+			foundFiles.push(filename)
+		}
+	})
+})
+
+let includeFiles = glob.sync(`${srcDir}/pages/_includes/**/*.html`)
+
+includeFiles.forEach((file) => {
+	if (!foundFiles.includes(file)) {
+		console.log('file', file)
+	}
+})

.changeset/clever-glasses-fold.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Update Tabler Illustrations to v1.5

.changeset/cool-kings-cough.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Update Tabler Icons to v3.29.0

.changeset/cool-rules-learn.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Remove unused dependencies from `package.json`

.changeset/cuddly-tables-help.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Replace Jekyll with Eleventy

.changeset/four-actors-fix.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Add border-opacity variable for improved color utility

.changeset/good-birds-smash.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fix `color` of disabled `dropdown-item` in Navbar component

.changeset/healthy-pumas-attend.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Update Jekyll to version 4.3.4

.changeset/large-birds-teach.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fix icons in `form-elements.html`

.changeset/late-socks-march.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Update Tabler Icons to v3.28.1

.changeset/little-badgers-care.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fix colors of disabled `.ts-control`

.changeset/little-garlics-begin.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Center content on error and single page layouts

.changeset/nice-fireants-itch.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Refactor data structure by converting YAML files to JSON

.changeset/quiet-melons-live.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Improve documentation for alerts

.changeset/seven-islands-act.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Refactor Dockerfile and package.json

.changeset/sixty-windows-tickle.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fix `color` of disabled `nav-link` in `nav-bordered`

.changeset/sour-dragons-eat.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Refactor SCSS variables to use `color.adjust` for improved color manipulation

.changeset/tender-flowers-cheat.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Update Node.js engine requirement to allow versions >=20

.changeset/weak-singers-guess.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Update package dependencies to latest versions

.github/workflows/test.yml

@@ -27,13 +27,6 @@ jobs:
         with:
           version: 8
 
-      - name: Set up Ruby
-        uses: ruby/setup-ruby@v1
-        with:
-          ruby-version: 3.2
-          bundler-cache: true
-
-      - run: ruby --version
       - run: node --version
 
       - name: Install pnpm dependencies

.nvmrc

@@ -1 +1 @@
-18
+20

CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## `1.0.0-beta24` - 2025-01-11
+
+- Enhanced documentation.
+- Updated illustrations and improved SVG handling in HTML.
+- Updated copyright year in LICENSE file to 2025.
+- Added marketing pages plugin.
+
 ## `1.0.0-beta23` - 2025-01-07
 
 - Documentation improvements.

Dockerfile

@@ -3,8 +3,6 @@ FROM ruby:3.2-alpine
 WORKDIR /app
 ADD _config.yml /app/
 ADD _config_prod.yml /app/
-ADD Gemfile /app/
-ADD Gemfile.lock /app/
 ADD package.json /app/
 ADD pnpm-lock.yaml /app/
 ADD gulpfile.js /app/
@@ -13,11 +11,10 @@ RUN apk add --virtual build-dependencies build-base npm
 RUN apk upgrade
 RUN npm i -g pnpm
 RUN pnpm install
-RUN bundle config --global silence_root_warning 1 && bundler install --verbose
 
 # website
 EXPOSE 3000
 # website management (browser auto reload)
 EXPOSE 3001
 # run tabler
-ENTRYPOINT [ "pnpm", "run", "start-plugins" ]
+ENTRYPOINT [ "pnpm", "run", "start" ]

Gemfile

@@ -1,14 +0,0 @@
-source "https://rubygems.org"
-
-gem "jekyll", "4.3.3"
-
-group :jekyll_plugins do
-	gem "jekyll-random"
-	gem "jekyll-tidy"
-	gem "jekyll-timeago"
-	gem 'jekyll-redirect-from'
-end
-
-gem 'wdm', '>= 0.1.1' if Gem.win_platform?
-
-

Gemfile.lock

@@ -1,99 +0,0 @@
-GEM
-  remote: https://rubygems.org/
-  specs:
-    addressable (2.8.7)
-      public_suffix (>= 2.0.2, < 7.0)
-    bigdecimal (3.1.9)
-    colorator (1.1.0)
-    concurrent-ruby (1.3.4)
-    em-websocket (0.5.3)
-      eventmachine (>= 0.12.9)
-      http_parser.rb (~> 0)
-    eventmachine (1.2.7)
-    ffi (1.17.1)
-    ffi (1.17.1-arm64-darwin)
-    forwardable-extended (2.6.0)
-    google-protobuf (4.29.2)
-      bigdecimal
-      rake (>= 13)
-    google-protobuf (4.29.2-arm64-darwin)
-      bigdecimal
-      rake (>= 13)
-    htmlbeautifier (1.4.3)
-    htmlcompressor (0.4.0)
-    http_parser.rb (0.8.0)
-    i18n (1.14.6)
-      concurrent-ruby (~> 1.0)
-    jekyll (4.3.3)
-      addressable (~> 2.4)
-      colorator (~> 1.0)
-      em-websocket (~> 0.5)
-      i18n (~> 1.0)
-      jekyll-sass-converter (>= 2.0, < 4.0)
-      jekyll-watch (~> 2.0)
-      kramdown (~> 2.3, >= 2.3.1)
-      kramdown-parser-gfm (~> 1.0)
-      liquid (~> 4.0)
-      mercenary (>= 0.3.6, < 0.5)
-      pathutil (~> 0.9)
-      rouge (>= 3.0, < 5.0)
-      safe_yaml (~> 1.0)
-      terminal-table (>= 1.8, < 4.0)
-      webrick (~> 1.7)
-    jekyll-random (0.1)
-      jekyll (>= 3.3, < 5.0)
-    jekyll-redirect-from (0.16.0)
-      jekyll (>= 3.3, < 5.0)
-    jekyll-sass-converter (3.0.0)
-      sass-embedded (~> 1.54)
-    jekyll-tidy (0.2.2)
-      htmlbeautifier
-      htmlcompressor
-      jekyll
-    jekyll-timeago (0.15.0)
-      mini_i18n (>= 0.8.0)
-    jekyll-watch (2.2.1)
-      listen (~> 3.0)
-    kramdown (2.5.1)
-      rexml (>= 3.3.9)
-    kramdown-parser-gfm (1.1.0)
-      kramdown (~> 2.0)
-    liquid (4.0.4)
-    listen (3.9.0)
-      rb-fsevent (~> 0.10, >= 0.10.3)
-      rb-inotify (~> 0.9, >= 0.9.10)
-    mercenary (0.4.0)
-    mini_i18n (0.9.0)
-    pathutil (0.16.2)
-      forwardable-extended (~> 2.6)
-    public_suffix (6.0.1)
-    rake (13.2.1)
-    rb-fsevent (0.11.2)
-    rb-inotify (0.11.1)
-      ffi (~> 1.0)
-    rexml (3.4.0)
-    rouge (4.5.1)
-    safe_yaml (1.0.5)
-    sass-embedded (1.83.0)
-      google-protobuf (~> 4.28)
-      rake (>= 13)
-    sass-embedded (1.83.0-arm64-darwin)
-      google-protobuf (~> 4.28)
-    terminal-table (3.0.2)
-      unicode-display_width (>= 1.1.1, < 3)
-    unicode-display_width (2.6.0)
-    webrick (1.9.1)
-
-PLATFORMS
-  arm64-darwin-24
-  ruby
-
-DEPENDENCIES
-  jekyll (= 4.3.3)
-  jekyll-random
-  jekyll-redirect-from
-  jekyll-tidy
-  jekyll-timeago
-
-BUNDLED WITH
-   2.6.2

README.md

@@ -19,7 +19,7 @@ A premium and open source dashboard template with a responsive and high-quality
 
 <p align="center">
   <a href="https://github.com/sponsors/codecalm">
-    <img src='https://raw.githubusercontent.com/tabler/static/main/sponsors.svg'>
+    <img src="https://cdn.jsdelivr.net/gh/tabler/sponsors@latest/sponsors.svg" alt="Tabler sponsors">
   </a>
 </p>
 
@@ -91,32 +91,19 @@ To use our build system and run our documentation locally, you'll need a copy of
 
 1. [Install Node.js](https://nodejs.org/download/), which we use to manage our dependencies.
 2. Navigate to the root `/tabler` directory and run `pnpm install` to install our local dependencies listed in `package.json`.
-3. [Install Ruby](https://www.ruby-lang.org/en/documentation/installation/) - the recommended version is [2.7.6](https://cache.ruby-lang.org/pub/ruby/2.7/ruby-2.7.6.tar.gz).
-4. [Install Bundler](https://bundler.io) with `gem install bundler` and finally run `bundle install`. It will install all Ruby dependencies, such as [Jekyll and plugins](https://jekyllrb.com).
 
 **OSX users**:
 
-1. NPM ```pnpm install```
-2. install Ruby (2.5.* recommended)
-	```brew install ruby @2.5```
-3. install bundler
-	```gem install bundler```
-4. install
-	```bundle install```
-- if bundler get any errors try
-```
-sudo rm -rf /Library/Developer/CommandLineTools
-sudo xcode-select --install
-```
-5. Run NPM
-	```npm run start```
+```pnpm install```
+
+and then 
+
+```npm run start```
 
 
 **Windows users**:
 
-1. [Install Git](https://git-scm.com/download/win) in `C:\Program Files\git\bin` directory and run `npm config set script-shell "C:\\Program Files\\git\\bin\\bash.exe"` to change the default shell.
-2. [Install Ruby+Devkit](https://rubyinstaller.org/downloads/) - the recommended version is [2.7.6](https://github.com/oneclick/rubyinstaller2/releases/download/RubyInstaller-2.7.6-1/rubyinstaller-devkit-2.7.6-1-x64.exe).
-3. [Read guide](https://jekyllrb.com/docs/installation/windows/) to get Jekyll up and running without problems.
+[Install Git](https://git-scm.com/download/win) in `C:\Program Files\git\bin` directory and run `npm config set script-shell "C:\\Program Files\\git\\bin\\bash.exe"` to change the default shell.
 
 Once you complete the setup, you'll be able to run the various commands provided from the command line.
 
@@ -125,10 +112,8 @@ Once you complete the setup, you'll be able to run the various commands provided
 
 You need to have `pnpm` and `bundler` installed.
 
-1. From the root `/tabler` directory, run installation in the command line:
-  - `pnpm install` 
-  - `bundler install` 
-2. Then execute `pnpm run start-plugins` to start up the application stack.
+1. From the root `/tabler` directory, run installation in the command line: `pnpm install` 
+2. Then execute `pnpm run start` to start up the application stack.
 3. Open [http://localhost:3000](http://localhost:3000) in your browser, and voilà.
 4. Any change in the `/src` directory will build the application and refresh the page.
 
@@ -148,7 +133,7 @@ npm install --save @tabler/core
 
 **Plain Docker**
 
-If you don't want to install node/npm/ruby and the dependencies on your local environment, you can use the provided Dockerfile to build a docker image.
+If you don't want to install node/npm and the dependencies on your local environment, you can use the provided Dockerfile to build a docker image.
 This Dockerfile is provided as an example to spin-up a container running Tabler.
 
 Example of how to use this image:

_config.yml

@@ -1,280 +0,0 @@
-source: src/pages
-destination: tmp
-
-keep_files:
-  - css
-  - js
-  - img
-  - dist
-  - static
-  - playground.html
-
-use-iconfont: false
-rtl: false
-
-title: Tabler
-description: Premium and Open Source dashboard template with responsive and high quality UI.
-theme-color: "#066fd1"
-
-email: support@tabler.io
-homepage: https://tabler.io
-github-url: https://github.com/tabler/tabler
-github-sponsors-url: https://github.com/sponsors/codecalm
-changelog-url: https://github.com/tabler/tabler/releases
-sponsor-url: https://github.com/sponsors/codecalm
-preview-url: https://tabler.io/demo
-docs-url: https://tabler.io/docs
-
-mapbox-key: pk.eyJ1IjoidGFibGVyIiwiYSI6ImNscHh3dnhndjB2M3QycW85bGd0NXRmZ3YifQ.9LfHPsNoEXQH-xzz-81Ffw
-google-maps-key: AIzaSyAr5mRB4U1KRkVznIrDWEvZjroYcD202DI
-google-maps-dev-key: AIzaSyCL-BY8-sq12m0S9H-S_yMqDmcun3A9znw
-npm-package: "@tabler/core"
-
-random-date-from: "2018-01-01"
-random-date-to: "2022-01-01"
-
-debug: false
-
-layout-dark: false
-
-plugins:
-  - jekyll-random
-  - jekyll-tidy
-  - jekyll-timeago
-  - jekyll-redirect-from
-
-tabler-css-plugins:
-  - tabler-flags
-  - tabler-socials
-  - tabler-payments
-  - tabler-vendors
-  - tabler-marketing
-
-exclude:
-  - .jekyll-cache
-  - redirects.json
-
-markdown: kramdown
-kramdown:
-  input: GFM
-  syntax_highlighter: rouge
-
-jekyll_tidy:
-  compress_html: false
-  ignore_env: development
-
-collections:
-  - free-illustrations
-
-defaults:
-  - scope:
-      type: "pages"
-      path: "*.md"
-    values:
-      layout: markdown
-  - scope:
-      type: "pages"
-    values:
-      layout: default
-
-colors:
-  blue:
-    class: blue
-    hex: '#066fd1'
-    title: Blue
-  azure:
-    class: azure
-    hex: '#45aaf2'
-    title: Azure
-  indigo:
-    class: indigo
-    hex: '#6574cd'
-    title: Indigo
-  purple:
-    class: purple
-    hex: '#a55eea'
-    title: Purple
-  pink:
-    class: pink
-    hex: '#f66d9b'
-    title: Pink
-  red:
-    class: red
-    hex: '#fa4654'
-    title: Red
-  orange:
-    class: orange
-    hex: '#fd9644'
-    title: Orange
-  yellow:
-    class: yellow
-    hex: '#f1c40f'
-    title: Yellow
-  lime:
-    class: lime
-    hex: '#7bd235'
-    title: Lime
-  green:
-    class: green
-    hex: '#5eba00'
-    title: Green
-  teal:
-    class: teal
-    hex: '#2bcbba'
-    title: Teal
-  cyan:
-    class: cyan
-    hex: '#17a2b8'
-    title: Cyan
-
-skin-colors: 
-  rose:
-    hex: '#FFCB9D'
-    title: Rose
-    class: rose
-  yellow:
-    hex: '#F0BA60'
-    title: Yellow
-    class: yellow
-  skin-1:
-    hex: '#e2c6a7'
-    title: Skin 1
-    class: skin-1
-  skin-2:
-    hex: '#c7a786'
-    title: Skin 2
-    class: skin-2
-  skin-3:
-    hex: '#a68063'
-    title: Skin 3
-    class: skin-3
-  skin-4:
-    hex: '#926241'
-    title: Skin 4
-    class: skin-4
-  skin-5:
-    hex: '#654c45'
-    title: Skin 5
-    class: skin-5
-  gray:
-    hex: '#d5d7dd'
-    title: Gray
-    class: gray
-
-colors-extra:
-  white:
-    hex: '#ffffff'
-    title: White
-  dark:
-    hex: '#303645'
-    title: Dark
-  gray:
-    hex: '#868e96'
-    title: Gray
-
-variants:
-  - name: success
-    icon: check
-  - name: info
-    icon: info-circle
-  - name: warning
-    icon: alert-triangle
-  - name: danger
-    icon: alert-circle
-
-theme-colors:
-  primary:
-    class: primary
-    title: Primary
-  secondary:
-    class: secondary
-    title: Secondary
-  success:
-    class: success
-    title: Success
-  warning:
-    class: warning
-    title: Warning
-  danger:
-    class: danger
-    title: Danger
-  info:
-    class: info
-    title: Info
-  dark:
-    class: dark
-    title: Dark
-  light:
-    class: light
-    title: Light
-
-button-states:
-  - class:
-    title: Normal
-  - class: active
-    title: Active state
-  - class: disabled
-    title: Disabled
-
-socials:
-  x:
-    icon: brand-x
-    title: X
-  facebook:
-    icon: brand-facebook
-    title: Facebook
-  twitter:
-    icon: brand-twitter
-    title: Twitter
-  google:
-    icon: brand-google
-    title: Google
-  youtube:
-    icon: brand-youtube
-    title: Youtube
-  vimeo:
-    icon: brand-vimeo
-    title: Vimeo
-  dribbble:
-    icon: brand-dribbble
-    title: Dribbble
-  github:
-    icon: brand-github
-    title: Github
-  instagram:
-    icon: brand-instagram
-    title: Instagram
-  pinterest:
-    icon: brand-pinterest
-    title: Pinterest
-  vk:
-    icon: brand-vk
-    title: VK
-  rss:
-    icon: rss
-    title: RSS
-  flickr:
-    icon: brand-flickr
-    title: Flickr
-  bitbucket:
-    icon: brand-bitbucket
-    title: Bitbucket
-  tabler:
-    icon: brand-tabler
-    title: Tabler
-
-months-short: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
-months-long: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']
-
-icons:
-  link: https://tabler.io/icons
-
-emails:
-  price: "$29"
-  buy_link: https://r.tabler.io/buy-emails
-
-illustrations:
-  price: "$59"
-  count: 50
-  buy_link: https://r.tabler.io/buy-illustrations
-

_config_prod.yml

@@ -1,4 +0,0 @@
-exclude:
-  - redirects.json
-  - playground.html
-  - playground-*.html

docs/illustrations/introduction/customization.mdx

@@ -151,7 +151,7 @@ Look at the example below to see how you can change the color of the skin.
 
 Tabler Illustrations uses `--tblr-primary` as a fallback color if `--tblr-illustrations-primary` is not set, so if you have a primary color set in your design system, you can use that to ensure consistency across your project.
 
-```html example columns={1} centered vertical separated height="30rem" background="bg-light"
+```html example columns={1} centered vertical separated height="30rem"
 <div class="card">
   <div class="card-body">
     <div>
@@ -335,7 +335,7 @@ Illustration change theme based on the user's system preferences or `data-bs-the
 
 Look at the example below to see how the illustration changes based on the user's system preferences.
 
-```html example columns={1} centered vertical separated height="25rem" background="surface"
+```html example columns={1} centered vertical separated height="25rem"
 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 800 600">
   <style>
     :where(.theme-dark, [data-bs-theme="dark"]) .tblr-illustrations-boy-girl-a {

docs/ui/base/colors.mdx

@@ -79,5 +79,5 @@ Use the colors of popular social networks to create a recognizable design and ma
   { name: "rss", value: "#ffa500" },
   { name: "flickr", value: "#0063dc" },
   { name: "bitbucket", value: "#0052cc" },
-  { name: "tabler", value: "#066fd1" }
+  { name: "tabler", value: "#2563EB" }
 ]} />

docs/ui/components/alerts.mdx

@@ -9,7 +9,11 @@ description: Alert messages for user notifications.
 
 Depending on the information you need to convey, you can use one of the following types of alert messages - **success**, **info**, **warning** or **danger**. Using the right type of alert modal will help draw users' attention to the message and prompt them to take action.
 
-```html example vertical background="surface" columns={2} centered separated
+Combine `alert` class with one of the following: `alert-success`, `alert-info`, `alert-warning`, `alert-danger` to get the alert that you need.
+
+Alert classes affect the color of all the text inside an alert. Use another class, e.g. `text-secondary` to change the color of the alert's content.
+
+```html example vertical background="surface" columns={2} centered separated height="420px"
 <div class="alert alert-success" role="alert">
   <h4 class="alert-title">Wow! Everything worked!</h4>
   <div class="text-secondary">Your account has been saved!</div>
@@ -28,106 +32,48 @@ Depending on the information you need to convey, you can use one of the followin
 </div>
 ```
 
-```html
-<div class="alert alert-success" role="alert">
-  <h4 class="alert-title">Wow! Everything worked!</h4>
-  <div class="text-secondary">Your account has been saved!</div>
-</div>
-```
-
 ## Alert links
 
-Add a link to your alert message to redirect users to the details they need to complete or additional information they should read.
+Add a link to your alert message to redirect users to the details they need to complete or additional information they should read. Use `alert-link` class to style the link and match the text color.
 
-```html example vertical background="surface" columns={2} centered
-<div class="alert alert-danger m-0">
-  This is a danger alert — <a href="#" class="alert-link">check it out</a>!
-</div>
+```html example vertical background="surface" columns={2} centered height="120px"
+<div class="alert alert-danger m-0">This is a danger alert — <a href="#" class="alert-link">check it out</a>!</div>
 ```
 
 ## Dismissible alerts
 
 Add the `x` close button to make an alert modal dismissible. Thanks to that, your alert modal will disappear only once the user closes it.
 
-```html example vertical background="surface" columns={2} centered separated
+```html
+<a class="btn-close" data-bs-dismiss="alert" aria-label="close"></a>
+```
+
+```html example vertical background="surface" columns={2} centered separated height="420px"
 <div class="alert alert-success alert-dismissible" role="alert">
-  <div class="d-flex">
-    <div>
-      <svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
-        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
-        <path d="M5 12l5 5l10 -10" />
-      </svg>
-    </div>
-    <div>
-      <h4 class="alert-title">Wow! Everything worked!</h4>
-      <div class="text-secondary">Your account has been saved!</div>
-    </div>
+  <div>
+    <h4 class="alert-title">Wow! Everything worked!</h4>
+    <div class="text-secondary">Your account has been saved!</div>
   </div>
   <a class="btn-close" data-bs-dismiss="alert" aria-label="close"></a>
 </div>
 <div class="alert alert-info alert-dismissible" role="alert">
-  <div class="d-flex">
-    <div>
-      <svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
-        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
-        <circle cx="12" cy="12" r="9" />
-        <line x1="12" y1="8" x2="12.01" y2="8" />
-        <polyline points="11 12 12 12 12 16 13 16" />
-      </svg>
-    </div>
-    <div>
-      <h4 class="alert-title">Did you know?</h4>
-      <div class="text-secondary">Here is something that you might like to know.</div>
-    </div>
+  <div>
+    <h4 class="alert-title">Did you know?</h4>
+    <div class="text-secondary">Here is something that you might like to know.</div>
   </div>
   <a class="btn-close" data-bs-dismiss="alert" aria-label="close"></a>
 </div>
 <div class="alert alert-warning alert-dismissible" role="alert">
-  <div class="d-flex">
-    <div>
-      <svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
-        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
-        <path d="M12 9v2m0 4v.01" />
-        <path d="M5 19h14a2 2 0 0 0 1.84 -2.75l-7.1 -12.25a2 2 0 0 0 -3.5 0l-7.1 12.25a2 2 0 0 0 1.75 2.75" />
-      </svg>
-    </div>
-    <div>
-      <h4 class="alert-title">Uh oh, something went wrong</h4>
-      <div class="text-secondary">Sorry! There was a problem with your request.</div>
-    </div>
+  <div>
+    <h4 class="alert-title">Uh oh, something went wrong</h4>
+    <div class="text-secondary">Sorry! There was a problem with your request.</div>
   </div>
   <a class="btn-close" data-bs-dismiss="alert" aria-label="close"></a>
 </div>
 <div class="alert alert-danger alert-dismissible" role="alert">
-  <div class="d-flex">
-    <div>
-      <svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
-        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
-        <circle cx="12" cy="12" r="9" />
-        <line x1="12" y1="8" x2="12" y2="12" />
-        <line x1="12" y1="16" x2="12.01" y2="16" />
-      </svg>
-    </div>
-    <div>
-      <h4 class="alert-title">I'm so sorry&hellip;</h4>
-      <div class="text-secondary">Your account has been deleted and can't be restored.</div>
-    </div>
-  </div>
-  <a class="btn-close" data-bs-dismiss="alert" aria-label="close"></a>
-</div>
-```
-
-```html
-<div class="alert alert-success alert-dismissible" role="alert">
-  <div class="d-flex">
-    <div>
-      <!-- SVG icon from http://tabler.io/icons/icon/check -->
-      <svg>...</svg>
-    </div>
-    <div>
-      <h4 class="alert-title">Wow! Everything worked!</h4>
-      <div class="text-secondary">Your account has been saved!</div>
-    </div>
+  <div>
+    <h4 class="alert-title">I'm so sorry&hellip;</h4>
+    <div class="text-secondary">Your account has been deleted and can't be restored.</div>
   </div>
   <a class="btn-close" data-bs-dismiss="alert" aria-label="close"></a>
 </div>
@@ -137,28 +83,24 @@ Add the `x` close button to make an alert modal dismissible. Thanks to that, you
 
 Add an icon to your alert modal to make it more user-friendly and help users easily identify the message.
 
-```html
+Use `alert-icon` class for `<svg>` or `<i>`, when using webfont, to provide the proper styling.
+
+```html example vertical background="surface" columns={2} centered separated height="420px"
 <div class="alert alert-success" role="alert">
   <div class="d-flex">
     <div>
-      <!-- SVG icon from http://tabler.io/icons/icon/check -->
-      <svg>...</svg>
-    </div>
-    <div>
-      <h4 class="alert-title">Wow! Everything worked!</h4>
-      <div class="text-secondary">Your account has been saved!</div>
-    </div>
-  </div>
-</div>
-```
-
-To see how the icon affects the alert modal, look at the example below.
-
-```html example vertical background="surface" columns={2} centered separated
-<div class="alert alert-success" role="alert">
-  <div class="d-flex">
-    <div>
-      <svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        class="icon alert-icon"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        stroke-width="2"
+        stroke="currentColor"
+        fill="none"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      >
         <path stroke="none" d="M0 0h24v24H0z" fill="none" />
         <path d="M5 12l5 5l10 -10" />
       </svg>
@@ -172,7 +114,18 @@ To see how the icon affects the alert modal, look at the example below.
 <div class="alert alert-info" role="alert">
   <div class="d-flex">
     <div>
-      <svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        class="icon alert-icon"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        stroke-width="2"
+        stroke="currentColor"
+        fill="none"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      >
         <path stroke="none" d="M0 0h24v24H0z" fill="none" />
         <circle cx="12" cy="12" r="9" />
         <line x1="12" y1="8" x2="12.01" y2="8" />
@@ -188,7 +141,18 @@ To see how the icon affects the alert modal, look at the example below.
 <div class="alert alert-warning" role="alert">
   <div class="d-flex">
     <div>
-      <svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        class="icon alert-icon"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        stroke-width="2"
+        stroke="currentColor"
+        fill="none"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      >
         <path stroke="none" d="M0 0h24v24H0z" fill="none" />
         <path d="M12 9v2m0 4v.01" />
         <path d="M5 19h14a2 2 0 0 0 1.84 -2.75l-7.1 -12.25a2 2 0 0 0 -3.5 0l-7.1 12.25a2 2 0 0 0 1.75 2.75" />
@@ -203,7 +167,18 @@ To see how the icon affects the alert modal, look at the example below.
 <div class="alert alert-danger" role="alert">
   <div class="d-flex">
     <div>
-      <svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        class="icon alert-icon"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        stroke-width="2"
+        stroke="currentColor"
+        fill="none"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      >
         <path stroke="none" d="M0 0h24v24H0z" fill="none" />
         <circle cx="12" cy="12" r="9" />
         <line x1="12" y1="8" x2="12" y2="12" />
@@ -218,13 +193,11 @@ To see how the icon affects the alert modal, look at the example below.
 </div>
 ```
 
-
-
 ## Alert with avatar
 
 Add an avatar to your alert modal to make it more personalized.
 
-```html example vertical background="surface" columns={2} centered separated
+```html example vertical background="surface" columns={2} centered separated height="420px"
 <div class="alert alert-success" role="alert">
   <div class="d-flex">
     <div>
@@ -271,10 +244,14 @@ Add an avatar to your alert modal to make it more personalized.
 
 Add primary and secondary buttons to your alert modals if you want users to take a particular action based on the information included in the modal message.
 
-```html example vertical background="surface" columns={2} centered separated
+Buttons don't inherit the alert's color, so you should set the proper class if you want it to be matched. For example, `btn-success` for `alert-success`.
+
+```html example vertical background="surface" columns={2} centered separated height="740px"
 <div class="alert alert-success alert-dismissible" role="alert">
   <h3 class="mb-1">Some Title</h3>
-  <p>Lorem ipsum Minim ad pariatur eiusmod ea ut nulla aliqua est quis id dolore minim voluptate.</p>
+  <p class="text-secondary">
+    Lorem ipsum Minim ad pariatur eiusmod ea ut nulla aliqua est quis id dolore minim voluptate.
+  </p>
   <div class="btn-list">
     <a href="#" class="btn btn-success">Okay</a>
     <a href="#" class="btn">Cancel</a>
@@ -283,7 +260,9 @@ Add primary and secondary buttons to your alert modals if you want users to take
 </div>
 <div class="alert alert-info alert-dismissible" role="alert">
   <h3 class="mb-1">Some Title</h3>
-  <p>Lorem ipsum Minim ad pariatur eiusmod ea ut nulla aliqua est quis id dolore minim voluptate.</p>
+  <p class="text-secondary">
+    Lorem ipsum Minim ad pariatur eiusmod ea ut nulla aliqua est quis id dolore minim voluptate.
+  </p>
   <div class="btn-list">
     <a href="#" class="btn btn-info">Okay</a>
     <a href="#" class="btn">Cancel</a>
@@ -292,7 +271,9 @@ Add primary and secondary buttons to your alert modals if you want users to take
 </div>
 <div class="alert alert-warning alert-dismissible" role="alert">
   <h3 class="mb-1">Some Title</h3>
-  <p>Lorem ipsum Minim ad pariatur eiusmod ea ut nulla aliqua est quis id dolore minim voluptate.</p>
+  <p class="text-secondary">
+    Lorem ipsum Minim ad pariatur eiusmod ea ut nulla aliqua est quis id dolore minim voluptate.
+  </p>
   <div class="btn-list">
     <a href="#" class="btn btn-warning">Okay</a>
     <a href="#" class="btn">Cancel</a>
@@ -301,7 +282,9 @@ Add primary and secondary buttons to your alert modals if you want users to take
 </div>
 <div class="alert alert-danger alert-dismissible" role="alert">
   <h3 class="mb-1">Some Title</h3>
-  <p>Lorem ipsum Minim ad pariatur eiusmod ea ut nulla aliqua est quis id dolore minim voluptate.</p>
+  <p class="text-secondary">
+    Lorem ipsum Minim ad pariatur eiusmod ea ut nulla aliqua est quis id dolore minim voluptate.
+  </p>
   <div class="btn-list">
     <a href="#" class="btn btn-danger">Okay</a>
     <a href="#" class="btn">Cancel</a>
@@ -312,35 +295,53 @@ Add primary and secondary buttons to your alert modals if you want users to take
 
 ## Important alerts
 
-If you want your alert to be really eye-catching, you can add a class `alert-important`.
+If you want your alert to be really eye-catching, you can add a `alert-important` class. It will use the selected color as a background for the alert.
 
 ```html
-<div class="alert alert-important alert-success alert-dismissible" role="alert">
-  ...
-</div>
+<div class="alert alert-important alert-success alert-dismissible" role="alert">...</div>
 ```
 
-Look at the example below to see how the important alert affects the alert modal.
+You can also use other elements, like icons and dismissible buttons, with this type of alert.
 
-```html example vertical background="surface" columns={2} centered separated
+```html example vertical columns={2} centered separated
 <div class="alert alert-important alert-success alert-dismissible" role="alert">
   <div class="d-flex">
     <div>
-      <svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        class="icon alert-icon"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        stroke-width="2"
+        stroke="currentColor"
+        fill="none"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      >
         <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
         <path d="M5 12l5 5l10 -10"></path>
       </svg>
     </div>
-    <div>
-      Wow! Everything worked!
-    </div>
+    <div>Wow! Everything worked!</div>
   </div>
   <a class="btn-close btn-close-white" data-bs-dismiss="alert" aria-label="close"></a>
 </div>
 <div class="alert alert-important alert-danger alert-dismissible" role="alert">
   <div class="d-flex">
     <div>
-      <svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        class="icon alert-icon"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        stroke-width="2"
+        stroke="currentColor"
+        fill="none"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      >
         <path stroke="none" d="M0 0h24v24H0z" fill="none" />
         <circle cx="12" cy="12" r="9" />
         <line x1="12" y1="8" x2="12" y2="12" />
@@ -353,3 +354,33 @@ Look at the example below to see how the important alert affects the alert modal
 </div>
 ```
 
+## Custom alert's color
+
+You're not limited to the 4 default alert's colors. You can use any [base or social color](../base/colors) you want.
+
+```html example vertical background="surface" columns={2} centered separated height="420px"
+<div class="alert alert-lime" role="alert">
+  <h4 class="alert-title">Wow! Everything worked!</h4>
+  <div class="text-secondary">Your account has been saved!</div>
+</div>
+<div class="alert alert-cyan" role="alert">
+  <h4 class="alert-title">Did you know?</h4>
+  <div class="text-secondary">Here is something that you might like to know.</div>
+</div>
+<div class="alert alert-facebook" role="alert">
+  <h4 class="alert-title">You have a new friend on Facebook</h4>
+  <div class="text-secondary">Say hello to your new friend!</div>
+</div>
+<div class="alert alert-instagram alert-dismissible alert-important" role="alert">
+  <div class="d-flex">
+    <div>
+      <span class="avatar me-3" style="background-image: url(/static/samples/avatars/035f.jpg)"></span>
+    </div>
+    <div>
+      <h4 class="alert-title">Sophia just added a new post on Instagram</h4>
+      <div>Be the first to see it!</div>
+    </div>
+  </div>
+  <a class="btn-close" data-bs-dismiss="alert" aria-label="close"></a>
+</div>
+```

docs/ui/components/autosize.mdx

@@ -19,7 +19,7 @@ To create autosize textarea, add the `data-bs-toggle="autosize"` attribute to th
 
 Look at the example below to see how the autosize element works:
 
-```html example centered columns={1} scrollable background="bg-light" height="20rem"
+```html example centered columns={1} scrollable height="20rem"
 <label class="form-label">Autosize example</label>
 <textarea class="form-control" data-bs-toggle="autosize" placeholder="Type something…"></textarea>
 ```

docs/ui/components/badges.mdx

@@ -110,7 +110,7 @@ Badges can be used as part of links or buttons to provide a counter.
 
 The results can be seen in the example below.
 
-```html example centered separated background="surface"
+```html example centered separated
 <button type="button" class="btn">Notifications <span class="badge bg-red-lt ms-2">4</span>
 </button>
 <button type="button" class="btn">Notifications <span class="badge bg-green-lt ms-2">4</span>

docs/ui/components/breadcrumb.mdx

@@ -133,7 +133,7 @@ You can use the `breadcrumb-muted` class to create a muted breadcrumb style. Thi
 
 You can use breadcrumbs in headers to show the current page location and provide a better navigation experience. The example below demonstrates how to use breadcrumbs in headers.
 
-```html example vertical centered columns={3} background="surface"
+```html example vertical centered columns={3}
 <div class="page-header">
   <div class="row align-items-center mw-100">
     <div class="col">

docs/ui/components/charts.mdx

@@ -13,7 +13,7 @@ See also the [ApexCharts](https://apexcharts.com/) documentation.
 
 Line charts are an essential tool for visualizing data trends over time. They are particularly useful for representing continuous data, such as stock prices, website traffic, or user activity. Below is an example of a line chart showcasing session duration, page views, and total visits:
 
-```html example centered columns={2} height="25rem" background="surface" libs="apexcharts"
+```html example centered columns={2} height="25rem" libs="apexcharts"
 <div class="card">
   <div class="card-body">
     <div id="chart-demo-line" class="chart-lg"></div>
@@ -105,7 +105,7 @@ Line charts are an essential tool for visualizing data trends over time. They ar
 
 Area charts are ideal for representing cumulative data over time. They add visual emphasis to trends by filling the space under the line, making it easier to compare values. Here's an example of an area chart with smooth transitions and data from two series:
 
-```html example centered columns={2} height="25rem" background="surface" libs="apexcharts"
+```html example centered columns={2} height="25rem" libs="apexcharts"
 <div class="card">
   <div class="card-body">
     <div id="chart-demo-area" class="chart-lg"></div>
@@ -201,7 +201,7 @@ Area charts are ideal for representing cumulative data over time. They add visua
 
 Bar charts are highly effective for comparing data across different categories. They provide a clear and concise way to visualize differences in values, making them perfect for analyzing categorical data. Here's an example of a bar chart with stacked bars for enhanced readability:
 
-```html example centered columns={2} height="25rem" background="surface" libs="apexcharts"
+```html example centered columns={2} height="25rem" libs="apexcharts"
 <div class="card">
   <div class="card-body">
     <div id="chart-demo-bar" class="chart-lg"></div>
@@ -307,7 +307,7 @@ Bar charts are highly effective for comparing data across different categories.
 
 Pie charts are a simple and effective way to visualize proportions and ratios. They are commonly used to represent data as percentages of a whole, making them ideal for displaying parts of a dataset. Below is an example of a pie chart showcasing distribution across categories:
 
-```html example centered columns={2} height="25rem" background="surface" libs="apexcharts"
+```html example centered columns={2} height="25rem" libs="apexcharts"
 <div class="card">
   <div class="card-body">
     <div id="chart-demo-pie" class="chart-lg"></div>
@@ -365,7 +365,7 @@ Pie charts are a simple and effective way to visualize proportions and ratios. T
 
 Heatmaps provide a graphical representation of data where individual values are represented by color intensity. They are particularly useful for identifying patterns or anomalies within large datasets. Here's an example of a heatmap chart to visualize data distributions:
 
-```html example centered columns={2} height="25rem" background="surface" libs="apexcharts"
+```html example centered columns={2} height="25rem" libs="apexcharts"
 <div class="card">
   <div class="card-body">
     <div id="chart-demo-pie" class="chart-lg"></div>
@@ -423,7 +423,7 @@ Heatmaps provide a graphical representation of data where individual values are
 
 For more complex data visualizations, you can create advanced charts with multiple series and custom configurations. Below is an example of a social media referrals chart combining data from Facebook, Twitter, and Dribbble:
 
-```html example centered columns={2} height="25rem" background="surface" libs="apexcharts"
+```html example centered columns={2} height="25rem" libs="apexcharts"
 <div class="card">
   <div class="card-body">
     <div id="chart-social-referrals" class="chart-lg"></div>

docs/ui/components/dropzone.mdx

@@ -28,7 +28,7 @@ To initialize the Dropzone form, you need to create a new instance of the Dropzo
 
 The Dropzone form will now be active and ready to accept file uploads. When a user drags and drops a file onto the form, the file will be uploaded to the server automatically.
 
-```html example vendors height="240px" libs="dropzone" background="surface"
+```html example vendors height="240px" libs="dropzone"
 <form class="dropzone" id="dropzone-default" action="." autocomplete="off" novalidate>
   <div class="fallback">
     <input name="..." type="file" />
@@ -51,7 +51,7 @@ To allow users to upload multiple files at once, you can enable the `multiple` a
 
 By adding the `multiple` attribute to the input field, users can select multiple files from their local storage and upload them all at once. The Dropzone form will handle the file uploads automatically.
 
-```html example vendors height="240px" libs="dropzone" background="surface"
+```html example vendors height="240px" libs="dropzone"
 <form class="dropzone" id="dropzone-mulitple" action="." autocomplete="off" novalidate>
   <div class="fallback">
     <input name="file" type="file" multiple />
@@ -68,7 +68,7 @@ By adding the `multiple` attribute to the input field, users can select multiple
 
 You can further enhance the user experience by customizing the Dropzone interface. For instance, you can modify the drop area with custom messages or styles to make the file upload process more engaging and user-friendly. Below is an example of a custom Dropzone configuration:
 
-```html example vendors height="240px" libs="dropzone" background="surface"
+```html example vendors height="240px" libs="dropzone"
 <form class="dropzone" id="dropzone-custom" action="." autocomplete="off" novalidate>
   <div class="fallback">
     <input name="file" type="file" />

docs/ui/components/placeholder.mdx

@@ -153,7 +153,7 @@ Animate placeholders with `.placeholder-glow` or `.placeholder-wave` to better c
 
 See in the following examples how else you can use the placeholder component
 
-```html example columns={1} height={1000} separated vertical scrollable background="surface"
+```html example columns={1} height={1000} separated vertical scrollable
 <div class="card placeholder-glow">
   <div class="ratio ratio-21x9 card-img-top placeholder"></div>
   <div class="card-body">

docs/ui/components/spinners.mdx

@@ -95,7 +95,7 @@ Use buttons with spinners to notify users that an action they have taken by clic
 
 Look at the example below to see how the button with a spinner works:
 
-```html example centered separated code background="bg-light"
+```html example centered separated code
 <a href="#" class="btn btn-primary">
   <span class="spinner-border spinner-border-sm me-2" role="status"></span>
   Button
@@ -122,14 +122,14 @@ Look at the example below to see how the button with a spinner works:
 
 Use animated dots to show the loading state of a component. They provide feedback for an action a user has taken, when it takes a bit longer to complete. To do it you need to use the `.animated-dots` class on `span` element.
 
-```html example centered code background="bg-light"
+```html example centered code
 <h1>Loading<span class="animated-dots"></span>
 </h1>
 ```
 
 Use buttons with animated dots to notify users that an action they have taken by clicking the button is in progress and prevent them from clicking multiple times or giving up.
 
-```html example centered separated background="bg-light"
+```html example centered separated
 <a href="#" class="btn btn-primary">
   Loading<span class="animated-dots"></span>
 </a>

docs/ui/components/vector-maps.mdx

@@ -31,7 +31,7 @@ document.addEventListener("DOMContentLoaded", function() {
 
 Look at the example below to see how the vector map works with a world map.
 
-```html example vendors height="30rem" libs="jsvectormap,jsvectormap-world" background="surface" columns={2} centered
+```html example vendors height="30rem" libs="jsvectormap,jsvectormap-world" columns={2} centered
 <div class="card">
   <div class="card-body">
     <div class="ratio ratio-16x9">
@@ -69,7 +69,7 @@ document.addEventListener("DOMContentLoaded", function() {
 
 You can add markers to the map to highlight specific locations. Below is a sample implementation for a world map with markers:
 
-```html example vendors height="30rem" libs="jsvectormap,jsvectormap-world-merc" background="surface" columns={2} centered
+```html example vendors height="30rem" libs="jsvectormap,jsvectormap-world-merc" columns={2} centered
 <div class="card">
   <div class="card-body">
     <div class="ratio ratio-16x9">
@@ -81,90 +81,88 @@ You can add markers to the map to highlight specific locations. Below is a sampl
 </div>
 
 <script>
-      // @formatter:on
-      document.addEventListener("DOMContentLoaded", function() {
-      	const map = new jsVectorMap({
-      		selector: '#map-world-markers',
-      		map: 'world_merc',
-      		backgroundColor: 'transparent',
-      		regionStyle: {
-      			initial: {
-      				fill: tabler.getColor('body-bg'),
-      				stroke: tabler.getColor('border-color'),
-      				strokeWidth: 2,
-      			}
-      		},
-      		zoomOnScroll: false,
-      		zoomButtons: false,
-      		markers: [
-      			{
-      				coords: [61.524, 105.3188],
-      				name: "Russia",
-      			},
-      			{
-      				coords: [56.1304, -106.3468],
-      				name: "Canada",
-      			},
-      			{
-      				coords: [71.7069, -42.6043],
-      				name: "Greenland",
-      			},
-      			{
-      				coords: [26.8206, 30.8025],
-      				name: "Egypt",
-      			},
-      			{
-      				coords: [-14.235, -51.9253],
-      				name: "Brazil",
-      			},
-      			{
-      				coords: [35.8617, 104.1954],
-      				name: "China",
-      			},
-      			{
-      				coords: [37.0902, -95.7129],
-      				name: "United States",
-      			},
-      			{
-      				coords: [60.472024, 8.468946],
-      				name: "Norway",
-      			},
-      			{
-      				coords: [48.379433, 31.16558],
-      				name: "Ukraine",
-      			},
-      		],
-      		markerStyle: {
-      			initial: {
-      				r: 4,
-      				stroke: '#fff',
-      				opacity: 1,
-      				strokeWidth: 3,
-      				stokeOpacity: .5,
-      				fill: tabler.getColor('blue')
-      			},
-      			hover: {
-      				fill: tabler.getColor('blue'),
-      				stroke: tabler.getColor('blue')
-      			}
-      		},
-      		markerLabelStyle: {
-      			initial: {
-      				fontSize: 10
-      			},
-      		},
-      		labels: {
-      			markers: {
-      				render: function(marker) {
-      					return marker.name
-      				},
-      			},
-      		},
-      	});
-      	window.addEventListener("resize", () => {
-      		map.updateSize();
-      	});
-      });
-      // @formatter:off
-    </script>
+document.addEventListener("DOMContentLoaded", function() {
+	const map = new jsVectorMap({
+		selector: '#map-world-markers',
+		map: 'world_merc',
+		backgroundColor: 'transparent',
+		regionStyle: {
+			initial: {
+				fill: tabler.getColor('body-bg'),
+				stroke: tabler.getColor('border-color'),
+				strokeWidth: 2,
+			}
+		},
+		zoomOnScroll: false,
+		zoomButtons: false,
+		markers: [
+			{
+				coords: [61.524, 105.3188],
+				name: "Russia",
+			},
+			{
+				coords: [56.1304, -106.3468],
+				name: "Canada",
+			},
+			{
+				coords: [71.7069, -42.6043],
+				name: "Greenland",
+			},
+			{
+				coords: [26.8206, 30.8025],
+				name: "Egypt",
+			},
+			{
+				coords: [-14.235, -51.9253],
+				name: "Brazil",
+			},
+			{
+				coords: [35.8617, 104.1954],
+				name: "China",
+			},
+			{
+				coords: [37.0902, -95.7129],
+				name: "United States",
+			},
+			{
+				coords: [60.472024, 8.468946],
+				name: "Norway",
+			},
+			{
+				coords: [48.379433, 31.16558],
+				name: "Ukraine",
+			},
+		],
+		markerStyle: {
+			initial: {
+				r: 4,
+				stroke: '#fff',
+				opacity: 1,
+				strokeWidth: 3,
+				stokeOpacity: .5,
+				fill: tabler.getColor('blue')
+			},
+			hover: {
+				fill: tabler.getColor('blue'),
+				stroke: tabler.getColor('blue')
+			}
+		},
+		markerLabelStyle: {
+			initial: {
+				fontSize: 10
+			},
+		},
+		labels: {
+			markers: {
+				render: function(marker) {
+					return marker.name
+				},
+			},
+		},
+	});
+	window.addEventListener("resize", () => {
+		map.updateSize();
+	});
+});
+</script>
 ```

docs/ui/forms/form-color-check.mdx

@@ -15,7 +15,7 @@ Your input controls can come in a variety of colors, depending on your preferenc
 
 There is also an example of a color input:
 
-```html example centered background="bg-light"
+```html example centered
 <div class="mb-3">
   <label class="form-label">Color Input</label>
   <div class="row g-2">
@@ -98,7 +98,7 @@ There is also an example of a color input:
 If you need to select only one color, you can use the radio input type:
 
 
-```html example centered background="bg-light"
+```html example centered
 <div class="mb-3">
   <label class="form-label">Color Input</label>
   <div class="row g-2">
@@ -190,7 +190,7 @@ If you need to select only one color, you can use the radio input type:
 Add an color picker to your form to let users customise it according to their preferences.
 
 ```html
-<input type="color" class="form-control form-control-color" value="#066fd1" title="Choose your color">
+<input type="color" class="form-control form-control-color" value="#2563EB" title="Choose your color">
 ```
 
 There is also an example of a color picker input:
@@ -198,7 +198,7 @@ There is also an example of a color picker input:
 ```html example centered
 <div class="mb-3">
   <label class="form-label">Color picker</label>
-  <input type="color" class="form-control form-control-color" value="#066fd1" title="Choose your color">
+  <input type="color" class="form-control form-control-color" value="#2563EB" title="Choose your color">
 </div>
 ```
 

docs/ui/forms/form-validation.mdx

@@ -10,7 +10,7 @@ To inform users whether the entered value is correct or not, use either of the v
 
 To apply the validation state to the form control, use the `.is-valid` and `.is-invalid` classes.
 
-```html example centered separated columns="1" background="bg-light" height="20rem"
+```html example centered separated columns="1" height="20rem"
 <input type="text" class="form-control is-valid" placeholder="Valid State..." />
 <input type="text" class="form-control is-invalid" placeholder="Invalid State..." />
 ```
@@ -26,7 +26,7 @@ To provide users with additional information about the validation state, you can
 
 This is how it works in the example below:
 
-```html example centered columns="1" background="bg-light" height="20rem"
+```html example centered columns="1" height="20rem"
 <div>
   <label class="form-label required">City</label>
   <input type="text" class="form-control is-invalid" required>
@@ -38,7 +38,7 @@ This is how it works in the example below:
 
 You can also use the `.valid-feedback` to provide users with positive feedback.
 
-```html example centered columns="1" background="bg-light" height="20rem"
+```html example centered columns="1" height="20rem"
 <div>
   <label class="form-label required">City</label>
   <input type="text" class="form-control is-valid" value="Warsaw">
@@ -60,7 +60,7 @@ To do this, use the `.is-valid-lite` and `.is-invalid-lite` classes.
 
 Look how it works in the example below:
 
-```html example centered separated vertical columns="1" background="bg-light" height="20rem"
+```html example centered separated vertical columns="1" height="20rem"
 <input type="text" class="form-control is-valid is-valid-lite" placeholder="Valid State..." />
 <input type="text" class="form-control is-invalid is-invalid-lite" placeholder="Invalid State..." />
 ```

docs/ui/getting-started/how-to-contribute.mdx

@@ -46,10 +46,6 @@ You’ll need Node.js (v20 or higher) and pnpm to compile Tabler’s files. If y
 - [Node.js](https://nodejs.org/)
 - [pnpm](https://pnpm.io/)
 
-### Install Ruby and Bundler
-
-Tabler uses Ruby and Bundler to manage dependencies. Install Ruby and Bundler by following the instructions in the [Ruby documentation](https://www.ruby-lang.org/en/documentation/installation/) and the [Bundler website](https://bundler.io/). 
-
 ### Install dependencies
 
 Run the following command to install all required npm packages. We recommend using pnpm for faster installation:
@@ -58,14 +54,6 @@ Run the following command to install all required npm packages. We recommend usi
 pnpm install
 ```
 
-### Install Jekyll
-
-Tabler uses Jekyll to build the documentation. Install Jekyll by running the following command:
-
-```bash
-bundle install
-```
-
 ### Start developer mode
 
 Use the following command to enable autocompilation with live reload. This will start a local server at `http://localhost:3000/`:

docs/ui/layout/navbars.mdx

@@ -22,7 +22,7 @@ To create a navbar, use the `.navbar` class. The navbar is a horizontal bar that
 
 The navbar can contain links, buttons, and other elements. You can customize the appearance of the navbar by adding classes to the elements inside it.
 
-```html example fullpage vcentered background="surface" padding={0} height="20rem"
+```html example fullpage vcentered padding={0} height="20rem"
 <header class="navbar navbar-expand-md d-print-none">
   <div class="container-xl">
     <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
@@ -31,7 +31,7 @@ The navbar can contain links, buttons, and other elements. You can customize the
     <div class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
       <a href="javascript:void(0)">
         <svg xmlns="http://www.w3.org/2000/svg" width="110" height="32" viewBox="0 0 232 68" class="navbar-brand-image">
-          <path d="M64.6 16.2C63 9.9 58.1 5 51.8 3.4 40 1.5 28 1.5 16.2 3.4 9.9 5 5 9.9 3.4 16.2 1.5 28 1.5 40 3.4 51.8 5 58.1 9.9 63 16.2 64.6c11.8 1.9 23.8 1.9 35.6 0C58.1 63 63 58.1 64.6 51.8c1.9-11.8 1.9-23.8 0-35.6zM33.3 36.3c-2.8 4.4-6.6 8.2-11.1 11-1.5.9-3.3.9-4.8.1s-2.4-2.3-2.5-4c0-1.7.9-3.3 2.4-4.1 2.3-1.4 4.4-3.2 6.1-5.3-1.8-2.1-3.8-3.8-6.1-5.3-2.3-1.3-3-4.2-1.7-6.4s4.3-2.9 6.5-1.6c4.5 2.8 8.2 6.5 11.1 10.9 1 1.4 1 3.3.1 4.7zM49.2 46H37.8c-2.1 0-3.8-1-3.8-3s1.7-3 3.8-3h11.4c2.1 0 3.8 1 3.8 3s-1.7 3-3.8 3z" fill="#066fd1" style="fill: var(--tblr-primary, #066fd1)"></path>
+          <path d="M64.6 16.2C63 9.9 58.1 5 51.8 3.4 40 1.5 28 1.5 16.2 3.4 9.9 5 5 9.9 3.4 16.2 1.5 28 1.5 40 3.4 51.8 5 58.1 9.9 63 16.2 64.6c11.8 1.9 23.8 1.9 35.6 0C58.1 63 63 58.1 64.6 51.8c1.9-11.8 1.9-23.8 0-35.6zM33.3 36.3c-2.8 4.4-6.6 8.2-11.1 11-1.5.9-3.3.9-4.8.1s-2.4-2.3-2.5-4c0-1.7.9-3.3 2.4-4.1 2.3-1.4 4.4-3.2 6.1-5.3-1.8-2.1-3.8-3.8-6.1-5.3-2.3-1.3-3-4.2-1.7-6.4s4.3-2.9 6.5-1.6c4.5 2.8 8.2 6.5 11.1 10.9 1 1.4 1 3.3.1 4.7zM49.2 46H37.8c-2.1 0-3.8-1-3.8-3s1.7-3 3.8-3h11.4c2.1 0 3.8 1 3.8 3s-1.7 3-3.8 3z" fill="#2563EB" style="fill: var(--tblr-primary, #2563EB)"></path>
           <path d="M105.8 46.1c.4 0 .9.2 1.2.6s.6 1 .6 1.7c0 .9-.5 1.6-1.4 2.2s-2 .9-3.2.9c-2 0-3.7-.4-5-1.3s-2-2.6-2-5.4V31.6h-2.2c-.8 0-1.4-.3-1.9-.8s-.9-1.1-.9-1.9c0-.7.3-1.4.8-1.8s1.2-.7 1.9-.7h2.2v-3.1c0-.8.3-1.5.8-2.1s1.3-.8 2.1-.8 1.5.3 2 .8.8 1.3.8 2.1v3.1h3.4c.8 0 1.4.3 1.9.8s.8 1.2.8 1.9-.3 1.4-.8 1.8-1.2.7-1.9.7h-3.4v13c0 .7.2 1.2.5 1.5s.8.5 1.4.5c.3 0 .6-.1 1.1-.2.5-.2.8-.3 1.2-.3zm28-20.7c.8 0 1.5.3 2.1.8.5.5.8 1.2.8 2.1v20.3c0 .8-.3 1.5-.8 2.1-.5.6-1.2.8-2.1.8s-1.5-.3-2-.8-.8-1.2-.8-2.1c-.8.9-1.9 1.7-3.2 2.4-1.3.7-2.8 1-4.3 1-2.2 0-4.2-.6-6-1.7-1.8-1.1-3.2-2.7-4.2-4.7s-1.6-4.3-1.6-6.9c0-2.6.5-4.9 1.5-6.9s2.4-3.6 4.2-4.8c1.8-1.1 3.7-1.7 5.9-1.7 1.5 0 3 .3 4.3.8 1.3.6 2.5 1.3 3.4 2.1 0-.8.3-1.5.8-2.1.5-.5 1.2-.7 2-.7zm-9.7 21.3c2.1 0 3.8-.8 5.1-2.3s2-3.4 2-5.7-.7-4.2-2-5.8c-1.3-1.5-3-2.3-5.1-2.3-2 0-3.7.8-5 2.3-1.3 1.5-2 3.5-2 5.8s.6 4.2 1.9 5.7 3 2.3 5.1 2.3zm32.1-21.3c2.2 0 4.2.6 6 1.7 1.8 1.1 3.2 2.7 4.2 4.7s1.6 4.3 1.6 6.9-.5 4.9-1.5 6.9-2.4 3.6-4.2 4.8c-1.8 1.1-3.7 1.7-5.9 1.7-1.5 0-3-.3-4.3-.9s-2.5-1.4-3.4-2.3v.3c0 .8-.3 1.5-.8 2.1-.5.6-1.2.8-2.1.8s-1.5-.3-2.1-.8c-.5-.5-.8-1.2-.8-2.1V18.9c0-.8.3-1.5.8-2.1.5-.6 1.2-.8 2.1-.8s1.5.3 2.1.8c.5.6.8 1.3.8 2.1v10c.8-1 1.8-1.8 3.2-2.5 1.3-.7 2.8-1 4.3-1zm-.7 21.3c2 0 3.7-.8 5-2.3s2-3.5 2-5.8-.6-4.2-1.9-5.7-3-2.3-5.1-2.3-3.8.8-5.1 2.3-2 3.4-2 5.7.7 4.2 2 5.8c1.3 1.6 3 2.3 5.1 2.3zm23.6 1.9c0 .8-.3 1.5-.8 2.1s-1.3.8-2.1.8-1.5-.3-2-.8-.8-1.3-.8-2.1V18.9c0-.8.3-1.5.8-2.1s1.3-.8 2.1-.8 1.5.3 2 .8.8 1.3.8 2.1v29.7zm29.3-10.5c0 .8-.3 1.4-.9 1.9-.6.5-1.2.7-2 .7h-15.8c.4 1.9 1.3 3.4 2.6 4.4 1.4 1.1 2.9 1.6 4.7 1.6 1.3 0 2.3-.1 3.1-.4.7-.2 1.3-.5 1.8-.8.4-.3.7-.5.9-.6.6-.3 1.1-.4 1.6-.4.7 0 1.2.2 1.7.7s.7 1 .7 1.7c0 .9-.4 1.6-1.3 2.4-.9.7-2.1 1.4-3.6 1.9s-3 .8-4.6.8c-2.7 0-5-.6-7-1.7s-3.5-2.7-4.6-4.6-1.6-4.2-1.6-6.6c0-2.8.6-5.2 1.7-7.2s2.7-3.7 4.6-4.8 3.9-1.7 6-1.7 4.1.6 6 1.7 3.4 2.7 4.5 4.7c.9 1.9 1.5 4.1 1.5 6.3zm-12.2-7.5c-3.7 0-5.9 1.7-6.6 5.2h12.6v-.3c-.1-1.3-.8-2.5-2-3.5s-2.5-1.4-4-1.4zm30.3-5.2c1 0 1.8.3 2.4.8.7.5 1 1.2 1 1.9 0 1-.3 1.7-.8 2.2-.5.5-1.1.8-1.8.7-.5 0-1-.1-1.6-.3-.2-.1-.4-.1-.6-.2-.4-.1-.7-.1-1.1-.1-.8 0-1.6.3-2.4.8s-1.4 1.3-1.9 2.3-.7 2.3-.7 3.7v11.4c0 .8-.3 1.5-.8 2.1-.5.6-1.2.8-2.1.8s-1.5-.3-2.1-.8c-.5-.6-.8-1.3-.8-2.1V28.8c0-.8.3-1.5.8-2.1.5-.6 1.2-.8 2.1-.8s1.5.3 2.1.8c.5.6.8 1.3.8 2.1v.6c.7-1.3 1.8-2.3 3.2-3 1.3-.7 2.8-1 4.3-1z" fill-rule="evenodd" clip-rule="evenodd" fill="#4a4a4a"></path>
         </svg>
       </a>

docs/ui/layout/page-layouts.mdx

@@ -12,7 +12,7 @@ description: Learn to design dashboard layouts.
 
 To create a sample version of the dashboard, you can use the following code snippet. This code snippet will help you to create a dashboard layout with a header.
 
-```html example fullpage resizable height="30rem" background="surface"
+```html example fullpage resizable height="30rem"
 <div class="page">
   <header class="navbar navbar-expand-sm navbar-light d-print-none">
     <div class="container-xl">
@@ -69,7 +69,7 @@ To create a sample version of the dashboard, you can use the following code snip
 
 To create a sidebar layout, you can use the following code snippet. This code snippet will help you to create a sidebar layout with a header.
 
-```html example fullpage resizable height="30rem" background="surface"
+```html example fullpage resizable height="30rem"
 <div class="page">
   <!-- Sidebar -->
   <aside class="navbar navbar-vertical navbar-expand-sm" data-bs-theme="dark">

docs/ui/plugins/payments.mdx

@@ -19,7 +19,7 @@ You can also include plugin via CDN:
 
 To create a payment provider icon, add the `payment` class to a component and specify the payment provider. The full list of payment providers can be found below.
 
-```html example plugins="payments" separated centered background="bg-light"
+```html example plugins="payments" separated centered
 <span class="payment payment-provider-shopify"></span>
 <span class="payment payment-provider-visa"></span>
 <span class="payment payment-provider-paypal"></span>
@@ -29,7 +29,7 @@ To create a payment provider icon, add the `payment` class to a component and sp
 
 Using Bootstrap’s typical naming structure, you can create a standard payment, or scale it up or down to different sizes based on what’s needed.
 
-```html example plugins="payments" separated centered background="bg-light"
+```html example plugins="payments" separated centered
 <span class="payment payment-xl payment-provider-shopify"></span>
 <span class="payment payment-lg payment-provider-visa"></span>
 <span class="payment payment-md payment-provider-paypal"></span>

eleventy.config.mjs

@@ -0,0 +1,544 @@
+import { readFileSync } from 'fs';
+import { EleventyRenderPlugin } from "@11ty/eleventy";
+
+/** @type {import('@11ty/eleventy').LocalConfig} */
+export default function (eleventyConfig) {
+	const env = process.env.NODE_ENV || "development";
+	const isDevelopment = env === "development";
+
+	eleventyConfig.setInputDirectory("src/pages");
+	eleventyConfig.setOutputDirectory(process.env.DIST_DIR || "demo");
+
+	eleventyConfig.setLayoutsDirectory("_layouts");
+	eleventyConfig.setIncludesDirectory("_includes");
+
+	eleventyConfig.setWatchThrottleWaitTime(100);
+
+	eleventyConfig.addPassthroughCopy("src/pages/favicon.ico");
+
+	eleventyConfig.addPlugin(EleventyRenderPlugin, {
+		accessGlobalData: true,
+	});
+
+	eleventyConfig.setLiquidOptions({
+		timezoneOffset: 0,
+		jekyllInclude: true,
+		dynamicPartials: true,
+		jekyllWhere: true,
+	});
+
+	if (isDevelopment) {
+		eleventyConfig.addWatchTarget("dist");
+	}
+
+	/**
+	 * Data
+	 */
+	eleventyConfig.addGlobalData("environment", env);
+
+	eleventyConfig.addGlobalData("package", JSON.parse(readFileSync("package.json", "utf-8")));
+	eleventyConfig.addGlobalData("readme", readFileSync("README.md", "utf-8"));
+	eleventyConfig.addGlobalData("license", readFileSync("LICENSE", "utf-8"));
+	eleventyConfig.addGlobalData("changelog", readFileSync("CHANGELOG.md", "utf-8"));
+
+	eleventyConfig.addGlobalData("site", {
+		title: "Tabler",
+		description: "Premium and Open Source dashboard template with responsive and high quality UI.",
+		themeColor: "#2563EB",
+
+		email: "support@tabler.io",
+		homepage: "https://tabler.io",
+		githubUrl: "https://github.com/tabler/tabler",
+		githubSponsorsUrl: "https://github.com/sponsors/codecalm",
+		changelogUrl: "https://github.com/tabler/tabler/releases",
+		sponsorUrl: "https://github.com/sponsors/codecalm",
+		previewUrl: "https://tabler.io/demo",
+		docsUrl: "https://tabler.io/docs",
+
+		mapboxKey: "pk.eyJ1IjoidGFibGVyIiwiYSI6ImNscHh3dnhndjB2M3QycW85bGd0NXRmZ3YifQ.9LfHPsNoEXQH-xzz-81Ffw",
+		googleMapsKey: "AIzaSyAr5mRB4U1KRkVznIrDWEvZjroYcD202DI",
+		googleMapsDevKey: "AIzaSyCL-BY8-sq12m0S9H-S_yMqDmcun3A9znw",
+		npmPackage: "@tabler/core",
+
+		tablerCssPlugins: [
+			"tabler-flags",
+			"tabler-socials",
+			"tabler-payments",
+			"tabler-vendors",
+			"tabler-marketing"
+		],
+
+		icons: {
+			link: "https://tabler.io/icons"
+		},
+		emails: {
+			price: "$29",
+			buy_link: "https://r.tabler.io/buy-emails"
+		},
+		illustrations: {
+			price: "$59",
+			count: 50,
+			buy_link: "https://r.tabler.io/buy-illustrations"
+		},
+
+		colors: {
+			"blue": {
+				"class": "blue",
+				"hex": "#066fd1",
+				"title": "Blue"
+			},
+			"azure": {
+				"class": "azure",
+				"hex": "#45aaf2",
+				"title": "Azure"
+			},
+			"indigo": {
+				"class": "indigo",
+				"hex": "#6574cd",
+				"title": "Indigo"
+			},
+			"purple": {
+				"class": "purple",
+				"hex": "#a55eea",
+				"title": "Purple"
+			},
+			"pink": {
+				"class": "pink",
+				"hex": "#f66d9b",
+				"title": "Pink"
+			},
+			"red": {
+				"class": "red",
+				"hex": "#fa4654",
+				"title": "Red"
+			},
+			"orange": {
+				"class": "orange",
+				"hex": "#fd9644",
+				"title": "Orange"
+			},
+			"yellow": {
+				"class": "yellow",
+				"hex": "#f1c40f",
+				"title": "Yellow"
+			},
+			"lime": {
+				"class": "lime",
+				"hex": "#7bd235",
+				"title": "Lime"
+			},
+			"green": {
+				"class": "green",
+				"hex": "#5eba00",
+				"title": "Green"
+			},
+			"teal": {
+				"class": "teal",
+				"hex": "#2bcbba",
+				"title": "Teal"
+			},
+			"cyan": {
+				"class": "cyan",
+				"hex": "#17a2b8",
+				"title": "Cyan"
+			}
+		},
+		skinColors: {
+			"rose": {
+				"hex": "#FFCB9D",
+				"title": "Rose",
+				"class": "rose"
+			},
+			"yellow": {
+				"hex": "#F0BA60",
+				"title": "Yellow",
+				"class": "yellow"
+			},
+			"skin-1": {
+				"hex": "#e2c6a7",
+				"title": "Skin 1",
+				"class": "skin-1"
+			},
+			"skin-2": {
+				"hex": "#c7a786",
+				"title": "Skin 2",
+				"class": "skin-2"
+			},
+			"skin-3": {
+				"hex": "#a68063",
+				"title": "Skin 3",
+				"class": "skin-3"
+			},
+			"skin-4": {
+				"hex": "#926241",
+				"title": "Skin 4",
+				"class": "skin-4"
+			},
+			"skin-5": {
+				"hex": "#654c45",
+				"title": "Skin 5",
+				"class": "skin-5"
+			},
+			"gray": {
+				"hex": "#d5d7dd",
+				"title": "Gray",
+				"class": "gray"
+			}
+		},
+		colorsExtra: {
+			"white": {
+				"hex": "#ffffff",
+				"title": "White"
+			},
+			"dark": {
+				"hex": "#303645",
+				"title": "Dark"
+			},
+			"gray": {
+				"hex": "#868e96",
+				"title": "Gray"
+			}
+		},
+		variants: [
+			{
+				"name": "success",
+				"icon": "check"
+			},
+			{
+				"name": "info",
+				"icon": "info-circle"
+			},
+			{
+				"name": "warning",
+				"icon": "alert-triangle"
+			},
+			{
+				"name": "danger",
+				"icon": "alert-circle"
+			}
+		],
+		"themeColors": {
+			"primary": {
+				"class": "primary",
+				"title": "Primary"
+			},
+			"secondary": {
+				"class": "secondary",
+				"title": "Secondary"
+			},
+			"success": {
+				"class": "success",
+				"title": "Success"
+			},
+			"warning": {
+				"class": "warning",
+				"title": "Warning"
+			},
+			"danger": {
+				"class": "danger",
+				"title": "Danger"
+			},
+			"info": {
+				"class": "info",
+				"title": "Info"
+			},
+			"dark": {
+				"class": "dark",
+				"title": "Dark"
+			},
+			"light": {
+				"class": "light",
+				"title": "Light"
+			}
+		},
+		"buttonStates": [
+			{
+				"class": null,
+				"title": "Normal"
+			},
+			{
+				"class": "active",
+				"title": "Active state"
+			},
+			{
+				"class": "disabled",
+				"title": "Disabled"
+			}
+		],
+		"socials": {
+			"x": {
+				"icon": "brand-x",
+				"title": "X"
+			},
+			"facebook": {
+				"icon": "brand-facebook",
+				"title": "Facebook"
+			},
+			"twitter": {
+				"icon": "brand-twitter",
+				"title": "Twitter"
+			},
+			"google": {
+				"icon": "brand-google",
+				"title": "Google"
+			},
+			"youtube": {
+				"icon": "brand-youtube",
+				"title": "Youtube"
+			},
+			"vimeo": {
+				"icon": "brand-vimeo",
+				"title": "Vimeo"
+			},
+			"dribbble": {
+				"icon": "brand-dribbble",
+				"title": "Dribbble"
+			},
+			"github": {
+				"icon": "brand-github",
+				"title": "Github"
+			},
+			"instagram": {
+				"icon": "brand-instagram",
+				"title": "Instagram"
+			},
+			"pinterest": {
+				"icon": "brand-pinterest",
+				"title": "Pinterest"
+			},
+			"vk": {
+				"icon": "brand-vk",
+				"title": "VK"
+			},
+			"rss": {
+				"icon": "rss",
+				"title": "RSS"
+			},
+			"flickr": {
+				"icon": "brand-flickr",
+				"title": "Flickr"
+			},
+			"bitbucket": {
+				"icon": "brand-bitbucket",
+				"title": "Bitbucket"
+			},
+			"tabler": {
+				"icon": "brand-tabler",
+				"title": "Tabler"
+			}
+		},
+		"months-short": [
+			"Jan",
+			"Feb",
+			"Mar",
+			"Apr",
+			"May",
+			"Jun",
+			"Jul",
+			"Aug",
+			"Sep",
+			"Oct",
+			"Nov",
+			"Dec"
+		],
+		"months-long": [
+			"January",
+			"February",
+			"March",
+			"April",
+			"May",
+			"June",
+			"July",
+			"August",
+			"September",
+			"October",
+			"November",
+			"December"
+		]
+	});
+
+	/**
+	 * Filters
+	 */
+	eleventyConfig.addFilter("miliseconds_to_minutes", function (value) { 
+		// Raturn 3:45 time format
+		const minutes = Math.floor(value / 60000);
+		const seconds = ((value % 60000) / 1000).toFixed(0);
+		return `${minutes}:${seconds < 10 ? '0' : ''}${seconds}`;
+	 });
+
+	eleventyConfig.addFilter("relative", (page) => {
+		const segments = (page.url || '').replace(/^\//).split('/');
+		if (segments.length === 1) {
+			return '.';
+		} else {
+			return '../'.repeat(segments.length - 1).slice(0, -1);
+		}
+	});
+
+	eleventyConfig.addFilter("concat_objects", function (object, object2) {
+		if (
+			object &&
+			object2 &&
+			typeof object === 'object' &&
+			typeof object2 === 'object' &&
+			!Array.isArray(object) &&
+			!Array.isArray(object2)
+		) {
+			return { ...object, ...object2 };
+		}
+		return object;
+	});
+
+	eleventyConfig.addFilter("replace_regex", function (input, regStr, replStr) {
+		const regex = new RegExp(regStr, 'gm');
+		return input.replace(regex, replStr);
+	});
+
+	eleventyConfig.addFilter("timestamp_to_date", function (timestamp) {
+		const date = new Date(timestamp * 1000); // Convert timestamp to milliseconds
+		return date.toISOString().split('T')[0]; // Extract the date in 'YYYY-MM-DD' format
+	});
+
+	eleventyConfig.addFilter("split_to_n", function (arr, n) {
+		const chunkSize = Math.round(arr.length / n);
+		const result = [];
+		for (let i = 0; i < arr.length; i += chunkSize) {
+			result.push(arr.slice(i, i + chunkSize));
+		}
+		return result;
+	})
+
+	eleventyConfig.addFilter("format_number", function (value) {
+		return value.toString()
+			.split('')
+			.reverse()
+			.reduce((acc, char, index) => {
+				if (index > 0 && index % 3 === 0) {
+					acc.push(',');
+				}
+				acc.push(char);
+				return acc;
+			}, [])
+			.reverse()
+			.join('');
+	});
+
+	function randomNumber(x, min = 0, max = 100, round = 0) {
+		let value = ((x * x * Math.PI * Math.E * (max + 1) * (Math.sin(x) / Math.cos(x * x))) % (max + 1 - min)) + min;
+
+		value = value > max ? max : value;
+		value = value < min ? min : value;
+
+		if (round !== 0) {
+			value = parseFloat(value.toFixed(round));
+		} else {
+			value = Math.floor(value);
+		}
+
+		return value;
+	}
+
+	eleventyConfig.addFilter("random_date_ago", function (x, daysAgo = 100) {
+		const today = new Date();
+		const randomDaysAgo = randomNumber(x, 0, daysAgo);
+		today.setDate(today.getDate() - randomDaysAgo);
+		return today;
+	});
+
+	eleventyConfig.addFilter("random_date", function (x, startDate = null, endDate = null) {
+		const start = startDate ? new Date(startDate).getTime() : Date.now() - 100 * 24 * 60 * 60 * 1000;
+		const end = endDate ? new Date(endDate).getTime() : Date.now();
+
+		const randomTimestamp = randomNumber(x, start, end);
+		return new Date(randomTimestamp);
+	});
+
+	eleventyConfig.addFilter("random_item", function (x, items) {
+		const index = randomNumber(x, 0, items.length - 1);
+		return items[index];
+	});
+
+	eleventyConfig.addFilter("random_number", randomNumber);
+
+	eleventyConfig.addFilter("first_letters", function capitalizeFirstLetter(string) {
+		return string.split(' ').map(word => word.charAt(0)).join('');
+	})
+
+	eleventyConfig.addFilter("size", function (elem) {
+		if (elem instanceof Object) {
+			return Object.keys(elem).length;
+		}
+
+		return elem.length;
+	})
+
+	eleventyConfig.addFilter("first", function (elem) {
+		if (elem instanceof Object) {
+			return elem[Object.keys(elem)[0]];
+		}
+
+		return elem[0];
+	})
+
+	// time ago from today
+	eleventyConfig.addFilter("timeago", function (date) {
+		const seconds = Math.floor((new Date() - date) / 1000);
+
+		let interval = Math.floor(seconds / 31536000);
+
+		if (interval > 1) {
+			return interval + " years ago";
+		}
+		interval = Math.floor(seconds / 2592000);
+		if (interval > 1) {
+			return interval + " months ago";
+		}
+		interval = Math.floor(seconds / 86400);
+		if (interval > 1) {
+			return interval + " days ago";
+		}
+		interval = Math.floor(seconds / 3600);
+		if (interval > 1) {
+			return interval + " hours ago";
+		}
+		interval = Math.floor(seconds / 60);
+		if (interval > 1) {
+			return interval + " minutes ago";
+		}
+		if (seconds > 0) {
+			return Math.floor(seconds) + " seconds ago";
+		}
+
+		return "now";
+	})
+
+	/**
+	 * Shortcodes
+	 */
+	const tags = ["capture_global", "endcapture_global", "highlight", "endhighlight"];
+	tags.forEach(tag => {
+		eleventyConfig.addLiquidTag(tag, function (liquidEngine) {
+			return {
+				parse: function (tagToken, remainingTokens) {
+					this.str = tagToken.args;
+				},
+				render: function (scope, hash) {
+					return "";
+				},
+			};
+		});
+	});
+
+	/**
+	 * Transforms
+	 */
+	function prettifyHTML(content, outputPath) {
+		return outputPath.endsWith('.html')
+			? content
+				.replace(/\/\/ @formatter:(on|off)\n+/gm, '')
+			: content
+	}
+
+	eleventyConfig.addTransform('htmlformat', prettifyHTML)
+};

gulpfile.js

@@ -18,9 +18,7 @@ const gulp = require('gulp'),
 	vinylSource = require('vinyl-source-stream'),
 	vinylBuffer = require('vinyl-buffer'),
 	browserSync = require('browser-sync'),
-	glob = require('glob'),
 	spawn = require('cross-spawn'),
-	fs = require('fs'),
 	path = require('path'),
 	yargs = require('yargs/yargs'),
 	cp = require('child_process'),
@@ -30,8 +28,8 @@ const gulp = require('gulp'),
 	argv = yargs(process.argv).argv
 
 let BUILD = false,
-	distDir = './.tmp',
-	demoDir = './.tmp',
+	distDir = './dist',
+	demoDir = './demo',
 	srcDir = './src'
 
 /**
@@ -39,9 +37,6 @@ let BUILD = false,
  */
 gulp.task('build-on', (cb) => {
 	BUILD = true
-	distDir = './dist'
-	demoDir = './demo'
-
 	cb()
 })
 
@@ -60,48 +55,6 @@ const getBanner = () => {
 `
 }
 
-/**
- * Array.flat polyfill
- */
-if (!Array.prototype.flat) {
-	Object.defineProperty(Array.prototype, 'flat', {
-		value: function (depth = 1) {
-			return this.reduce(function (flat, toFlatten) {
-				return flat.concat((Array.isArray(toFlatten) && (depth > 1)) ? toFlatten.flat(depth - 1) : toFlatten)
-			}, [])
-		}
-	})
-}
-
-/**
- * Check unused Jekyll partials
- */
-gulp.task('unused-files', (cb) => {
-	let foundFiles = []
-
-	glob.sync(`${srcDir}/pages/**/*.{html,md}`).forEach((file) => {
-		let fileContent = fs.readFileSync(file)
-
-		fileContent.toString().replace(/\{% include(_cached)? ([a-z0-9\/_-]+\.html)/g, (f, c, filename) => {
-			filename = `${srcDir}/pages/_includes/${filename}`
-
-			if (!foundFiles.includes(filename)) {
-				foundFiles.push(filename)
-			}
-		})
-	})
-
-	let includeFiles = glob.sync(`${srcDir}/pages/_includes/**/*.html`)
-
-	includeFiles.forEach((file) => {
-		if (!foundFiles.includes(file)) {
-			console.log('file', file)
-		}
-	})
-
-	cb()
-})
-
 /**
  * Clean `dist` folder before build
  */
@@ -111,17 +64,12 @@ gulp.task('clean-dirs', () => {
 		.pipe(clean())
 })
 
-gulp.task('clean-jekyll', (cb) => {
-	return spawn('bundle', ['exec', 'jekyll', 'clean'], { stdio: 'inherit' })
-		.on('close', cb)
-})
-
 /**
  * Compile SASS to CSS and move it to dist directory
  */
 gulp.task('sass', () => {
 	return gulp
-		.src(argv.withPlugins || BUILD ? `${srcDir}/scss/!(_)*.scss` : `${srcDir}/scss/+(tabler|demo).scss`)
+		.src(`${srcDir}/scss/!(_)*.scss`)
 		.pipe(debug())
 		.pipe(sass({
 			includePaths: ['node_modules'],
@@ -294,27 +242,27 @@ gulp.task('mjs', () => {
 })
 
 /**
- * Watch Jekyll files and build it to demo directory
+ * Watch eleventy files and build it to demo directory
  */
-gulp.task('watch-jekyll', (cb) => {
-	browserSync.notify('Building Jekyll')
-	return spawn('bundle', ['exec', 'jekyll', 'build', '--watch', '--destination', demoDir, '--trace'], { stdio: 'inherit' })
+gulp.task('watch-eleventy', (cb) => {
+	browserSync.notify('Building eleventy')
+	return spawn('pnpm', ['run', 'watch:html'], { stdio: 'inherit' })
 		.on('close', cb)
 })
 
 /**
- * Build Jekyll files do demo directory
+ * Build eleventy files do demo directory
  */
-gulp.task('build-jekyll', (cb) => {
+gulp.task('build-eleventy', (cb) => {
 	var env = Object.create(process.env)
 
 	if (argv.preview) {
-		env.JEKYLL_ENV = 'preview'
+		env.eleventy_ENV = 'preview'
 	} else {
-		env.JEKYLL_ENV = 'production'
+		env.eleventy_ENV = 'production'
 	}
 
-	return spawn('bundle', ['exec', 'jekyll', 'build', '--destination', demoDir, '--trace', '--config', '_config.yml,_config_prod.yml'], {
+	return spawn('pnpm', ['run', 'build:html'], {
 		env: env,
 		stdio: 'inherit'
 	})
@@ -359,10 +307,9 @@ gulp.task('browser-sync', () => {
 			baseDir: demoDir,
 			routes: {
 				'/node_modules': 'node_modules',
-				'/dist/css': `${distDir}/css`,
-				'/dist/js': `${distDir}/js`,
 				'/dist/img': `${srcDir}/img`,
 				'/static': `${srcDir}/static`,
+				'/dist': `${distDir}`,
 			},
 		},
 		port: 3000,
@@ -444,10 +391,10 @@ gulp.task('add-banner', () => {
 		.pipe(gulp.dest(`${distDir}`))
 })
 
-gulp.task('clean', gulp.series('clean-dirs', 'clean-jekyll'))
+gulp.task('clean', gulp.series('clean-dirs'))
 
-gulp.task('start', gulp.series('clean', 'sass', 'js', gulp.parallel('js-demo', 'js-demo-theme'), 'mjs', 'build-jekyll', gulp.parallel('watch-jekyll', 'watch', 'browser-sync')))
+gulp.task('start', gulp.series('clean', 'sass', 'js', gulp.parallel('js-demo', 'js-demo-theme'), 'mjs', 'build-eleventy', gulp.parallel('watch-eleventy', 'watch', 'browser-sync')))
 
 gulp.task('build-core', gulp.series('build-on', 'clean', 'sass', 'css-rtl', 'css-minify', 'js', gulp.parallel('js-demo', 'js-demo-theme'), 'mjs', 'copy-images', 'copy-libs', 'add-banner'))
-gulp.task('build-demo', gulp.series('build-on', 'build-jekyll', 'copy-static', 'copy-dist', 'build-cleanup', 'build-purgecss'))
+gulp.task('build-demo', gulp.series('build-on', 'build-eleventy', 'copy-static', 'copy-dist', 'build-cleanup', 'build-purgecss'))
 gulp.task('build', gulp.series('build-core', 'build-demo'))

package.json

@@ -4,9 +4,8 @@
   "description": "Premium and Open Source dashboard template with responsive and high quality UI.",
   "homepage": "https://tabler.io",
   "scripts": {
-    "dev": "pnpm run start-plugins",
+    "dev": "pnpm run start",
     "start": "gulp start",
-    "start-plugins": "gulp start --with-plugins",
     "build": "gulp build",
     "build-docs": "mkdir public && touch public/index.html && echo 'ok'",
     "preview": "gulp build --preview",
@@ -22,7 +21,9 @@
     "optimize-images": "for i in ./src/static/photos/*.jpg; do convert \"$i\" -quality 80% \"${i%.jpg}.jpg\"; done",
     "format:check": "prettier --check src/**/*.{js,scss} --cache",
     "format:write": "prettier --write src/**/*.{js,scss} --cache",
-    "illustrations": "node .build/import-illustrations.js"
+    "illustrations": "node .build/import-illustrations.js",
+    "build:html": "eleventy",
+    "watch:html": "eleventy --watch --incremental"
   },
   "repository": {
     "type": "git",
@@ -47,7 +48,7 @@
     "url": "https://github.com/sponsors/codecalm"
   },
   "engines": {
-    "node": "20"
+    "node": ">=20"
   },
   "files": [
     "docs/**/*",
@@ -131,21 +132,20 @@
     ]
   },
   "devDependencies": {
+    "@11ty/eleventy": "^3.0.0",
     "@babel/core": "^7.26.0",
     "@babel/preset-env": "^7.26.0",
     "@changesets/cli": "^2.27.11",
     "@rollup/plugin-commonjs": "^24.1.0",
     "@rollup/plugin-node-resolve": "^15.3.1",
     "@rollup/plugin-replace": "^5.0.7",
-    "@rollup/pluginutils": "^5.1.4",
     "@rollup/stream": "^2.0.0",
-    "@shopify/prettier-plugin-liquid": "^1.6.3",
-    "apexcharts": "^3.54.1",
+    "apexcharts": "^4.3.0",
     "autoprefixer": "^10.4.20",
     "autosize": "^6.0.1",
     "browser-sync": "^2.29.3",
     "bundlewatch": "^0.4.0",
-    "choices.js": "^10.2.0",
+    "choices.js": "^11.0.3",
     "countup.js": "^2.8.0",
     "cross-spawn": "^7.0.6",
     "dropzone": "^6.0.0-beta.2",
@@ -157,13 +157,14 @@
     "gulp-clean-css": "^4.3.0",
     "gulp-debug": "^4.0.0",
     "gulp-header": "^2.0.9",
-    "gulp-postcss": "^9.0.1",
+    "gulp-postcss": "^9.1.0",
     "gulp-purgecss": "^5.0.0",
     "gulp-rename": "^2.0.0",
     "gulp-replace": "^1.1.4",
     "gulp-rtlcss": "^2.0.0",
     "gulp-sass": "^5.1.0",
     "gulp-terser": "^2.1.0",
+    "html-minifier": "^4.0.0",
     "imageoptim-cli": "^3.1.9",
     "imask": "^7.6.1",
     "js-beautify": "^1.15.1",
@@ -172,27 +173,25 @@
     "litepicker": "^2.0.12",
     "nouislider": "^15.8.1",
     "plyr": "^3.7.8",
-    "postcss": "^8.4.49",
+    "postcss": "^8.5.1",
     "prettier": "^2.8.8",
     "release-it": "^15.11.0",
     "request": "^2.88.2",
     "rollup": "2.79.2",
     "rollup-plugin-babel": "^4.4.0",
     "rollup-plugin-cleanup": "^3.2.1",
-    "sass": "1.71.1",
+    "sass": "1.71.0",
     "star-rating.js": "^4.3.1",
-    "tinymce": "^7.5.1",
+    "tinymce": "^7.6.0",
     "tom-select": "^2.4.1",
     "typed.js": "^2.1.0",
     "vinyl-buffer": "^1.0.1",
     "vinyl-source-stream": "^2.0.0",
-    "yaml": "^2.6.1",
-    "yargs": "^17.7.2",
-    "zod": "^3.23.8"
+    "yargs": "^17.7.2"
   },
   "dependencies": {
     "@popperjs/core": "^2.11.8",
-    "@tabler/icons": "^3.26.0",
+    "@tabler/icons": "^3.29.0",
     "bootstrap": "5.3.3"
   },
   "peerDependencies": {

src/pages/2-step-verification-code.html

@@ -1,11 +1,12 @@
 ---
-title: 2-Step Verification
-layout: single
+title: "2-Step Verification"
+layout: "single"
+permalink: 2-step-verification-code.html
 ---
 
 <form
 	class="card card-md"
-	action="{{ site.base }}/"
+	action="{{ page | relative }}/"
 	method="get"
 	autocomplete="off"
 	novalidate
@@ -41,15 +42,15 @@ layout: single
 
 		<div class="form-footer">
 			<div class="btn-list flex-nowrap">
-				{% include ui/button.html text="Cancel" block=true href="2-step-verification.html" %}
-				{% include ui/button.html text="Verify" block=true color="primary" %}
+				{% include "ui/button.html" text="Cancel" block=true href="2-step-verification.html" %}
+				{% include "ui/button.html" text="Verify" block=true color="primary" %}
 			</div>
 		</div>
 	</div>
 </form>
 
 <div class="text-center text-secondary mt-3">
-	It may take a minute to receive your code. Haven't received it? <a href="{{ site.base }}/">Resend a new code.</a>
+	It may take a minute to receive your code. Haven't received it? <a href="{{ page | relative }}/">Resend a new code.</a>
 </div>
 
 {% capture_global scripts %}

src/pages/2-step-verification.html

@@ -1,11 +1,12 @@
 ---
 title: 2-Step Verification
 layout: single
+permalink: 2-step-verification.html
 ---
 
 <form
 	class="card card-md"
-	action="{{ site.base }}/2-step-verification-code.html"
+	action="{{ page | relative }}/2-step-verification-code.html"
 	method="get"
 	autocomplete="off"
 	novalidate
@@ -16,7 +17,7 @@ layout: single
 		<div class="mb-3">
 			<label class="form-label">Country</label>
 			<select class="form-select">
-				{% for country in site.data.flags %}
+				{% for country in flags %}
 				<option value="{{ country.code }}"{% if country.code == 'US' %} selected{% endif %}>{{ country.name }}</option>
 				{% endfor %}
 			</select>	
@@ -36,7 +37,7 @@ layout: single
 		</div>
 
 		<div class="form-footer">
-			{% include ui/button.html element="button" type="submit" text="Send code" block=true color="primary" %}
+			{% include "ui/button.html" element="button" type="submit" text="Send code" block=true color="primary" %}
 		</div>
 	</div>
 </form>

src/pages/_data/activity.json

@@ -0,0 +1,56 @@
+[
+  {
+    "text": "<strong>%p</strong> commented on your <strong>\"I'm not a witch.\"</strong> post."
+  },
+  {
+    "text": "It's <strong>%p</strong>'s birthday. Wish him well!"
+  },
+  {
+    "text": "<strong>%p</strong> posted <strong>\"Well, what do you want?\"</strong>."
+  },
+  {
+    "text": "<strong>%p</strong> created a new project <strong>Morning alarm clock</strong>."
+  },
+  {
+    "text": "<strong>%p</strong> liked your photo."
+  },
+  {
+    "text": "<strong>%p</strong> registered new client as <strong>%c</strong>."
+  },
+  {
+    "text": "<strong>%p</strong> closed a new deal on project <strong>Pen Pineapple Apple Pen</strong>."
+  },
+  {
+    "text": "<strong>%p</strong> created a new project for <strong>%c</strong>."
+  },
+  {
+    "text": "<strong>%p</strong> change status of <strong>Tabler Icons</strong> from <strong>open</strong> to <strong>closed</strong>."
+  },
+  {
+    "text": "<strong>%p</strong> liked <strong>Tabler UI Kit</strong>."
+  },
+  {
+    "text": "<strong>%p</strong> posted new video."
+  },
+  {
+    "text": "<strong>%p</strong> and 3 others followed you."
+  },
+  {
+    "text": "<strong>%p</strong> upload 3 new photos to category <strong>Inspirations</strong>."
+  },
+  {
+    "text": "<strong>%p</strong> made a <strong>$10</strong> donation."
+  },
+  {
+    "text": "<strong>%p</strong> created a profile."
+  },
+  {
+    "text": "<strong>%p</strong> hosted the event <strong>Tabler UI Birthday</strong>."
+  },
+  {
+    "text": "<strong>%p</strong> mentioned you on <strong>Best of 2020</strong>."
+  },
+  {
+    "text": "<strong>%p</strong> sent a Review Request to <strong>Amanda Blake</strong>."
+  }
+]

src/pages/_data/activity.yml

@@ -1,18 +0,0 @@
-- text: "<strong>%p</strong> commented on your <strong>\"I'm not a witch.\"</strong> post."
-- text: "It's <strong>%p</strong>'s birthday. Wish him well!"
-- text: "<strong>%p</strong> posted <strong>\"Well, what do you want?\"</strong>."
-- text: "<strong>%p</strong> created a new project <strong>Morning alarm clock</strong>."
-- text: "<strong>%p</strong> liked your photo."
-- text: "<strong>%p</strong> registered new client as <strong>%c</strong>."
-- text: "<strong>%p</strong> closed a new deal on project <strong>Pen Pineapple Apple Pen</strong>."
-- text: "<strong>%p</strong> created a new project for <strong>%c</strong>."
-- text: "<strong>%p</strong> change status of <strong>Tabler Icons</strong> from <strong>open</strong> to <strong>closed</strong>."
-- text: "<strong>%p</strong> liked <strong>Tabler UI Kit</strong>."
-- text: "<strong>%p</strong> posted new video."
-- text: "<strong>%p</strong> and 3 others followed you."
-- text: "<strong>%p</strong> upload 3 new photos to category <strong>Inspirations</strong>."
-- text: "<strong>%p</strong> made a <strong>$10</strong> donation."
-- text: "<strong>%p</strong> created a profile."
-- text: "<strong>%p</strong> hosted the event <strong>Tabler UI Birthday</strong>."
-- text: "<strong>%p</strong> mentioned you on <strong>Best of 2020</strong>."
-- text: "<strong>%p</strong> sent a Review Request to <strong>Amanda Blake</strong>."

src/pages/_data/alerts.json

@@ -0,0 +1,26 @@
+[
+  {
+    "color": "success",
+    "icon": "check",
+    "text": "Wow! Everything worked!",
+    "description": "Your account has been saved!"
+  },
+  {
+    "color": "info",
+    "icon": "info-circle",
+    "text": "Did you know?",
+    "description": "Here is something that you might like to know."
+  },
+  {
+    "color": "warning",
+    "icon": "alert-triangle",
+    "text": "Uh oh, something went wrong",
+    "description": "Sorry! There was a problem with your request."
+  },
+  {
+    "color": "danger",
+    "icon": "alert-circle",
+    "text": "I'm so sorry…",
+    "description": "Your account has been deleted and can't be restored."
+  }
+]

src/pages/_data/alerts.yml

@@ -1,16 +0,0 @@
-- color: success
-  icon: check
-  text: Wow! Everything worked!
-  description: Your account has been saved!
-- color: info
-  icon: info-circle
-  text: Did you know?
-  description: Here is something that you might like to know.
-- color: warning
-  icon: alert-triangle
-  text: Uh oh, something went wrong
-  description: Sorry! There was a problem with your request.
-- color: danger
-  icon: alert-circle
-  text: I'm so sorry…
-  description: Your account has been deleted and can't be restored.

src/pages/_data/articles.json

@@ -0,0 +1,44 @@
+[
+  {
+    "title": "And this isn't my nose. This is a false one.",
+    "description": "Look, my liege! The Knights Who Say Ni demand a sacrifice! …Are you suggesting that coconuts migrate? Well, I got better.",
+    "image": 14,
+    "author": 3
+  },
+  {
+    "title": "Well, I didn't vote for you.",
+    "description": "Well, we did do the nose. Why? Shut up! Will you shut up?! You don't frighten us, English pig-dogs! Go and boil your bottoms, sons of a silly person! I blow my nose at you, so-called Ah-thoor Keeng, you and all your silly English K-n-n-n-n-n-n-n-niggits!",
+    "image": 15,
+    "author": 4
+  },
+  {
+    "title": "How do you know she is a witch?",
+    "description": "Are you suggesting that coconuts migrate? No, no, no! Yes, yes. A bit. But she's got a wart. You don't vote for kings. Ah, now we see the violence inherent in the system!",
+    "image": 16,
+    "author": 5
+  },
+  {
+    "title": "Shut up!",
+    "description": "Burn her! How do you know she is a witch? You don't frighten us, English pig-dogs! Go and boil your bottoms, sons of a silly person! I blow my nose at you, so-called Ah-thoor Keeng, you and all your silly English K-n-n-n-n-n-n-n-niggits!",
+    "image": 17,
+    "author": 6
+  },
+  {
+    "title": "Weaseling out of things is important to learn.",
+    "description": "Please do not offer my god a peanut. That's why I love elementary school, Edna. The children believe anything you tell them. Brace yourselves gentlemen. According to the gas chromatograph, the secret ingredient is… Love!? Who's been screwing with this thing?",
+    "image": 20,
+    "author": 12
+  },
+  {
+    "title": "You don't like your job, you don't strike.",
+    "description": "But, Aquaman, you cannot marry a woman without gills. You're from two different worlds… Oh, I've wasted my life. Son, when you participate in sporting events, it's not whether you win or lose: it's how drunk you get.",
+    "image": 21,
+    "author": 13
+  },
+  {
+    "title": "I hope I didn't brain my damage.",
+    "description": "I don't like being outdoors, Smithers. For one thing, there's too many fat children. Oh, loneliness and cheeseburgers are a dangerous mix. Jesus must be spinning in his grave! I hope this has taught you kids a lesson: kids never learn.",
+    "image": 22,
+    "author": 14
+  }
+]

src/pages/_data/articles.yml

@@ -1,34 +0,0 @@
-- title: And this isn't my nose. This is a false one.
-  description: Look, my liege! The Knights Who Say Ni demand a sacrifice! …Are you suggesting that coconuts migrate? Well, I got better.
-  image: 14
-  author: 3
-
-- title: Well, I didn't vote for you.
-  description: Well, we did do the nose. Why? Shut up! Will you shut up?! You don't frighten us, English pig-dogs! Go and boil your bottoms, sons of a silly person! I blow my nose at you, so-called Ah-thoor Keeng, you and all your silly English K-n-n-n-n-n-n-n-niggits!
-  image: 15
-  author: 4
-
-- title: How do you know she is a witch?
-  description: Are you suggesting that coconuts migrate? No, no, no! Yes, yes. A bit. But she's got a wart. You don't vote for kings. Ah, now we see the violence inherent in the system!
-  image: 16
-  author: 5
-
-- title: Shut up!
-  description: Burn her! How do you know she is a witch? You don't frighten us, English pig-dogs! Go and boil your bottoms, sons of a silly person! I blow my nose at you, so-called Ah-thoor Keeng, you and all your silly English K-n-n-n-n-n-n-n-niggits!
-  image: 17
-  author: 6
-
-- title: Weaseling out of things is important to learn.
-  description: Please do not offer my god a peanut. That's why I love elementary school, Edna. The children believe anything you tell them. Brace yourselves gentlemen. According to the gas chromatograph, the secret ingredient is… Love!? Who's been screwing with this thing?
-  image: 20
-  author: 12
-
-- title: You don't like your job, you don't strike.
-  description: "But, Aquaman, you cannot marry a woman without gills. You're from two different worlds… Oh, I've wasted my life. Son, when you participate in sporting events, it's not whether you win or lose: it's how drunk you get."
-  image: 21
-  author: 13
-
-- title: I hope I didn't brain my damage.
-  description: "I don't like being outdoors, Smithers. For one thing, there's too many fat children. Oh, loneliness and cheeseburgers are a dangerous mix. Jesus must be spinning in his grave! I hope this has taught you kids a lesson: kids never learn."
-  image: 22
-  author: 14

src/pages/_data/charts.yml

@@ -1,494 +0,0 @@
-active-users-2:
-  type: line
-  height: 18
-  datetime: true
-  series:
-    - name: Mobile
-      color: primary
-      data: [ 4164, 4652, 4817, 4841, 4920, 5439, 5486, 5498, 5512, 5538, 5841, 5877, 6086, 6146, 6199, 6431, 6704, 7939, 8127, 8296, 8322, 8389, 8411, 8502, 8868, 8977, 9273, 9325, 9345, 9430 ]
-    - name: Desktop
-      color: azure
-      data: [ 2164, 2292, 2386, 2430, 2528, 3045, 3255, 3295, 3481, 3604, 3688, 3840, 3932, 3949, 4003, 4298, 4424, 4869, 4922, 4973, 5155, 5267, 5566, 5689, 5692, 5758, 5773, 5799, 5960, 6000 ]
-    - name: Tablet
-      color: green
-      data: [ 1069, 1089, 1125, 1141, 1162, 1179, 1185, 1216, 1274, 1322, 1346, 1395, 1439, 1564, 1581, 1590, 1656, 1815, 1868, 2010, 2133, 2179, 2264, 2265, 2278, 2343, 2354, 2456, 2472, 2480 ]
-
-demo-pie:
-  type: donut
-  demo: true
-  sparkline: true
-  legend: true
-  series:
-    - name: Direct
-      color: primary
-      data: 44
-    - name: Affilliate
-      color: primary
-      color-opacity: .8
-      data: 55
-    - name: E-mail
-      color: primary
-      color-opacity: .6
-      data: 12
-    - name: Other
-      color: gray-300
-      data: 2
-
-demo-bar:
-  type: bar
-  legend: true
-  horizontal: true
-  stacked: true
-  categories: [2008, 2009, 2010, 2011, 2012, 2013, 2014]
-  x-formatter: 'val + "K"'
-  series:
-    - name: Container for a Fanta
-      color: purple
-      data: [ 44, 55, 41, 37, 22, 43, 21 ]
-    - name: Strange sunglasses
-      color: green
-      data: [ 53, 32, 33, 52, 13, 43, 32 ]
-    - name: Pen Pineapple Apple Pen
-      color: yellow
-      data: [ 12, 17, 11, 9, 15, 11, 20 ]
-    - name: Binoculars
-      color: red
-      data: [ 9, 7, 5, 8, 6, 9, 4 ]
-    - name: Magical notebook
-      color: primary
-      data: [ 25, 12, 19, 32, 25, 24, 10 ]
-
-demo-area:
-  type: area
-  legend: true
-  datetime: true
-  series:
-    - name: series1
-      color: primary
-      data: [ 56, 40, 39, 47, 34, 48, 44 ]
-    - name: series2
-      color: purple
-      data: [ 45, 43, 30, 23, 38, 39, 54 ]
-
-demo-line:
-  type: line
-  datetime: true
-  stroke-curve: straight
-  legend: true
-  series:
-    - name: Session Duration
-      color: yellow
-      data: [ 117, 92, 94, 98, 75, 110, 69, 80, 109, 113, 115, 95 ]
-    - name: Page Views
-      color: green
-      data: [ 59, 80, 61, 66, 70, 84, 87, 64, 94, 56, 55, 67 ]
-    - name: Total Visits
-      color: primary
-      data: [ 53, 51, 52, 41, 46, 60, 45, 43, 30, 50, 58, 59 ]
-
-social-referrals:
-  demo: false
-  type: line
-  datetime: true
-  height: 18
-  legend: true
-  show-x: true
-  name: Social referrals
-  series:
-    - name: Facebook
-      color: facebook
-      data: [13281, 8521, 15038, 9983, 15417, 8888, 7052, 14270, 5214, 9587, 5950, 16852, 17836, 12217, 17406, 12262, 9147, 14961, 18292, 15230, 13435, 10649, 5140, 13680, 4508, 13271, 13413, 5543, 18727, 18238, 18175, 6246, 5864, 17847, 9170, 6445, 12945, 8142, 8980, 10422, 15535, 11569, 10114, 17621, 16138, 13046, 6652, 9906, 14100, 16495, 6749]
-    - name: Twitter
-      color: twitter
-      data: [3680, 1862, 3070, 2252, 5348, 3091, 3000, 3984, 5176, 5325, 2420, 5474, 3098, 1893, 3748, 2879, 4197, 5186, 4213, 4334, 2807, 1594, 4863, 2030, 3752, 4856, 5341, 3954, 3461, 3097, 3404, 4949, 2283, 3227, 3630, 2360, 3477, 4675, 1901, 2252, 3347, 2954, 5029, 2079, 2830, 3292, 4578, 3401, 4104, 3749, 4457, 3734]
-    - name: Dribbble
-      color: dribbble
-      data: [722, 1866, 961, 1108, 1110, 561, 1753, 1815, 1985, 776, 859, 547, 1488, 766, 702, 621, 1599, 1372, 1620, 963, 759, 764, 739, 789, 1696, 1454, 1842, 734, 551, 1689, 1924, 1875, 908, 1675, 1541, 1953, 534, 502, 1524, 1867, 719, 1472, 1608, 1025, 889, 1150, 654, 1695, 1662, 1285, 1787]
-
-mentions:
-  stacked: true
-  datetime: true
-  show-x: true
-  demo: false
-  series:
-    - name: Web
-      data: [1, 0, 0, 0, 0, 1, 1, 0, 0, 0, 2, 12, 5, 8, 22, 6, 8, 6, 4, 1, 8, 24, 29, 51, 40, 47, 23, 26, 50, 26, 41, 22, 46, 47, 81, 46, 6]
-      color: primary
-    - name: Social
-      data: [2, 5, 4, 3, 3, 1, 4, 7, 5, 1, 2, 5, 3, 2, 6, 7, 7, 1, 5, 5, 2, 12, 4, 6, 18, 3, 5, 2, 13, 15, 20, 47, 18, 15, 11, 10, 0]
-      color: primary
-      color-opacity: .8
-    - name: Other
-      data: [2, 9, 1, 7, 8, 3, 6, 5, 5, 4, 6, 4, 1, 9, 3, 6, 7, 5, 2, 8, 4, 9, 1, 2, 6, 7, 5, 1, 8, 3, 2, 3, 4, 9, 7, 1, 6]
-      color: green
-      color-opacity: .8
-
-completion-tasks:
-  demo: true
-  datetime: true
-  debug: true
-  series:
-    - name: Tasks completion
-      data: [155, 65, 465, 265, 225, 325, 80]
-
-completion-tasks-2:
-  demo: true
-  extend: completion-tasks
-  type: line
-
-completion-tasks-3:
-  demo: true
-  extend: completion-tasks
-  type: area
-
-completion-tasks-4:
-  demo: true
-  extend: completion-tasks
-  stroke-curve: straight
-  type: line
-
-completion-tasks-5:
-  demo: true
-  extend: completion-tasks
-  stroke-curve: stepline
-  type: line
-
-completion-tasks-6:
-  demo: true
-  extend: completion-tasks
-  type: bar
-  horizontal: true
-
-completion-tasks-7:
-  demo: true
-  extend: completion-tasks
-  type: line
-  datalabels: true
-
-completion-tasks-8:
-  demo: true
-  datetime: true
-  type: bar
-  series:
-    - data: [155, 65, 465, 265, 225, 325, 80]
-    - data: [113, 42, 65, 54, 76, 65, 35]
-      color: red
-
-completion-tasks-9:
-  demo: true
-  extend: completion-tasks-8
-  stacked: true
-
-completion-tasks-10:
-  demo: true
-  extend: completion-tasks-8
-  type: area
-
-completion-tasks-11:
-  demo: true
-  extend: completion-tasks-8
-  type: area
-  stacked: true
-
-tasks-overview:
-  type: bar
-  debug: true
-  categories: ['Sprint 1', 'Sprint 2', 'Sprint 3', 'Sprint 4', 'Sprint 5', 'Sprint 6', 'Sprint 7', 'Sprint 8', 'Sprint 9', 'Sprint 10', 'Sprint 11', 'Sprint 12', 'Sprint 13', 'Sprint 14', 'Sprint 15', 'Sprint 16', 'Sprint 17', 'Sprint 18', 'Sprint 19', 'Sprint 20', 'Sprint 21', 'Sprint 22', 'Sprint 23', 'Sprint 24']
-  series:
-    - name: A
-      data: [44, 32, 48, 72, 60, 16, 44, 32, 78, 50, 68, 34, 26, 48, 72, 60, 84, 64, 74, 52, 62, 50, 32, 22]
-
-
-
-campaigns:
-  demo: true
-  type: radialBar
-  sparkline: true
-  series:
-    - name: Total Sent
-      color: primary
-      data: 44
-    - name: Reached
-      color: primary
-      color-opacity: .8
-      data: 36
-    - name: Opened
-      color: primary
-      color-opacity: .6
-      data: 18
-
-tasks:
-  demo: true
-  type: line
-  categories: ['M', 'T', 'W', 'T', 'F', 'S', 'S', 'M', 'T', 'W', 'T', 'F', 'S', 'S', 'M', 'T', 'W']
-  groups: [1, 2, 3]
-  hide-points: true
-  fill: true
-  remove-padding: true
-  hide-tooltip: true
-  series:
-    - name: 'New'
-      color: primary
-      data: [0, 0, 1, 2, 21, 9, 12, 10, 31, 13, 65, 10, 12, 6, 4, 3, 0]
-    - name: 'Completed'
-      color: lime
-      data: [0, 0, 1, 2, 7, 5, 6, 8, 24, 7, 12, 5, 6, 3, 2, 2, 0]
-    - name: 'Closed'
-      color: orange
-      data: [0, 0, 1, 0, 2, 0, 1, 0, 2, 3, 0, 2, 3, 2, 1, 0, 0]
-
-development-activity:
-  type: area
-  groups: [1, 2, 3]
-  hide-points: true
-  remove-padding: true
-  sparkline: true
-  datetime: true
-  series:
-    - name: 'Purchases'
-      color: primary
-      data: [3, 5, 4, 6, 7, 5, 6, 8, 24, 7, 12, 5, 6, 3, 8, 4, 14, 30, 17, 19, 15, 14, 25, 32, 40, 55, 60, 48, 52, 70]
-
-uptime:
-  type: area
-  datetime: true
-  series:
-    - name: 'Uptime'
-      color: primary
-      data: [ 150, 160, 170, 161, 167, 162, 161, 152, 141, 144, 154, 166, 176, 187, 198, 210, 196, 207, 200, 187, 192, 204, 193, 204, 208, 196, 193, 178, 191, 204, 218, 211, 218, 216, 201, 197, 190, 179, 172, 158, 159, 147, 152, 152, 144, 137, 136, 123, 112, 99, 100, 95, 105, 116, 125, 124, 133, 129, 116, 119, 109, 114, 115, 111, 96, 104, 104, 102, 116, 126, 117, 130, 124, 126, 131, 143, 130, 116, 118, 122, 132, 126, 136, 123, 112, 116, 113, 113, 109, 99, 100, 95, 83, 79, 64, 79, 81, 94, 99, 97, 83, 71, 75, 69, 71, 75, 84, 90, 100, 96, 108, 102, 116, 112, 112, 102, 115, 120, 118, 118 ]
-
-uptime-incidents:
-  type: bar
-  y-max: 20
-  datetime: true
-  series:
-    - name: 'Uptime incidents'
-      color: red
-      data: [ 1, 2, 6, 3, 1, 1, 2, 5, 2, 5, 6, 2, 4, 3, 4, 5, 4, 3, 2, 1, 2, 0, 2, 1, 1 ]
-
-line:
-  type: line
-  categories: ['2013', '2014', '2015', '2016', '2017', '2018']
-  series:
-    - name: Development
-      color: orange
-      data: [2, 8, 6, 7, 14, 11]
-    - name: Marketing
-      color: primary
-      data: [5, 15, 11, 15, 21, 25]
-    - name: Sales
-      color: green
-      data: [17, 18, 21, 20, 30, 29]
-
-line-stroke:
-  demo: true
-  type: line
-  stroke-curve: straight
-  categories: ['2013', '2014', '2015', '2016', '2017', '2018', '2019']
-  series:
-    - name: Development
-      color: orange
-      data: [8, 10, 11, 12, 20, 27, 30]
-    - name: Marketing
-      color: primary
-      data: [3, 16, 17, 19, 20, 30, 30]
-    - name: Sales
-      color: green
-      data: [7, 10, 11, 18, 18, 18, 24]
-
-stepline:
-  demo: true
-  type: line
-  stroke-curve: stepline
-  series:
-    - name: Development
-      color: orange
-      data: [34, 44, 54, 21, 12, 43, 33, 23, 66, 66, 58]
-
-temperature:
-  demo: true
-  type: line
-  show-labels: true
-  show-data-labels: true
-  show-markers: true
-  categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
-  series:
-    - name: Tokyo
-      color: primary
-      data: [7.0, 6.9, 9.5, 14.5, 18.4, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
-    - name: London
-      color: green
-      data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
-
-
-area:
-  demo: true
-  type: area
-  categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
-  series:
-    - name: Maximum
-      color: primary
-      data: [11, 8, 15, 18, 19, 17]
-    - name: Minimum
-      color: pink
-      data: [7, 7, 5, 7, 9, 12]
-
-
-area-spline:
-  demo: true
-  type: area
-  spline: true
-  categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
-  series:
-    - name: Maximum
-      color: primary
-      data: [11, 8, 15, 18, 19, 17]
-    - name: Minimum
-      color: pink
-      data: [7, 7, 5, 7, 9, 12]
-
-
-area-spline-stacked:
-  demo: true
-  type: area
-  spline: true
-  stacked: true
-  categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
-  series:
-    - name: Maximum
-      color: primary
-      data: [11, 8, 15, 18, 19, 17]
-    - name: Minimum
-      color: pink
-      data: [7, 7, 5, 7, 9, 12]
-
-
-spline:
-  demo: true
-  type: line
-  spline: true
-  show-labels: true
-  categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
-  series:
-    - name: Hestavollane
-      color: primary
-      data: [0.2, 0.8, 0.8, 0.8, 1, 1.3, 1.5, 2.9, 1.9, 2.6, 1.6, 3, 4, 3.6, 4.5, 4.2, 4.5, 4.5, 4, 3.1, 2.7, 4, 2.7, 2.3, 2.3, 4.1, 7.7, 7.1, 5.6, 6.1, 5.8, 8.6, 7.2, 9, 10.9, 11.5, 11.6, 11.1, 12, 12.3, 10.7, 9.4, 9.8, 9.6, 9.8, 9.5, 8.5, 7.4, 7.6]
-    - name: Vik
-      color: green
-      data: [0, 0, 0.6, 0.9, 0.8, 0.2, 0, 0, 0, 0.1, 0.6, 0.7, 0.8, 0.6, 0.2, 0, 0.1, 0.3, 0.3, 0, 0.1, 0, 0, 0, 0.2, 0.1, 0, 0.3, 0, 0.1, 0.2, 0.1, 0.3, 0.3, 0, 3.1, 3.1, 2.5, 1.5, 1.9, 2.1, 1, 2.3, 1.9, 1.2, 0.7, 1.3, 0.4, 0.3]
-
-pie:
-  type: pie
-  show-data-labels: true
-  sparkline: true
-  series:
-    - name: A
-      color: primary
-      data: 63
-    - name: B
-      color: primary
-      color-opacity: .8
-      data: 44
-    - name: C
-      color: primary
-      color-opacity: .6
-      data: 12
-    - name: D
-      color: primary
-      color-opacity: .4
-      data: 14
-
-donut:
-  type: donut
-  sparkline: true
-  series:
-    - name: Maximum
-      color: green
-      data: 63
-    - name: Minimum
-      color: green
-      color-opacity: .8
-      data: 37
-
-
-scatter:
-  demo: true
-  type: scatter
-  categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
-  series:
-    - name: Maximum
-      color: primary
-      data: [11, 8, 15, 18, 19, 17]
-    - name: Minimum
-      color: pink
-      data: [7, 7, 5, 7, 9, 12]
-
-
-combination:
-  demo: true
-  type: bar
-  types:
-    2: 'line'
-    3: 'spline'
-  groups: [1, 4]
-  categories: ['2013', '2014', '2015', '2016', '2017', '2018']
-  series:
-    - name: Development
-      color: green
-      data: [30, 20, 50, 40, 60, 50]
-    - name: Marketing
-      color: pink
-      data: [200, 130, 90, 240, 130, 220]
-    - name: Sales
-      color: green
-      data: [300, 200, 160, 400, 250, 250]
-    - name: Sales
-      color: primary
-      data: [200, 130, 90, 240, 130, 220]
-
-revenue-bg:
-  type: area
-  datetime: true
-  sparkline: true
-  series:
-    - name: Profits
-      data: [37, 35, 44, 28, 36, 24, 65, 31, 37, 39, 62, 51, 35, 41, 35, 27, 93, 53, 61, 27, 54, 43, 19, 46, 39, 62, 51, 35, 41, 67]
-
-new-clients:
-  type: line
-  datetime: true
-  sparkline: true
-  stroke-width: [2, 1]
-  stroke-dash: [0, 3]
-  series:
-    - name: May
-      color: primary
-      data: [37, 35, 44, 28, 36, 24, 65, 31, 37, 39, 62, 51, 35, 41, 35, 27, 93, 53, 61, 27, 54, 43, 4, 46, 39, 62, 51, 35, 41, 67]
-    - name: April
-      color: gray-600
-      data: [93, 54, 51, 24, 35, 35, 31, 67, 19, 43, 28, 36, 62, 61, 27, 39, 35, 41, 27, 35, 51, 46, 62, 37, 44, 53, 41, 65, 39, 37]
-
-active-users:
-  type: bar
-  datetime: true
-  sparkline: true
-  series:
-    - name: Profits
-      data: [37, 35, 44, 28, 36, 24, 65, 31, 37, 39, 62, 51, 35, 41, 35, 27, 93, 53, 61, 27, 54, 43, 19, 46, 39, 62, 51, 35, 41, 67]
-
-traffic-in:
-  type: bar
-  sparkline: true
-  color: green
-  series:
-    - name: Inbound
-      data: [14, -3, 14, 9, 4, 6, -2, 7, 7, 14, 10, 9, 5, -1]
-
-traffic-out:
-  type: bar
-  sparkline: true
-  color: red
-  series:
-    - name: Outbound
-      data: [-3, 7, 9, 14, 4, 5, 3, -1, 7, 10, 14, 14, -2, 6]
-

src/pages/_data/chat.yml

@@ -1,39 +0,0 @@
-- timestamp: "09:32"
-  person-id: 0
-  message: "Hey guys, I just pushed a new commit on the <code>dev</code> branch. Can you have a look and tell me what you think?"
-- timestamp: "09:34"
-  person-id: 2
-  message: "Sure Paweł, let me pull the latest updates."
-- timestamp: "09:34"
-  person-id: 3
-  message: "I'm on it too 👊"
-- timestamp: "09:40"
-  person-id: 2
-  message: "I see you've refactored the <code>calculateStatistics</code> function. The code is much cleaner now."
-- timestamp: "09:42"
-  person-id: 0
-  message: "Yes, I thought it was getting a bit cluttered."
-- timestamp: "09:43"
-  person-id: 4
-  message: "The commit message is descriptive, too. Good job on mentioning the issue number it fixes."
-- timestamp: "09:44"
-  person-id: 3
-  message: "I noticed you added some new dependencies in the <code>package.json</code>. Did you also update the <code>README</code> with the setup instructions?"
-- timestamp: "09:45"
-  person-id: 0
-  message: "Oops, I forgot. I'll add that right away."
-  gif: "https://media3.giphy.com/media/VABbCpX94WCfS/giphy.gif"
-- timestamp: "09:46"
-  person-id: 2
-  message: "I see a couple of edge cases we might not be handling in the <code>calculateStatistic</code> function. Should I open an issue for that?"
-- timestamp: "09:47"
-  person-id: 0
-  message: "Yes, Bob. Please do. We should not forget to handle those."
-- timestamp: "09:50"
-  person-id: 4
-  message: "Alright, once the <code>README</code> is updated, I'll merge this commit into the main branch. Nice work, Paweł."
-- timestamp: "09:52"
-  person-id: 0
-  message: 'Thanks, <a href="#">@everyone</a>! 🙌'
-- person-id: 4
-  loading: true

src/pages/_data/chats.json

@@ -0,0 +1,67 @@
+[
+  {
+    "timestamp": "09:32",
+    "person-id": 0,
+    "message": "Hey guys, I just pushed a new commit on the <code>dev</code> branch. Can you have a look and tell me what you think?"
+  },
+  {
+    "timestamp": "09:34",
+    "person-id": 2,
+    "message": "Sure Paweł, let me pull the latest updates."
+  },
+  {
+    "timestamp": "09:34",
+    "person-id": 3,
+    "message": "I'm on it too 👊"
+  },
+  {
+    "timestamp": "09:40",
+    "person-id": 2,
+    "message": "I see you've refactored the <code>calculateStatistics</code> function. The code is much cleaner now."
+  },
+  {
+    "timestamp": "09:42",
+    "person-id": 0,
+    "message": "Yes, I thought it was getting a bit cluttered."
+  },
+  {
+    "timestamp": "09:43",
+    "person-id": 4,
+    "message": "The commit message is descriptive, too. Good job on mentioning the issue number it fixes."
+  },
+  {
+    "timestamp": "09:44",
+    "person-id": 3,
+    "message": "I noticed you added some new dependencies in the <code>package.json</code>. Did you also update the <code>README</code> with the setup instructions?"
+  },
+  {
+    "timestamp": "09:45",
+    "person-id": 0,
+    "message": "Oops, I forgot. I'll add that right away.",
+    "gif": "https://media3.giphy.com/media/VABbCpX94WCfS/giphy.gif"
+  },
+  {
+    "timestamp": "09:46",
+    "person-id": 2,
+    "message": "I see a couple of edge cases we might not be handling in the <code>calculateStatistic</code> function. Should I open an issue for that?"
+  },
+  {
+    "timestamp": "09:47",
+    "person-id": 0,
+    "message": "Yes, Bob. Please do. We should not forget to handle those."
+  },
+  {
+    "timestamp": "09:50",
+    "person-id": 4,
+    "message": "Alright, once the <code>README</code> is updated, I'll merge this commit into the main branch. Nice work, Paweł."
+  },
+  {
+    "timestamp": "09:52",
+    "person-id": 0,
+    "message": "Thanks, <a href=\"#\">@everyone</a>! 🙌"
+  },
+  {
+    "person-id": 4,
+    "loading": true
+  }
+]

src/pages/_data/colors.json

@@ -212,7 +212,7 @@
     },
     {
       "name": "tabler",
-      "value": "#066fd1"
+      "value": "#2563EB"
     }
   ]
 }

src/pages/_data/comments.json

@@ -0,0 +1,8 @@
+[
+  "Where's the old video of you guys going out? I really liked that one... Nonetheless, love the music! :)",
+  "This is PERFECT",
+  "She is so damn beautiful OMG i love her!!! does somebody knows what kind of music is this? sorry xD",
+  "Did anyone go camping in Oshkosh Wisconsin last month?",
+  "Hey i am subbed but i didnt get the notification how?",
+  "This is the best by far! I laughed for the hole sticking time 😂"
+]

src/pages/_data/comments.yml

@@ -1,6 +0,0 @@
-- "Where's the old video of you guys going out? I really liked that one... Nonetheless, love the music! :)"
-- "This is PERFECT"
-- "She is so damn beautiful OMG i love her!!! does somebody knows what kind of music is this? sorry xD"
-- "Did anyone go camping in Oshkosh Wisconsin last month?"
-- "Hey i am subbed but i didnt get the notification how?"
-- "This is the best by far! I laughed for the hole sticking time 😂"

src/pages/_data/commits.json

@@ -0,0 +1,940 @@
+[
+  {
+    "hash": "0964a88ac83d01395476695dd6a1307878543c13",
+    "short_hash": "0964a88",
+    "author": "Martijn Cuppens",
+    "date": "Thu Nov 28 08:48:33 2019 +0100",
+    "description": "Fix dart Sass compatibility (#29755)"
+  },
+  {
+    "hash": "4de4874e722ad934bd3bf21f20a19475096c889a",
+    "short_hash": "4de4874",
+    "author": "Matthieu Vignolle",
+    "date": "Wed Nov 27 07:43:49 2019 +0100",
+    "description": "Change deprecated html tags to text decoration classes (#29604)"
+  },
+  {
+    "hash": "1977a661e64572576f63acfd70f6b62b1beb382e",
+    "short_hash": "1977a66",
+    "author": "cccabinet",
+    "date": "Tue Nov 26 16:11:07 2019 +0900",
+    "description": "justify-content:between ⇒ justify-content:space-between (#29734)"
+  },
+  {
+    "hash": "82d8dae7e738167ea1820c960f25f07fc9721297",
+    "short_hash": "82d8dae",
+    "author": "XhmikosR",
+    "date": "Tue Nov 26 09:00:21 2019 +0200",
+    "description": "Update change-version.js (#29736)"
+  },
+  {
+    "hash": "a84f7233eab6e5713a6cfcb1ab22fafd79422a81",
+    "short_hash": "a84f723",
+    "author": "XhmikosR",
+    "date": "Mon Nov 25 16:30:53 2019 +0200",
+    "description": "Regenerate package-lock.json (#29730)"
+  },
+  {
+    "hash": "2180daa6f53fb9a93e4760baec7f2bd4123e6a3e",
+    "short_hash": "2180daa",
+    "author": "Mark Otto",
+    "date": "Sun Nov 24 10:40:16 2019 -0800",
+    "description": "Some minor text tweaks"
+  },
+  {
+    "hash": "d5c212bbcbcf2efe97540b3b890b4b8bdf6820f2",
+    "short_hash": "d5c212b",
+    "author": "Martijn Cuppens",
+    "date": "Fri Nov 1 11:22:29 2019 +0100",
+    "description": "Link to versioned docs"
+  },
+  {
+    "hash": "ff256ca23c78471dfdc732b7262bece2dad59dff",
+    "short_hash": "ff256ca",
+    "author": "Mark Otto",
+    "date": "Mon Oct 28 09:08:19 2019 +0200",
+    "description": "Copywriting edits"
+  },
+  {
+    "hash": "cd077cd599e55a8a126ce765d8f9adeb595ca3e2",
+    "short_hash": "cd077cd",
+    "author": "Martijn Cuppens",
+    "date": "Sun Oct 27 11:01:30 2019 +0100",
+    "description": "Enable RFS for font resizing"
+  },
+  {
+    "hash": "787256cae401f9ebd8bea1391343a58140d0f235",
+    "short_hash": "787256c",
+    "author": "Martijn Cuppens",
+    "date": "Sun Nov 24 20:20:03 2019 +0100",
+    "description": "Compressed Sass output support (#29702)"
+  },
+  {
+    "hash": "0caed940a578cb920a750dc0ce287c7d71e59a3e",
+    "short_hash": "0caed94",
+    "author": "Jonathan Hefner",
+    "date": "Sun Nov 24 13:15:35 2019 -0600",
+    "description": "Set vertical-align on .form-check-input (#29521)"
+  },
+  {
+    "hash": "460ba061cb470df7aca18b32854079a0caf335dd",
+    "short_hash": "460ba06",
+    "author": "Martijn Cuppens",
+    "date": "Sun Nov 24 20:01:02 2019 +0100",
+    "description": "Keep themed appearance for print (#29714)"
+  },
+  {
+    "hash": "a65d066530c463a973414e894924fd46bd34ee91",
+    "short_hash": "a65d066",
+    "author": "Martijn Cuppens",
+    "date": "Fri Nov 22 10:00:25 2019 +0100",
+    "description": "Use double quotes in `.stylelintrc` (#29709)"
+  },
+  {
+    "hash": "db87297afbc6a6458912d490a2398801ea7108bb",
+    "short_hash": "db87297",
+    "author": "XhmikosR",
+    "date": "Thu Nov 21 16:35:21 2019 +0200",
+    "description": "Regenerate package-lock.json (#29695)"
+  },
+  {
+    "hash": "099860d727f0ed2ab039ccac48e2ead61083427c",
+    "short_hash": "099860d",
+    "author": "XhmikosR",
+    "date": "Mon Nov 18 21:03:43 2019 +0200",
+    "description": "Switch to the Coveralls Action (#29478)"
+  },
+  {
+    "hash": "47b1bc71af5bedab27df115a23237ea30e1ac30e",
+    "short_hash": "47b1bc7",
+    "author": "XhmikosR",
+    "date": "Fri Nov 15 15:52:50 2019 +0200",
+    "description": "Fix npm audit vulnerability (#29677)"
+  },
+  {
+    "hash": "bca5b6ab9ca7277b03562e175e6914e81e27ddd7",
+    "short_hash": "bca5b6a",
+    "author": "XhmikosR",
+    "date": "Tue Nov 12 09:40:29 2019 +0200",
+    "description": "config.yml: update popper.js to v1.16.0 (#29624)"
+  },
+  {
+    "hash": "2a4d526ce81093c1dd26e37d94b9371e89085f52",
+    "short_hash": "2a4d526",
+    "author": "XhmikosR",
+    "date": "Tue Nov 12 09:34:16 2019 +0200",
+    "description": "Update anchor.js to v4.2.1 (#29662)"
+  },
+  {
+    "hash": "cc6f66f72a180af1910bb5f520f2067ad705f1b8",
+    "short_hash": "cc6f66f",
+    "author": "XhmikosR",
+    "date": "Fri Nov 8 10:11:23 2019 +0200",
+    "description": "Dist (#29638)"
+  },
+  {
+    "hash": "eb849d73cda18a660d13c22b25a9e7ebbf42faca",
+    "short_hash": "eb849d7",
+    "author": "Martijn Cuppens",
+    "date": "Thu Nov 7 20:03:52 2019 +0100",
+    "description": "Make check label cursor customizable (#29654)"
+  },
+  {
+    "hash": "dbeb85cb085c6231bd747f5fe597b91ef99ab2ae",
+    "short_hash": "dbeb85c",
+    "author": "Sam Duvall",
+    "date": "Thu Nov 7 13:34:54 2019 -0500",
+    "description": "Fixed input-height-sm and input-height-lg calculations (#29653)"
+  },
+  {
+    "hash": "67015b4aa2c075726aae7e2a2e014c87827f6d20",
+    "short_hash": "67015b4",
+    "author": "Martijn Cuppens",
+    "date": "Thu Nov 7 19:28:51 2019 +0100",
+    "description": "package.json: Add funding property (#29646)"
+  },
+  {
+    "hash": "c9ae98ee38f1c9108b079a0a48a1b21cdbd55001",
+    "short_hash": "c9ae98e",
+    "author": "XhmikosR",
+    "date": "Thu Nov 7 11:33:10 2019 +0200",
+    "description": "Remove shx. (#29636)"
+  },
+  {
+    "hash": "c3fa502d32d78f580760500fe1b91bd0f04b845c",
+    "short_hash": "c3fa502",
+    "author": "XhmikosR",
+    "date": "Thu Nov 7 11:20:12 2019 +0200",
+    "description": "dashboard/index.html: update tabler-icons to v4.24.1 (#29651)"
+  },
+  {
+    "hash": "1d30e05cafd986b1ca067edd20570899b0ad9e94",
+    "short_hash": "1d30e05",
+    "author": "XhmikosR",
+    "date": "Thu Nov 7 10:41:40 2019 +0200",
+    "description": "Regenerate package-lock.json."
+  },
+  {
+    "hash": "258a56b473edea843eb20e80bbc7bf49eb040a32",
+    "short_hash": "258a56b",
+    "author": "XhmikosR",
+    "date": "Mon Nov 4 15:42:09 2019 +0200",
+    "description": "site/assets/js/search.js: ignore the LGTM alert (#29634)"
+  },
+  {
+    "hash": "972369c997e4113607aaa002edd532e3d256f316",
+    "short_hash": "972369c",
+    "author": "XhmikosR",
+    "date": "Thu Oct 24 16:47:38 2019 +0300",
+    "description": "Tighten regex a bit. If we need to make this more robust in the future, we can revert this as needed."
+  },
+  {
+    "hash": "e40b3355f09d444337eb0081877d02329fbf52c9",
+    "short_hash": "e40b335",
+    "author": "XhmikosR",
+    "date": "Tue Sep 17 14:22:56 2019 +0300",
+    "description": "example.html: use double quotes"
+  },
+  {
+    "hash": "04acb679ab4282b50e2c6214c3ce7db634f9c2e1",
+    "short_hash": "04acb67",
+    "author": "Christopher Morrissey",
+    "date": "Fri Sep 6 18:35:43 2019 +0300",
+    "description": "Example shortcode: use a regex and simplify logic."
+  },
+  {
+    "hash": "a28adc76663b00b72abee1ae326b53cc9c9d6b9c",
+    "short_hash": "a28adc7",
+    "author": "XhmikosR",
+    "date": "Mon Nov 4 14:44:07 2019 +0200",
+    "description": "Move docs JS one folder up. (#29632)"
+  },
+  {
+    "hash": "504098d66466488927acd43369b6f0dd40daa1f7",
+    "short_hash": "504098d",
+    "author": "Martijn Cuppens",
+    "date": "Mon Nov 4 13:37:13 2019 +0100",
+    "description": "progress: Fix IE overflow (#29629)"
+  },
+  {
+    "hash": "6b3ee0e5fde816ff3aaad28f55282d5a11328bcc",
+    "short_hash": "6b3ee0e",
+    "author": "Johann-S",
+    "date": "Mon Nov 4 10:50:07 2019 +0100",
+    "description": "removing last occurences of _fixTitle in our docs (#29631)"
+  },
+  {
+    "hash": "8805122f73dc580aab449f6f680eb01b83cafeed",
+    "short_hash": 8805122,
+    "author": "XhmikosR",
+    "date": "Fri Nov 1 13:18:28 2019 +0200",
+    "description": "Update modal.md (#29621) Fix typo"
+  },
+  {
+    "hash": "f2483febb61f6397fd855efe92d2c1e536262c26",
+    "short_hash": "f2483fe",
+    "author": "Martijn Cuppens",
+    "date": "Thu Oct 31 09:56:10 2019 +0100",
+    "description": "Update stylelint-config-twbs-bootstrap to 0.9.0 (#29612)"
+  },
+  {
+    "hash": "08ba61e276a6393e8e2b97d56d2feb70a24fe22c",
+    "short_hash": "08ba61e",
+    "author": "Martijn Cuppens",
+    "date": "Wed Oct 30 09:03:53 2019 +0100",
+    "description": "Remove calc function from docs"
+  },
+  {
+    "hash": "ca9731692ecbff4e3415a77ff28612ed1fc96ac6",
+    "short_hash": "ca97316",
+    "author": "Martijn Cuppens",
+    "date": "Wed Oct 30 08:57:09 2019 +0100",
+    "description": "Add calc() to function blacklist"
+  },
+  {
+    "hash": "9e54d8e1208fbb292d48b879b66d19a404bba538",
+    "short_hash": "9e54d8e",
+    "author": "Mark Otto",
+    "date": "Sat Oct 19 08:32:29 2019 +0300",
+    "description": "Doc tweaks."
+  },
+  {
+    "hash": "32b932c959818a2d7a6651ecc57ad88bc8e0d0ea",
+    "short_hash": "32b932c",
+    "author": "Martijn Cuppens",
+    "date": "Sat Oct 12 16:03:17 2019 +0200",
+    "description": "Revert complex calculation"
+  },
+  {
+    "hash": "d6ebc60d3d98d48959e6e1bd4eeea4d6e8be4366",
+    "short_hash": "d6ebc60",
+    "author": "ysds",
+    "date": "Tue Sep 3 20:18:44 2019 +0300",
+    "description": "Add add and subtract function"
+  },
+  {
+    "hash": "c62efc3ef69d7dd6e784928b707f52884fab87de",
+    "short_hash": "c62efc3",
+    "author": "Steffen Roßkamp",
+    "date": "Thu Oct 31 06:58:09 2019 +0100",
+    "description": "Update normalizeDataKey to match the spec (#29609)"
+  },
+  {
+    "hash": "639c405c6510a286a3cfcfd6d733d28d0e7baf92",
+    "short_hash": "639c405",
+    "author": "Matias Puhakka",
+    "date": "Mon Oct 28 16:19:03 2019 +0200",
+    "description": "Remove redundant \"Navbar divider\" from \"Contents\" (#29601)"
+  },
+  {
+    "hash": "b81a23a60d1a0c137dfeff17ce9f85c80ca9fe5c",
+    "short_hash": "b81a23a",
+    "author": "Mark Otto",
+    "date": "Mon Oct 28 00:12:07 2019 -0700",
+    "description": "Update .form-check to properly support gradients when enabled (#29338)"
+  },
+  {
+    "hash": "9c7bc1a1111940158050db8aaf66340e8ce4d558",
+    "short_hash": "9c7bc1a",
+    "author": "Mark Otto",
+    "date": "Sun Oct 27 20:26:52 2019 -0700",
+    "description": "v5: Simplify navbars by requiring containers (#29339)"
+  },
+  {
+    "hash": "23c3cdbd432947e30c755c56aace15218aafc99a",
+    "short_hash": "23c3cdb",
+    "author": "XhmikosR",
+    "date": "Sun Oct 27 16:39:54 2019 +0200",
+    "description": "Remove unneeded ESLint suppression and regenerate lock file (#29593)"
+  },
+  {
+    "hash": "819f922276de18cbddb8f5d484b34e4a1a132886",
+    "short_hash": "819f922",
+    "author": "midzer",
+    "date": "Sat Oct 26 18:47:55 2019 +0200",
+    "description": "remove superflous transition parameter (#29595)"
+  },
+  {
+    "hash": "46912797b24f12817c24d84a1a80a72d224d1b3a",
+    "short_hash": 4691279,
+    "author": "Higor Araújo dos Anjos",
+    "date": "Fri Oct 25 15:12:09 2019 -0300",
+    "description": "Added animation when modal backdrop is static (#29516)"
+  },
+  {
+    "hash": "9ee9b8a1e8f6b2c9d1cbec6cf5c04ac5b8a2b378",
+    "short_hash": "9ee9b8a",
+    "author": "Martijn Cuppens",
+    "date": "Fri Oct 25 11:37:52 2019 +0200",
+    "description": "Add configurable button text wrapping (#29554)"
+  },
+  {
+    "hash": "b3dfcdc7ed066469074e96d9ca80b0684d185d82",
+    "short_hash": "b3dfcdc",
+    "author": "Pawel Wolak",
+    "date": "Fri Oct 25 11:25:30 2019 +0200",
+    "description": "Enable eslint no-console rule except for build directory (#29585)"
+  },
+  {
+    "hash": "e298e42e29022f275c42273e07cda7618b5d96c3",
+    "short_hash": "e298e42",
+    "author": "XhmikosR",
+    "date": "Tue Oct 22 20:56:19 2019 +0300",
+    "description": "Regenerate package-lock.json (#29571)"
+  },
+  {
+    "hash": "6c0e75d6cf6f4a37eede6f221b4be83d29d31742",
+    "short_hash": "6c0e75d",
+    "author": "XhmikosR",
+    "date": "Tue Oct 22 12:22:27 2019 +0300",
+    "description": "Fix one dev npm vulnerability. (#29568)"
+  },
+  {
+    "hash": "b91ce0940573dba21c574927e16ea092e3d50df5",
+    "short_hash": "b91ce09",
+    "author": "XhmikosR",
+    "date": "Tue Oct 22 07:49:06 2019 +0300",
+    "description": "Update hugo-bin to v0.47.0 (Hugo 0.59.0) (#29562)"
+  },
+  {
+    "hash": "3b876be65273eb4e1096a7420f4b73767607fe59",
+    "short_hash": "3b876be",
+    "author": "Shohei Yoshida",
+    "date": "Tue Oct 22 11:27:43 2019 +0900",
+    "description": "Rename close icon to close button (#29387)"
+  },
+  {
+    "hash": "3251de8d57b8e11b9dda0984298028cc977642eb",
+    "short_hash": "3251de8",
+    "author": "XhmikosR",
+    "date": "Tue Oct 22 05:11:22 2019 +0300",
+    "description": "Get rid of unneeded `div`s. (#29563)"
+  },
+  {
+    "hash": "f3e84e026863e6a4bbc471a8e6c84e9a3b254c55",
+    "short_hash": "f3e84e0",
+    "author": "XhmikosR",
+    "date": "Sun Oct 20 18:57:15 2019 +0300",
+    "description": "Update popper.js to v1.16.0. (#29537)"
+  },
+  {
+    "hash": "8d56c19b5509ef5b6358ee4b646a80bdffbe7396",
+    "short_hash": "8d56c19",
+    "author": "Mark Otto",
+    "date": "Fri Oct 18 11:06:12 2019 -0700",
+    "description": "v5: Icons docs cleanup (#29450)"
+  },
+  {
+    "hash": "943bef258d661e0d752f2c4f129952fe2a9de47e",
+    "short_hash": "943bef2",
+    "author": "Mark Otto",
+    "date": "Fri Oct 18 11:04:27 2019 -0700",
+    "description": "v5: Update colors to add shades and tints (#29348)"
+  },
+  {
+    "hash": "1fa337cc201a5c55f699af03595821b9c06273df",
+    "short_hash": "1fa337c",
+    "author": "Mark Otto",
+    "date": "Fri Oct 18 00:28:17 2019 -0700",
+    "description": "Add link to Icons site in our docs (#29544)"
+  },
+  {
+    "hash": "c1ee395f80c05de8317588b07f34a65c5b95c42c",
+    "short_hash": "c1ee395",
+    "author": "Jeremy Jackson",
+    "date": "Thu Oct 17 15:01:44 2019 +0000",
+    "description": "Skip hidden dropdowns while focusing (#29523)"
+  },
+  {
+    "hash": "104385c508a4c77761b04a9842e978bab6f359f6",
+    "short_hash": "104385c",
+    "author": "Mark Otto",
+    "date": "Wed Oct 16 23:46:34 2019 -0700",
+    "description": "Add make-col-auto mixin (#29367)"
+  },
+  {
+    "hash": "b483f80b9ea79318273299c7b365c3abff3bfeea",
+    "short_hash": "b483f80",
+    "author": "XhmikosR",
+    "date": "Wed Oct 16 18:06:26 2019 +0300",
+    "description": "Update dependabot config (#29536)"
+  },
+  {
+    "hash": "2a8486962ef0260553432ce1a0401cabba81b968",
+    "short_hash": "2a84869",
+    "author": "XhmikosR",
+    "date": "Wed Oct 16 14:48:28 2019 +0300",
+    "description": "Add dependabot config (#29526)"
+  },
+  {
+    "hash": "b4e957d360899c2555cb29a3ae4589405883bba9",
+    "short_hash": "b4e957d",
+    "author": "XhmikosR",
+    "date": "Mon Oct 14 10:54:39 2019 +0300",
+    "description": "Update devDependencies. (#29508)"
+  },
+  {
+    "hash": "7327e38b1c767051658e68171994042649a4203a",
+    "short_hash": 7.327e+41,
+    "author": "Martijn Cuppens",
+    "date": "Sat Oct 12 15:07:22 2019 +0200",
+    "description": "Fix top level ampersand (#29518)"
+  },
+  {
+    "hash": "64e22b42842b2d216f328a94ff9105da744bccbe",
+    "short_hash": "64e22b4",
+    "author": "leshasmp",
+    "date": "Sat Oct 12 17:09:04 2019 +0500",
+    "description": "Carousel variables (#29493)"
+  },
+  {
+    "hash": "09e6af48d7f44900e38d5676fb01ad7bb9ddd24b",
+    "short_hash": "09e6af4",
+    "author": "astrahov",
+    "date": "Sat Oct 12 16:56:29 2019 +0500",
+    "description": "Group line-height variables (#29466)"
+  },
+  {
+    "hash": "4e37fc3ab4b9441ec749ab91edff66b7fc192456",
+    "short_hash": "4e37fc3",
+    "author": "Jeremy Jackson",
+    "date": "Sat Oct 12 08:21:22 2019 +0000",
+    "description": "Add color argument to button mixins (#29444)"
+  },
+  {
+    "hash": "b3451ff258fad12e0803d3c4c0331230748720b8",
+    "short_hash": "b3451ff",
+    "author": "Mark Otto",
+    "date": "Thu Oct 10 11:18:19 2019 -0700",
+    "description": "Add new .bg-body utility class (#29511)"
+  },
+  {
+    "hash": "133e0c8c9a7fdb7bd4d5ebd82ce6d8dc944e0a4f",
+    "short_hash": "133e0c8",
+    "author": "XhmikosR",
+    "date": "Wed Oct 9 11:11:37 2019 +0300",
+    "description": "Drop support for Node.js 8. (#29496)"
+  },
+  {
+    "hash": "577bf8b14d76a864a8d69dbfb03b757fbeb6e241",
+    "short_hash": "577bf8b",
+    "author": "XhmikosR",
+    "date": "Wed Oct 9 01:27:43 2019 +0300",
+    "description": "Rename \"js/tests/units\" to \"js/tests/unit\". (#29503)"
+  },
+  {
+    "hash": "1770691b339bdbf17de5e8824158b358dc0284a9",
+    "short_hash": 1770691,
+    "author": "XhmikosR",
+    "date": "Tue Oct 8 09:39:10 2019 +0300",
+    "description": "Dist (#29484)"
+  },
+  {
+    "hash": "9c54d3579757aa1e4027ff8fb434a18c656d840c",
+    "short_hash": "9c54d35",
+    "author": "XhmikosR",
+    "date": "Tue Oct 8 08:47:40 2019 +0300",
+    "description": "CI: move `CI` env variable to the root of the workflow. (#29499)"
+  },
+  {
+    "hash": "622c914a3acc1ab933b3e89d8abfdd63feeb4016",
+    "short_hash": "622c914",
+    "author": "XhmikosR",
+    "date": "Mon Oct 7 09:31:12 2019 +0300",
+    "description": "Update devDependencies. (#29447)"
+  },
+  {
+    "hash": "60559d44a2166708a4dc2f6ccb835052da08ab65",
+    "short_hash": "60559d4",
+    "author": "astrahov",
+    "date": "Thu Oct 3 20:54:34 2019 +0500",
+    "description": "Add variable for `$breadcrumb-font-size` (#29467)"
+  },
+  {
+    "hash": "e1b82f51e21b6329d783406cfbc9c847c798ef23",
+    "short_hash": "e1b82f5",
+    "author": "Johann-S",
+    "date": "Wed Oct 2 14:32:29 2019 +0200",
+    "description": "add modularity integration test"
+  },
+  {
+    "hash": "3d12b541c488ea09efced2fb987fcbf384c656bb",
+    "short_hash": "3d12b54",
+    "author": "Johann-S",
+    "date": "Wed Oct 2 11:43:54 2019 +0200",
+    "description": "return to the original file structure to avoid breaking modularity"
+  },
+  {
+    "hash": "393ddae09b0578c8d381540bdbb4e68cdec1b45b",
+    "short_hash": "393ddae",
+    "author": "Martijn Cuppens",
+    "date": "Thu Oct 3 09:43:45 2019 +0200",
+    "description": "Fix border for single card in accordion (#29453)"
+  },
+  {
+    "hash": "03c9788f7a0293beef328c004b124f4433c3c64d",
+    "short_hash": "03c9788",
+    "author": "Martijn Cuppens",
+    "date": "Thu Oct 3 09:21:40 2019 +0200",
+    "description": "Variable card height (#29462)"
+  },
+  {
+    "hash": "f6a1e2fc8990f2c8975b0f27fc14027a6f7e9fae",
+    "short_hash": "f6a1e2f",
+    "author": "Paweł Kuna",
+    "date": "Thu Oct 3 08:52:25 2019 +0200",
+    "description": "Better radio input (#29441)"
+  },
+  {
+    "hash": "494713b55a40d5b1216acd8b44fe0e463224f73d",
+    "short_hash": "494713b",
+    "author": "Martijn Cuppens",
+    "date": "Wed Oct 2 21:48:15 2019 +0200",
+    "description": "Trim trailing whitespace from markdown files (#29460)"
+  },
+  {
+    "hash": "de8c65158be3bbf150b9352a3985762c7e094933",
+    "short_hash": "de8c651",
+    "author": "Martijn Cuppens",
+    "date": "Wed Oct 2 21:37:24 2019 +0200",
+    "description": "Remove appearance from textarea (#29455)"
+  },
+  {
+    "hash": "707973ebdd2ea058b297456ee6c7b0a27b725089",
+    "short_hash": "707973e",
+    "author": "Mark Otto",
+    "date": "Wed Oct 2 12:19:45 2019 -0700",
+    "description": "v5: .form-check layout changes (#29322)"
+  },
+  {
+    "hash": "c306e963e8f75cf4e2b5b7b656266b6df01c8b83",
+    "short_hash": "c306e96",
+    "author": "Andreas Schroth",
+    "date": "Wed Oct 2 21:10:31 2019 +0200",
+    "description": "Remove \"extra\" section from composer.json (#29420)"
+  },
+  {
+    "hash": "e41342b4c1be70ff8d6074f37ecc49dec632d80c",
+    "short_hash": "e41342b",
+    "author": "XhmikosR",
+    "date": "Wed Oct 2 22:05:15 2019 +0300",
+    "description": "coveralls: Add `COVERALLS_GIT_BRANCH` (#29458)"
+  },
+  {
+    "hash": "b1a4b0ecc42e5d2359f18d6430b9386defdb9ddb",
+    "short_hash": "b1a4b0e",
+    "author": "XhmikosR",
+    "date": "Wed Oct 2 21:56:39 2019 +0300",
+    "description": "workflows/test.yml: specify `CI=true` (#29440)"
+  },
+  {
+    "hash": "adfd3fbd4689b8d373d55df56bead6d09c728fcd",
+    "short_hash": "adfd3fb",
+    "author": "XhmikosR",
+    "date": "Wed Oct 2 21:49:34 2019 +0300",
+    "description": "README.md: link to the Actions page for Tests (#29480)"
+  },
+  {
+    "hash": "46e8f1a34fe00468209f46b12aac6323b5322eee",
+    "short_hash": "46e8f1a",
+    "author": "astrahov",
+    "date": "Tue Oct 1 18:14:43 2019 +0500",
+    "description": "Variable carousel indicator opacity (#29468)"
+  },
+  {
+    "hash": "0a3aa08b89031a835e73b53b161ba6c6d1cab848",
+    "short_hash": "0a3aa08",
+    "author": "Paweł Kuna",
+    "date": "Fri Sep 27 17:58:53 2019 +0200",
+    "description": "Remove outline from select box in FF (#29445)"
+  },
+  {
+    "hash": "f2dff864aa09140dd7edc6b5e27ecf590f2f7fa5",
+    "short_hash": "f2dff86",
+    "author": "wojtask9",
+    "date": "Fri Sep 27 14:22:31 2019 +0200",
+    "description": "Remove duplicated td selector (#29454)"
+  },
+  {
+    "hash": "6b150855df836210188b0cec5e989468ca5e9611",
+    "short_hash": "6b15085",
+    "author": "XhmikosR",
+    "date": "Fri Sep 27 09:01:36 2019 +0300",
+    "description": "Change blue and pink colors to be accessible. (#29198)"
+  },
+  {
+    "hash": "de3a3731bd8034536654053130663d12ff1ec811",
+    "short_hash": "de3a373",
+    "author": "XhmikosR",
+    "date": "Thu Sep 26 21:50:14 2019 +0300",
+    "description": "Sass: remove redundant stylelint inline suppressions. (#29427)"
+  },
+  {
+    "hash": "7e0901779043aa0357fa39e7544b60c2054cce01",
+    "short_hash": null,
+    "author": "XhmikosR",
+    "date": "Tue Sep 24 21:32:49 2019 +0300",
+    "description": "`update-deps`: remove moot `cross-env` call. (#29419)"
+  },
+  {
+    "hash": "d2a24e09ecfd453618f7bd6c07bc0546e38fb261",
+    "short_hash": "d2a24e0",
+    "author": "Shohei Yoshida",
+    "date": "Tue Sep 24 19:48:45 2019 +0900",
+    "description": "Grid card example tweaks (#29409)"
+  },
+  {
+    "hash": "84861ceadbb09ada3598a632fd0f5e1cc80b0e7a",
+    "short_hash": "84861ce",
+    "author": "XhmikosR",
+    "date": "Tue Sep 17 21:34:53 2019 +0300",
+    "description": ".eslintrc.json: Remove a couple of default rules."
+  },
+  {
+    "hash": "90c5de151be15815469a07b2c7aa4ab0c01f2a86",
+    "short_hash": "90c5de1",
+    "author": "XhmikosR",
+    "date": "Tue Sep 24 12:53:50 2019 +0300",
+    "description": "GH Actions updates. (#29429)"
+  },
+  {
+    "hash": "129bb08fc4d2c850ae71250371adf82a4441dc70",
+    "short_hash": "129bb08",
+    "author": "XhmikosR",
+    "date": "Tue Sep 17 00:22:49 2019 +0300",
+    "description": "Use Hugo for our docs Sass and JS. (#29280)"
+  },
+  {
+    "hash": "a9c05ab798df7b1a40af41c25dd92faa84b13f99",
+    "short_hash": "a9c05ab",
+    "author": "XhmikosR",
+    "date": "Wed Aug 28 17:31:45 2019 +0300",
+    "description": "examples: darken gray a little bit."
+  },
+  {
+    "hash": "758ee5f0f8c31f0140cd3df62cd3dd0eef33eecd",
+    "short_hash": "758ee5f",
+    "author": "XhmikosR",
+    "date": "Mon Aug 5 16:11:51 2019 +0300",
+    "description": "card.md: use `text-dark` for warning card."
+  },
+  {
+    "hash": "1edba8072db996d72a9b774953c9137eb2159432",
+    "short_hash": "1edba80",
+    "author": "XhmikosR",
+    "date": "Sat Aug 3 18:47:13 2019 +0300",
+    "description": "badge.md: use `text-dark` for warning."
+  },
+  {
+    "hash": "fbeed6f1d9a89d2fbe97312dfb94b6b8f85c195b",
+    "short_hash": "fbeed6f",
+    "author": "XhmikosR",
+    "date": "Sat Aug 3 18:27:11 2019 +0300",
+    "description": "Darken footer color."
+  },
+  {
+    "hash": "943a074a2ba9dc753cb4e27075246b7e82eeb306",
+    "short_hash": "943a074",
+    "author": "XhmikosR",
+    "date": "Sat Aug 3 18:20:45 2019 +0300",
+    "description": "Tweak syntax highlighting colors to be WCAG2AA valid."
+  },
+  {
+    "hash": "0126d9832b03fbb584066cc5f1eeadd283665ed6",
+    "short_hash": "0126d98",
+    "author": "XhmikosR",
+    "date": "Mon Sep 16 15:28:25 2019 +0300",
+    "description": "workflows/test.yml: switch to `setup-node@v1`. (#29410)"
+  },
+  {
+    "hash": "e2a93ec094d6ec1283c10a220b26a2acb4b7417c",
+    "short_hash": "e2a93ec",
+    "author": "ysds",
+    "date": "Thu Sep 12 23:30:47 2019 +0900",
+    "description": "Fix incorrect aspect ratio on IE11"
+  },
+  {
+    "hash": "6e638685002e8d5f5c42b274ce87ae3d044d52f2",
+    "short_hash": null,
+    "author": "Martijn Cuppens",
+    "date": "Thu Apr 25 21:10:55 2019 +0200",
+    "description": "Remove redundant properties"
+  },
+  {
+    "hash": "d99ff902f8c7b849ccb283af69d6a8ac15356450",
+    "short_hash": "d99ff90",
+    "author": "jahanzaibsuleman07",
+    "date": "Fri Sep 13 23:15:20 2019 +0500",
+    "description": "Responsive sticky top (#29158)"
+  },
+  {
+    "hash": "49469ca0dc383626b201d91b66bd4aaed8dceb0f",
+    "short_hash": "49469ca",
+    "author": "XhmikosR",
+    "date": "Fri Sep 13 12:13:08 2019 +0300",
+    "description": "Update devDependencies. (#29381)"
+  },
+  {
+    "hash": "2f549ecda8b154ac9203056786e77c8271e78f30",
+    "short_hash": "2f549ec",
+    "author": "Martijn Cuppens",
+    "date": "Sat Sep 7 21:16:48 2019 +0200",
+    "description": "Typo fix (#29382)"
+  },
+  {
+    "hash": "713dd824038aba59185b05e4c87bce8e5452e893",
+    "short_hash": "713dd82",
+    "author": "ysds",
+    "date": "Fri Sep 6 23:57:29 2019 +0900",
+    "description": "Remove unnecessary z-index"
+  },
+  {
+    "hash": "9066f9495cb41459574ab181fc3d435c1b4e358a",
+    "short_hash": "9066f94",
+    "author": "Martijn Cuppens",
+    "date": "Fri Sep 6 09:24:08 2019 +0200",
+    "description": "Make sure the content doesn't cover the navbar dropdown"
+  },
+  {
+    "hash": "c5e80ff2afe056fc959cd14b2ffda88016e0b81d",
+    "short_hash": "c5e80ff",
+    "author": "XhmikosR",
+    "date": "Sat Aug 31 14:41:15 2019 +0300",
+    "description": "about/brand.md: Remove unused class."
+  },
+  {
+    "hash": "c6ac6365e57efeff86b2b099703c907c3d57b261",
+    "short_hash": "c6ac636",
+    "author": "XhmikosR",
+    "date": "Sat Aug 31 14:30:29 2019 +0300",
+    "description": "Use the `$white` variable."
+  },
+  {
+    "hash": "b6b96c174bff4b27800fb9ddec75328d1ef30322",
+    "short_hash": "b6b96c1",
+    "author": "Martijn Cuppens",
+    "date": "Fri Aug 30 23:32:12 2019 +0300",
+    "description": "Docs tweaks"
+  },
+  {
+    "hash": "d6945d5e8fa66a84cf363d9ff710684971bdea85",
+    "short_hash": "d6945d5",
+    "author": "XhmikosR",
+    "date": "Sun Sep 1 13:37:24 2019 +0300",
+    "description": "Move shortcodes used only once where they are needed."
+  },
+  {
+    "hash": "2c9e22ef889b1b88df7b956d705a1069c10d5e68",
+    "short_hash": "2c9e22e",
+    "author": "XhmikosR",
+    "date": "Sun Sep 1 13:23:58 2019 +0300",
+    "description": "getting-started/theming.md: throw an error if the regex doesn't succeed."
+  },
+  {
+    "hash": "cf4ae75eff7d432962cc67d56d4ede3b9e3ac42c",
+    "short_hash": "cf4ae75",
+    "author": "XhmikosR",
+    "date": "Sun Sep 1 13:23:31 2019 +0300",
+    "description": "Break a couple of long lines."
+  },
+  {
+    "hash": "f7fe5d5bca78354c1ff27340702593ca5f81a3a3",
+    "short_hash": "f7fe5d5",
+    "author": "XhmikosR",
+    "date": "Fri Sep 6 08:51:46 2019 +0300",
+    "description": "homepage: remove redundant class (#29357)"
+  },
+  {
+    "hash": "eb49bd11c9e5f2705d4efa78c029a1de3a2fb832",
+    "short_hash": "eb49bd1",
+    "author": "Mark Otto",
+    "date": "Thu Sep 5 11:43:31 2019 -0700",
+    "description": "Update subnav to remove breadcrumb and just keep versions and search (#29368)"
+  },
+  {
+    "hash": "c6a82fcc6f46cc8679df45142dfd2de3312b85e6",
+    "short_hash": "c6a82fc",
+    "author": "XhmikosR",
+    "date": "Thu Sep 5 11:23:34 2019 +0300",
+    "description": "Update devDependencies. (#29349)"
+  },
+  {
+    "hash": "db002902da3a56db6d4d65ea8ae78212c91ea3a1",
+    "short_hash": "db00290",
+    "author": "XhmikosR",
+    "date": "Tue Sep 3 18:04:11 2019 +0300",
+    "description": "Tweak form validation snippet. (#29359)"
+  },
+  {
+    "hash": "d0affaa2eccdd0ab697bc3eee57b6c22f4bc24f9",
+    "short_hash": "d0affaa",
+    "author": "XhmikosR",
+    "date": "Mon Sep 2 19:19:25 2019 +0300",
+    "description": "Examples: use our utilities more. (#29358)"
+  },
+  {
+    "hash": "88d7d8b8223911726d8a0aeed9a16010dca04287",
+    "short_hash": "88d7d8b",
+    "author": "XhmikosR",
+    "date": "Mon Sep 2 12:52:26 2019 +0300",
+    "description": "Use the example shortcode in more places. (#29346)"
+  },
+  {
+    "hash": "6cb4ebc04870df30d5b6ec528ffcb84a07ab48c5",
+    "short_hash": "6cb4ebc",
+    "author": "XhmikosR",
+    "date": "Mon Sep 2 12:44:19 2019 +0300",
+    "description": "ESLint: specify `--report-unused-disable-directives` (#29350)"
+  },
+  {
+    "hash": "6f1eb110e7c39dc2fb7e2126248b320519ae037a",
+    "short_hash": "6f1eb11",
+    "author": "XhmikosR",
+    "date": "Mon Sep 2 12:31:02 2019 +0300",
+    "description": "Docs: simplify a few Hugo `range`s. (#29333)"
+  },
+  {
+    "hash": "edf7923c8f04b436291c0c2b8e405be7ae3f6ab1",
+    "short_hash": "edf7923",
+    "author": "XhmikosR",
+    "date": "Mon Sep 2 12:21:42 2019 +0300",
+    "description": "Fix a few redirected links. (#29352)"
+  },
+  {
+    "hash": "919b526f17a08cefba51c42b831c922adecb4a9f",
+    "short_hash": "919b526",
+    "author": "XhmikosR",
+    "date": "Sat Aug 31 08:11:16 2019 +0300",
+    "description": "Fix shortcodes/example.html class bug. (#29344)"
+  },
+  {
+    "hash": "b1f49092877c83bf2007cc363fc5c6925cc0dc8c",
+    "short_hash": "b1f4909",
+    "author": "ysds",
+    "date": "Thu Aug 29 22:12:26 2019 +0900",
+    "description": "Add responsive example"
+  },
+  {
+    "hash": "ebfeaa4ad18aa67c8ff91ff483f1f3634b2afc85",
+    "short_hash": "ebfeaa4",
+    "author": "ysds",
+    "date": "Wed Aug 28 23:37:39 2019 +0900",
+    "description": "Allow override default col width"
+  },
+  {
+    "hash": "cc248791b0f260aa6e0505a0aa7c3faeb1cbc797",
+    "short_hash": "cc24879",
+    "author": "Mark Otto",
+    "date": "Tue Jul 23 23:00:29 2019 -0700",
+    "description": "Cleanup"
+  },
+  {
+    "hash": "db692d02d555a66219283d5e2150a681fafee1e6",
+    "short_hash": "db692d0",
+    "author": "Mark Otto",
+    "date": "Thu Jul 18 02:48:43 2019 +0300",
+    "description": "Move margins, and equal height via utility example"
+  },
+  {
+    "hash": "e2252e023096daa7e852835a69c360484765c42b",
+    "short_hash": "e2252e0",
+    "author": "Mark Otto",
+    "date": "Thu Jul 18 02:27:53 2019 +0300",
+    "description": "First pass at .row-cols classes"
+  },
+  {
+    "hash": "4041d70eb5462fe8fdd08040f68fcb0ccf67935e",
+    "short_hash": "4041d70",
+    "author": "XhmikosR",
+    "date": "Fri Aug 30 17:35:12 2019 +0300",
+    "description": "card.md remove empty `class` placeholder argument (#29345)"
+  },
+  {
+    "hash": "aa3b4c41a4d98e054b0e18c0193efcce0db39d71",
+    "short_hash": "aa3b4c4",
+    "author": "XhmikosR",
+    "date": "Fri Aug 30 17:21:47 2019 +0300",
+    "description": "carousel.md: Remove duplicate bd-example div. (#29341)"
+  },
+  {
+    "hash": "a6460d972743ecf4cf1fc382dafd06af945fff0a",
+    "short_hash": "a6460d9",
+    "author": "XhmikosR",
+    "date": "Fri Aug 30 11:52:22 2019 +0300",
+    "description": "Merge lint scripts (#29329)"
+  },
+  {
+    "hash": "007ea0d8d043a788383109e1883717875fa5530d",
+    "short_hash": "007ea0d",
+    "author": "Martijn Cuppens",
+    "date": "Fri Aug 30 09:42:41 2019 +0200",
+    "description": "Clean up line heights & add line height utilities (#29271)"
+  },
+  {
+    "hash": "ae249e8f559b88f9db78ed96a39f680aea43c051",
+    "short_hash": "ae249e8",
+    "author": "XhmikosR",
+    "date": "Fri Aug 30 08:01:21 2019 +0300",
+    "description": "docs-sidebar.html: reindent. (#29337)"
+  }
+]

src/pages/_data/commits.yml

@@ -1,803 +0,0 @@
-- hash: 0964a88ac83d01395476695dd6a1307878543c13
-  short_hash: 0964a88
-  author: Martijn Cuppens
-  date: Thu Nov 28 08:48:33 2019 +0100
-  description: Fix dart Sass compatibility (#29755)
-
-- hash: 4de4874e722ad934bd3bf21f20a19475096c889a
-  short_hash: 4de4874
-  author: Matthieu Vignolle
-  date: Wed Nov 27 07:43:49 2019 +0100
-  description: Change deprecated html tags to text decoration classes (#29604)
-
-- hash: 1977a661e64572576f63acfd70f6b62b1beb382e
-  short_hash: 1977a66
-  author: cccabinet
-  date: Tue Nov 26 16:11:07 2019 +0900
-  description: justify-content:between ⇒ justify-content:space-between (#29734)
-
-- hash: 82d8dae7e738167ea1820c960f25f07fc9721297
-  short_hash: 82d8dae
-  author: XhmikosR
-  date: Tue Nov 26 09:00:21 2019 +0200
-  description: Update change-version.js (#29736)
-
-- hash: a84f7233eab6e5713a6cfcb1ab22fafd79422a81
-  short_hash: a84f723
-  author: XhmikosR
-  date: Mon Nov 25 16:30:53 2019 +0200
-  description: Regenerate package-lock.json (#29730)
-
-- hash: 2180daa6f53fb9a93e4760baec7f2bd4123e6a3e
-  short_hash: 2180daa
-  author: Mark Otto
-  date: Sun Nov 24 10:40:16 2019 -0800
-  description: Some minor text tweaks
-
-- hash: d5c212bbcbcf2efe97540b3b890b4b8bdf6820f2
-  short_hash: d5c212b
-  author: Martijn Cuppens
-  date: Fri Nov 1 11:22:29 2019 +0100
-  description: Link to versioned docs
-
-- hash: ff256ca23c78471dfdc732b7262bece2dad59dff
-  short_hash: ff256ca
-  author: Mark Otto
-  date: Mon Oct 28 09:08:19 2019 +0200
-  description: Copywriting edits
-
-- hash: cd077cd599e55a8a126ce765d8f9adeb595ca3e2
-  short_hash: cd077cd
-  author: Martijn Cuppens
-  date: Sun Oct 27 11:01:30 2019 +0100
-  description: Enable RFS for font resizing
-
-- hash: 787256cae401f9ebd8bea1391343a58140d0f235
-  short_hash: 787256c
-  author: Martijn Cuppens
-  date: Sun Nov 24 20:20:03 2019 +0100
-  description: Compressed Sass output support (#29702)
-
-- hash: 0caed940a578cb920a750dc0ce287c7d71e59a3e
-  short_hash: 0caed94
-  author: Jonathan Hefner
-  date: Sun Nov 24 13:15:35 2019 -0600
-  description: Set vertical-align on .form-check-input (#29521)
-
-- hash: 460ba061cb470df7aca18b32854079a0caf335dd
-  short_hash: 460ba06
-  author: Martijn Cuppens
-  date: Sun Nov 24 20:01:02 2019 +0100
-  description: Keep themed appearance for print (#29714)
-
-- hash: a65d066530c463a973414e894924fd46bd34ee91
-  short_hash: a65d066
-  author: Martijn Cuppens
-  date: Fri Nov 22 10:00:25 2019 +0100
-  description: Use double quotes in `.stylelintrc` (#29709)
-
-- hash: db87297afbc6a6458912d490a2398801ea7108bb
-  short_hash: db87297
-  author: XhmikosR
-  date: Thu Nov 21 16:35:21 2019 +0200
-  description: Regenerate package-lock.json (#29695)
-
-- hash: 099860d727f0ed2ab039ccac48e2ead61083427c
-  short_hash: 099860d
-  author: XhmikosR
-  date: Mon Nov 18 21:03:43 2019 +0200
-  description: Switch to the Coveralls Action (#29478)
-
-- hash: 47b1bc71af5bedab27df115a23237ea30e1ac30e
-  short_hash: 47b1bc7
-  author: XhmikosR
-  date: Fri Nov 15 15:52:50 2019 +0200
-  description: Fix npm audit vulnerability (#29677)
-
-- hash: bca5b6ab9ca7277b03562e175e6914e81e27ddd7
-  short_hash: bca5b6a
-  author: XhmikosR
-  date: Tue Nov 12 09:40:29 2019 +0200
-  description: "config.yml: update popper.js to v1.16.0 (#29624)"
-
-- hash: 2a4d526ce81093c1dd26e37d94b9371e89085f52
-  short_hash: 2a4d526
-  author: XhmikosR
-  date: Tue Nov 12 09:34:16 2019 +0200
-  description: Update anchor.js to v4.2.1 (#29662)
-
-- hash: cc6f66f72a180af1910bb5f520f2067ad705f1b8
-  short_hash: cc6f66f
-  author: XhmikosR
-  date: Fri Nov 8 10:11:23 2019 +0200
-  description: Dist (#29638)
-
-- hash: eb849d73cda18a660d13c22b25a9e7ebbf42faca
-  short_hash: eb849d7
-  author: Martijn Cuppens
-  date: Thu Nov 7 20:03:52 2019 +0100
-  description: Make check label cursor customizable (#29654)
-
-- hash: dbeb85cb085c6231bd747f5fe597b91ef99ab2ae
-  short_hash: dbeb85c
-  author: Sam Duvall
-  date: Thu Nov 7 13:34:54 2019 -0500
-  description: Fixed input-height-sm and input-height-lg calculations (#29653)
-
-- hash: 67015b4aa2c075726aae7e2a2e014c87827f6d20
-  short_hash: 67015b4
-  author: Martijn Cuppens
-  date: Thu Nov 7 19:28:51 2019 +0100
-  description: "package.json: Add funding property (#29646)"
-
-- hash: c9ae98ee38f1c9108b079a0a48a1b21cdbd55001
-  short_hash: c9ae98e
-  author: XhmikosR
-  date: Thu Nov 7 11:33:10 2019 +0200
-  description: Remove shx. (#29636)
-
-- hash: c3fa502d32d78f580760500fe1b91bd0f04b845c
-  short_hash: c3fa502
-  author: XhmikosR
-  date: Thu Nov 7 11:20:12 2019 +0200
-  description: "dashboard/index.html: update tabler-icons to v4.24.1 (#29651)"
-
-- hash: 1d30e05cafd986b1ca067edd20570899b0ad9e94
-  short_hash: 1d30e05
-  author: XhmikosR
-  date: Thu Nov 7 10:41:40 2019 +0200
-  description: Regenerate package-lock.json.
-
-- hash: 258a56b473edea843eb20e80bbc7bf49eb040a32
-  short_hash: 258a56b
-  author: XhmikosR
-  date: Mon Nov 4 15:42:09 2019 +0200
-  description: "site/assets/js/search.js: ignore the LGTM alert (#29634)"
-
-- hash: 972369c997e4113607aaa002edd532e3d256f316
-  short_hash: 972369c
-  author: XhmikosR
-  date: Thu Oct 24 16:47:38 2019 +0300
-  description: Tighten regex a bit. If we need to make this more robust in the future, we can revert this as needed.
-
-- hash: e40b3355f09d444337eb0081877d02329fbf52c9
-  short_hash: e40b335
-  author: XhmikosR
-  date: Tue Sep 17 14:22:56 2019 +0300
-  description: "example.html: use double quotes"
-
-- hash: 04acb679ab4282b50e2c6214c3ce7db634f9c2e1
-  short_hash: 04acb67
-  author: Christopher Morrissey
-  date: Fri Sep 6 18:35:43 2019 +0300
-  description: "Example shortcode: use a regex and simplify logic."
-
-- hash: a28adc76663b00b72abee1ae326b53cc9c9d6b9c
-  short_hash: a28adc7
-  author: XhmikosR
-  date: Mon Nov 4 14:44:07 2019 +0200
-  description: Move docs JS one folder up. (#29632)
-
-- hash: 504098d66466488927acd43369b6f0dd40daa1f7
-  short_hash: 504098d
-  author: Martijn Cuppens
-  date: Mon Nov 4 13:37:13 2019 +0100
-  description: "progress: Fix IE overflow (#29629)"
-
-- hash: 6b3ee0e5fde816ff3aaad28f55282d5a11328bcc
-  short_hash: 6b3ee0e
-  author: Johann-S
-  date: Mon Nov 4 10:50:07 2019 +0100
-  description: removing last occurences of _fixTitle in our docs (#29631)
-
-- hash: 8805122f73dc580aab449f6f680eb01b83cafeed
-  short_hash: 8805122
-  author: XhmikosR
-  date: Fri Nov 1 13:18:28 2019 +0200
-  description: Update modal.md (#29621) Fix typo
-
-- hash: f2483febb61f6397fd855efe92d2c1e536262c26
-  short_hash: f2483fe
-  author: Martijn Cuppens
-  date: Thu Oct 31 09:56:10 2019 +0100
-  description: Update stylelint-config-twbs-bootstrap to 0.9.0 (#29612)
-
-- hash: 08ba61e276a6393e8e2b97d56d2feb70a24fe22c
-  short_hash: 08ba61e
-  author: Martijn Cuppens
-  date: Wed Oct 30 09:03:53 2019 +0100
-  description: Remove calc function from docs
-
-- hash: ca9731692ecbff4e3415a77ff28612ed1fc96ac6
-  short_hash: ca97316
-  author: Martijn Cuppens
-  date: Wed Oct 30 08:57:09 2019 +0100
-  description: Add calc() to function blacklist
-
-- hash: 9e54d8e1208fbb292d48b879b66d19a404bba538
-  short_hash: 9e54d8e
-  author: Mark Otto
-  date: Sat Oct 19 08:32:29 2019 +0300
-  description: Doc tweaks.
-
-- hash: 32b932c959818a2d7a6651ecc57ad88bc8e0d0ea
-  short_hash: 32b932c
-  author: Martijn Cuppens
-  date: Sat Oct 12 16:03:17 2019 +0200
-  description: Revert complex calculation
-
-- hash: d6ebc60d3d98d48959e6e1bd4eeea4d6e8be4366
-  short_hash: d6ebc60
-  author: ysds
-  date: Tue Sep 3 20:18:44 2019 +0300
-  description: Add add and subtract function
-
-- hash: c62efc3ef69d7dd6e784928b707f52884fab87de
-  short_hash: c62efc3
-  author: Steffen Roßkamp
-  date: Thu Oct 31 06:58:09 2019 +0100
-  description: Update normalizeDataKey to match the spec (#29609)
-
-- hash: 639c405c6510a286a3cfcfd6d733d28d0e7baf92
-  short_hash: 639c405
-  author: Matias Puhakka
-  date: Mon Oct 28 16:19:03 2019 +0200
-  description: Remove redundant "Navbar divider" from "Contents" (#29601)
-
-- hash: b81a23a60d1a0c137dfeff17ce9f85c80ca9fe5c
-  short_hash: b81a23a
-  author: Mark Otto
-  date: Mon Oct 28 00:12:07 2019 -0700
-  description: Update .form-check to properly support gradients when enabled (#29338)
-
-- hash: 9c7bc1a1111940158050db8aaf66340e8ce4d558
-  short_hash: 9c7bc1a
-  author: Mark Otto
-  date: Sun Oct 27 20:26:52 2019 -0700
-  description: "v5: Simplify navbars by requiring containers (#29339)"
-
-- hash: 23c3cdbd432947e30c755c56aace15218aafc99a
-  short_hash: 23c3cdb
-  author: XhmikosR
-  date: Sun Oct 27 16:39:54 2019 +0200
-  description: Remove unneeded ESLint suppression and regenerate lock file (#29593)
-
-- hash: 819f922276de18cbddb8f5d484b34e4a1a132886
-  short_hash: 819f922
-  author: midzer
-  date: Sat Oct 26 18:47:55 2019 +0200
-  description: remove superflous transition parameter (#29595)
-
-- hash: 46912797b24f12817c24d84a1a80a72d224d1b3a
-  short_hash: 4691279
-  author: Higor Araújo dos Anjos
-  date: Fri Oct 25 15:12:09 2019 -0300
-  description: Added animation when modal backdrop is static (#29516)
-
-- hash: 9ee9b8a1e8f6b2c9d1cbec6cf5c04ac5b8a2b378
-  short_hash: 9ee9b8a
-  author: Martijn Cuppens
-  date: Fri Oct 25 11:37:52 2019 +0200
-  description: Add configurable button text wrapping (#29554)
-
-- hash: b3dfcdc7ed066469074e96d9ca80b0684d185d82
-  short_hash: b3dfcdc
-  author: Pawel Wolak
-  date: Fri Oct 25 11:25:30 2019 +0200
-  description: Enable eslint no-console rule except for build directory (#29585)
-
-- hash: e298e42e29022f275c42273e07cda7618b5d96c3
-  short_hash: e298e42
-  author: XhmikosR
-  date: Tue Oct 22 20:56:19 2019 +0300
-  description: Regenerate package-lock.json (#29571)
-
-- hash: 6c0e75d6cf6f4a37eede6f221b4be83d29d31742
-  short_hash: 6c0e75d
-  author: XhmikosR
-  date: Tue Oct 22 12:22:27 2019 +0300
-  description: Fix one dev npm vulnerability. (#29568)
-
-- hash: b91ce0940573dba21c574927e16ea092e3d50df5
-  short_hash: b91ce09
-  author: XhmikosR
-  date: Tue Oct 22 07:49:06 2019 +0300
-  description: Update hugo-bin to v0.47.0 (Hugo 0.59.0) (#29562)
-
-- hash: 3b876be65273eb4e1096a7420f4b73767607fe59
-  short_hash: 3b876be
-  author: Shohei Yoshida
-  date: Tue Oct 22 11:27:43 2019 +0900
-  description: Rename close icon to close button (#29387)
-
-- hash: 3251de8d57b8e11b9dda0984298028cc977642eb
-  short_hash: 3251de8
-  author: XhmikosR
-  date: Tue Oct 22 05:11:22 2019 +0300
-  description: Get rid of unneeded `div`s. (#29563)
-
-- hash: f3e84e026863e6a4bbc471a8e6c84e9a3b254c55
-  short_hash: f3e84e0
-  author: XhmikosR
-  date: Sun Oct 20 18:57:15 2019 +0300
-  description: Update popper.js to v1.16.0. (#29537)
-
-- hash: 8d56c19b5509ef5b6358ee4b646a80bdffbe7396
-  short_hash: 8d56c19
-  author: Mark Otto
-  date: Fri Oct 18 11:06:12 2019 -0700
-  description: "v5: Icons docs cleanup (#29450)"
-
-- hash: 943bef258d661e0d752f2c4f129952fe2a9de47e
-  short_hash: 943bef2
-  author: Mark Otto
-  date: Fri Oct 18 11:04:27 2019 -0700
-  description: "v5: Update colors to add shades and tints (#29348)"
-
-- hash: 1fa337cc201a5c55f699af03595821b9c06273df
-  short_hash: 1fa337c
-  author: Mark Otto
-  date: Fri Oct 18 00:28:17 2019 -0700
-  description: Add link to Icons site in our docs (#29544)
-
-- hash: c1ee395f80c05de8317588b07f34a65c5b95c42c
-  short_hash: c1ee395
-  author: Jeremy Jackson
-  date: Thu Oct 17 15:01:44 2019 +0000
-  description: Skip hidden dropdowns while focusing (#29523)
-
-- hash: 104385c508a4c77761b04a9842e978bab6f359f6
-  short_hash: 104385c
-  author: Mark Otto
-  date: Wed Oct 16 23:46:34 2019 -0700
-  description: Add make-col-auto mixin (#29367)
-
-- hash: b483f80b9ea79318273299c7b365c3abff3bfeea
-  short_hash: b483f80
-  author: XhmikosR
-  date: Wed Oct 16 18:06:26 2019 +0300
-  description: Update dependabot config (#29536)
-
-- hash: 2a8486962ef0260553432ce1a0401cabba81b968
-  short_hash: 2a84869
-  author: XhmikosR
-  date: Wed Oct 16 14:48:28 2019 +0300
-  description: Add dependabot config (#29526)
-
-- hash: b4e957d360899c2555cb29a3ae4589405883bba9
-  short_hash: b4e957d
-  author: XhmikosR
-  date: Mon Oct 14 10:54:39 2019 +0300
-  description: Update devDependencies. (#29508)
-
-- hash: 7327e38b1c767051658e68171994042649a4203a
-  short_hash: 7327e38
-  author: Martijn Cuppens
-  date: Sat Oct 12 15:07:22 2019 +0200
-  description: Fix top level ampersand (#29518)
-
-- hash: 64e22b42842b2d216f328a94ff9105da744bccbe
-  short_hash: 64e22b4
-  author: leshasmp
-  date: Sat Oct 12 17:09:04 2019 +0500
-  description: Carousel variables (#29493)
-
-- hash: 09e6af48d7f44900e38d5676fb01ad7bb9ddd24b
-  short_hash: 09e6af4
-  author: astrahov
-  date: Sat Oct 12 16:56:29 2019 +0500
-  description: Group line-height variables (#29466)
-
-- hash: 4e37fc3ab4b9441ec749ab91edff66b7fc192456
-  short_hash: 4e37fc3
-  author: Jeremy Jackson
-  date: Sat Oct 12 08:21:22 2019 +0000
-  description: Add color argument to button mixins (#29444)
-
-- hash: b3451ff258fad12e0803d3c4c0331230748720b8
-  short_hash: b3451ff
-  author: Mark Otto
-  date: Thu Oct 10 11:18:19 2019 -0700
-  description: Add new .bg-body utility class (#29511)
-
-- hash: 133e0c8c9a7fdb7bd4d5ebd82ce6d8dc944e0a4f
-  short_hash: 133e0c8
-  author: XhmikosR
-  date: Wed Oct 9 11:11:37 2019 +0300
-  description: Drop support for Node.js 8. (#29496)
-
-- hash: 577bf8b14d76a864a8d69dbfb03b757fbeb6e241
-  short_hash: 577bf8b
-  author: XhmikosR
-  date: Wed Oct 9 01:27:43 2019 +0300
-  description: Rename "js/tests/units" to "js/tests/unit". (#29503)
-
-- hash: 1770691b339bdbf17de5e8824158b358dc0284a9
-  short_hash: 1770691
-  author: XhmikosR
-  date: Tue Oct 8 09:39:10 2019 +0300
-  description: Dist (#29484)
-
-- hash: 9c54d3579757aa1e4027ff8fb434a18c656d840c
-  short_hash: 9c54d35
-  author: XhmikosR
-  date: Tue Oct 8 08:47:40 2019 +0300
-  description: "CI: move `CI` env variable to the root of the workflow. (#29499)"
-
-- hash: 622c914a3acc1ab933b3e89d8abfdd63feeb4016
-  short_hash: 622c914
-  author: XhmikosR
-  date: Mon Oct 7 09:31:12 2019 +0300
-  description: Update devDependencies. (#29447)
-
-- hash: 60559d44a2166708a4dc2f6ccb835052da08ab65
-  short_hash: 60559d4
-  author: astrahov
-  date: Thu Oct 3 20:54:34 2019 +0500
-  description: Add variable for `$breadcrumb-font-size` (#29467)
-
-- hash: e1b82f51e21b6329d783406cfbc9c847c798ef23
-  short_hash: e1b82f5
-  author: Johann-S
-  date: Wed Oct 2 14:32:29 2019 +0200
-  description: add modularity integration test
-
-- hash: 3d12b541c488ea09efced2fb987fcbf384c656bb
-  short_hash: 3d12b54
-  author: Johann-S
-  date: Wed Oct 2 11:43:54 2019 +0200
-  description: return to the original file structure to avoid breaking modularity
-
-- hash: 393ddae09b0578c8d381540bdbb4e68cdec1b45b
-  short_hash: 393ddae
-  author: Martijn Cuppens
-  date: Thu Oct 3 09:43:45 2019 +0200
-  description: Fix border for single card in accordion (#29453)
-
-- hash: 03c9788f7a0293beef328c004b124f4433c3c64d
-  short_hash: 03c9788
-  author: Martijn Cuppens
-  date: Thu Oct 3 09:21:40 2019 +0200
-  description: Variable card height (#29462)
-
-- hash: f6a1e2fc8990f2c8975b0f27fc14027a6f7e9fae
-  short_hash: f6a1e2f
-  author: Paweł Kuna
-  date: Thu Oct 3 08:52:25 2019 +0200
-  description: Better radio input (#29441)
-
-- hash: 494713b55a40d5b1216acd8b44fe0e463224f73d
-  short_hash: 494713b
-  author: Martijn Cuppens
-  date: Wed Oct 2 21:48:15 2019 +0200
-  description: Trim trailing whitespace from markdown files (#29460)
-
-- hash: de8c65158be3bbf150b9352a3985762c7e094933
-  short_hash: de8c651
-  author: Martijn Cuppens
-  date: Wed Oct 2 21:37:24 2019 +0200
-  description: Remove appearance from textarea (#29455)
-
-- hash: 707973ebdd2ea058b297456ee6c7b0a27b725089
-  short_hash: 707973e
-  author: Mark Otto
-  date: Wed Oct 2 12:19:45 2019 -0700
-  description: "v5: .form-check layout changes (#29322)"
-
-- hash: c306e963e8f75cf4e2b5b7b656266b6df01c8b83
-  short_hash: c306e96
-  author: Andreas Schroth
-  date: Wed Oct 2 21:10:31 2019 +0200
-  description: Remove "extra" section from composer.json (#29420)
-
-- hash: e41342b4c1be70ff8d6074f37ecc49dec632d80c
-  short_hash: e41342b
-  author: XhmikosR
-  date: Wed Oct 2 22:05:15 2019 +0300
-  description: "coveralls: Add `COVERALLS_GIT_BRANCH` (#29458)"
-
-- hash: b1a4b0ecc42e5d2359f18d6430b9386defdb9ddb
-  short_hash: b1a4b0e
-  author: XhmikosR
-  date: Wed Oct 2 21:56:39 2019 +0300
-  description: "workflows/test.yml: specify `CI=true` (#29440)"
-
-- hash: adfd3fbd4689b8d373d55df56bead6d09c728fcd
-  short_hash: adfd3fb
-  author: XhmikosR
-  date: Wed Oct 2 21:49:34 2019 +0300
-  description: "README.md: link to the Actions page for Tests (#29480)"
-
-- hash: 46e8f1a34fe00468209f46b12aac6323b5322eee
-  short_hash: 46e8f1a
-  author: astrahov
-  date: Tue Oct 1 18:14:43 2019 +0500
-  description: Variable carousel indicator opacity (#29468)
-
-- hash: 0a3aa08b89031a835e73b53b161ba6c6d1cab848
-  short_hash: 0a3aa08
-  author: Paweł Kuna
-  date: Fri Sep 27 17:58:53 2019 +0200
-  description: Remove outline from select box in FF (#29445)
-
-- hash: f2dff864aa09140dd7edc6b5e27ecf590f2f7fa5
-  short_hash: f2dff86
-  author: wojtask9
-  date: Fri Sep 27 14:22:31 2019 +0200
-  description: Remove duplicated td selector (#29454)
-
-- hash: 6b150855df836210188b0cec5e989468ca5e9611
-  short_hash: 6b15085
-  author: XhmikosR
-  date: Fri Sep 27 09:01:36 2019 +0300
-  description: Change blue and pink colors to be accessible. (#29198)
-
-- hash: de3a3731bd8034536654053130663d12ff1ec811
-  short_hash: de3a373
-  author: XhmikosR
-  date: Thu Sep 26 21:50:14 2019 +0300
-  description: "Sass: remove redundant stylelint inline suppressions. (#29427)"
-
-- hash: 7e0901779043aa0357fa39e7544b60c2054cce01
-  short_hash: 7e09017
-  author: XhmikosR
-  date: Tue Sep 24 21:32:49 2019 +0300
-  description: "`update-deps`: remove moot `cross-env` call. (#29419)"
-
-- hash: d2a24e09ecfd453618f7bd6c07bc0546e38fb261
-  short_hash: d2a24e0
-  author: Shohei Yoshida
-  date: Tue Sep 24 19:48:45 2019 +0900
-  description: Grid card example tweaks (#29409)
-
-- hash: 84861ceadbb09ada3598a632fd0f5e1cc80b0e7a
-  short_hash: 84861ce
-  author: XhmikosR
-  date: Tue Sep 17 21:34:53 2019 +0300
-  description: ".eslintrc.json: Remove a couple of default rules."
-
-- hash: 90c5de151be15815469a07b2c7aa4ab0c01f2a86
-  short_hash: 90c5de1
-  author: XhmikosR
-  date: Tue Sep 24 12:53:50 2019 +0300
-  description: GH Actions updates. (#29429)
-
-- hash: 129bb08fc4d2c850ae71250371adf82a4441dc70
-  short_hash: 129bb08
-  author: XhmikosR
-  date: Tue Sep 17 00:22:49 2019 +0300
-  description: Use Hugo for our docs Sass and JS. (#29280)
-
-- hash: a9c05ab798df7b1a40af41c25dd92faa84b13f99
-  short_hash: a9c05ab
-  author: XhmikosR
-  date: Wed Aug 28 17:31:45 2019 +0300
-  description: "examples: darken gray a little bit."
-
-- hash: 758ee5f0f8c31f0140cd3df62cd3dd0eef33eecd
-  short_hash: 758ee5f
-  author: XhmikosR
-  date: Mon Aug 5 16:11:51 2019 +0300
-  description: "card.md: use `text-dark` for warning card."
-
-- hash: 1edba8072db996d72a9b774953c9137eb2159432
-  short_hash: 1edba80
-  author: XhmikosR
-  date: Sat Aug 3 18:47:13 2019 +0300
-  description: "badge.md: use `text-dark` for warning."
-
-- hash: fbeed6f1d9a89d2fbe97312dfb94b6b8f85c195b
-  short_hash: fbeed6f
-  author: XhmikosR
-  date: Sat Aug 3 18:27:11 2019 +0300
-  description: Darken footer color.
-
-- hash: 943a074a2ba9dc753cb4e27075246b7e82eeb306
-  short_hash: 943a074
-  author: XhmikosR
-  date: Sat Aug 3 18:20:45 2019 +0300
-  description: Tweak syntax highlighting colors to be WCAG2AA valid.
-
-- hash: 0126d9832b03fbb584066cc5f1eeadd283665ed6
-  short_hash: 0126d98
-  author: XhmikosR
-  date: Mon Sep 16 15:28:25 2019 +0300
-  description: "workflows/test.yml: switch to `setup-node@v1`. (#29410)"
-
-- hash: e2a93ec094d6ec1283c10a220b26a2acb4b7417c
-  short_hash: e2a93ec
-  author: ysds
-  date: Thu Sep 12 23:30:47 2019 +0900
-  description: Fix incorrect aspect ratio on IE11
-
-- hash: 6e638685002e8d5f5c42b274ce87ae3d044d52f2
-  short_hash: 6e63868
-  author: Martijn Cuppens
-  date: Thu Apr 25 21:10:55 2019 +0200
-  description: Remove redundant properties
-
-- hash: d99ff902f8c7b849ccb283af69d6a8ac15356450
-  short_hash: d99ff90
-  author: jahanzaibsuleman07
-  date: Fri Sep 13 23:15:20 2019 +0500
-  description: Responsive sticky top (#29158)
-
-- hash: 49469ca0dc383626b201d91b66bd4aaed8dceb0f
-  short_hash: 49469ca
-  author: XhmikosR
-  date: Fri Sep 13 12:13:08 2019 +0300
-  description: Update devDependencies. (#29381)
-
-- hash: 2f549ecda8b154ac9203056786e77c8271e78f30
-  short_hash: 2f549ec
-  author: Martijn Cuppens
-  date: Sat Sep 7 21:16:48 2019 +0200
-  description: Typo fix (#29382)
-
-- hash: 713dd824038aba59185b05e4c87bce8e5452e893
-  short_hash: 713dd82
-  author: ysds
-  date: Fri Sep 6 23:57:29 2019 +0900
-  description: Remove unnecessary z-index
-
-- hash: 9066f9495cb41459574ab181fc3d435c1b4e358a
-  short_hash: 9066f94
-  author: Martijn Cuppens
-  date: Fri Sep 6 09:24:08 2019 +0200
-  description: Make sure the content doesn't cover the navbar dropdown
-
-- hash: c5e80ff2afe056fc959cd14b2ffda88016e0b81d
-  short_hash: c5e80ff
-  author: XhmikosR
-  date: Sat Aug 31 14:41:15 2019 +0300
-  description: "about/brand.md: Remove unused class."
-
-- hash: c6ac6365e57efeff86b2b099703c907c3d57b261
-  short_hash: c6ac636
-  author: XhmikosR
-  date: Sat Aug 31 14:30:29 2019 +0300
-  description: Use the `$white` variable.
-
-- hash: b6b96c174bff4b27800fb9ddec75328d1ef30322
-  short_hash: b6b96c1
-  author: Martijn Cuppens
-  date: Fri Aug 30 23:32:12 2019 +0300
-  description: Docs tweaks
-
-- hash: d6945d5e8fa66a84cf363d9ff710684971bdea85
-  short_hash: d6945d5
-  author: XhmikosR
-  date: Sun Sep 1 13:37:24 2019 +0300
-  description: Move shortcodes used only once where they are needed.
-
-- hash: 2c9e22ef889b1b88df7b956d705a1069c10d5e68
-  short_hash: 2c9e22e
-  author: XhmikosR
-  date: Sun Sep 1 13:23:58 2019 +0300
-  description: "getting-started/theming.md: throw an error if the regex doesn't succeed."
-
-- hash: cf4ae75eff7d432962cc67d56d4ede3b9e3ac42c
-  short_hash: cf4ae75
-  author: XhmikosR
-  date: Sun Sep 1 13:23:31 2019 +0300
-  description: Break a couple of long lines.
-
-- hash: f7fe5d5bca78354c1ff27340702593ca5f81a3a3
-  short_hash: f7fe5d5
-  author: XhmikosR
-  date: Fri Sep 6 08:51:46 2019 +0300
-  description: "homepage: remove redundant class (#29357)"
-
-- hash: eb49bd11c9e5f2705d4efa78c029a1de3a2fb832
-  short_hash: eb49bd1
-  author: Mark Otto
-  date: Thu Sep 5 11:43:31 2019 -0700
-  description: Update subnav to remove breadcrumb and just keep versions and search (#29368)
-
-- hash: c6a82fcc6f46cc8679df45142dfd2de3312b85e6
-  short_hash: c6a82fc
-  author: XhmikosR
-  date: Thu Sep 5 11:23:34 2019 +0300
-  description: Update devDependencies. (#29349)
-
-- hash: db002902da3a56db6d4d65ea8ae78212c91ea3a1
-  short_hash: db00290
-  author: XhmikosR
-  date: Tue Sep 3 18:04:11 2019 +0300
-  description: Tweak form validation snippet. (#29359)
-
-- hash: d0affaa2eccdd0ab697bc3eee57b6c22f4bc24f9
-  short_hash: d0affaa
-  author: XhmikosR
-  date: Mon Sep 2 19:19:25 2019 +0300
-  description: "Examples: use our utilities more. (#29358)"
-
-- hash: 88d7d8b8223911726d8a0aeed9a16010dca04287
-  short_hash: 88d7d8b
-  author: XhmikosR
-  date: Mon Sep 2 12:52:26 2019 +0300
-  description: Use the example shortcode in more places. (#29346)
-
-- hash: 6cb4ebc04870df30d5b6ec528ffcb84a07ab48c5
-  short_hash: 6cb4ebc
-  author: XhmikosR
-  date: Mon Sep 2 12:44:19 2019 +0300
-  description: "ESLint: specify `--report-unused-disable-directives` (#29350)"
-
-- hash: 6f1eb110e7c39dc2fb7e2126248b320519ae037a
-  short_hash: 6f1eb11
-  author: XhmikosR
-  date: Mon Sep 2 12:31:02 2019 +0300
-  description: "Docs: simplify a few Hugo `range`s. (#29333)"
-
-- hash: edf7923c8f04b436291c0c2b8e405be7ae3f6ab1
-  short_hash: edf7923
-  author: XhmikosR
-  date: Mon Sep 2 12:21:42 2019 +0300
-  description: Fix a few redirected links. (#29352)
-
-- hash: 919b526f17a08cefba51c42b831c922adecb4a9f
-  short_hash: 919b526
-  author: XhmikosR
-  date: Sat Aug 31 08:11:16 2019 +0300
-  description: Fix shortcodes/example.html class bug. (#29344)
-
-- hash: b1f49092877c83bf2007cc363fc5c6925cc0dc8c
-  short_hash: b1f4909
-  author: ysds
-  date: Thu Aug 29 22:12:26 2019 +0900
-  description: Add responsive example
-
-- hash: ebfeaa4ad18aa67c8ff91ff483f1f3634b2afc85
-  short_hash: ebfeaa4
-  author: ysds
-  date: Wed Aug 28 23:37:39 2019 +0900
-  description: Allow override default col width
-
-- hash: cc248791b0f260aa6e0505a0aa7c3faeb1cbc797
-  short_hash: cc24879
-  author: Mark Otto
-  date: Tue Jul 23 23:00:29 2019 -0700
-  description: Cleanup
-
-- hash: db692d02d555a66219283d5e2150a681fafee1e6
-  short_hash: db692d0
-  author: Mark Otto
-  date: Thu Jul 18 02:48:43 2019 +0300
-  description: Move margins, and equal height via utility example
-
-- hash: e2252e023096daa7e852835a69c360484765c42b
-  short_hash: e2252e0
-  author: Mark Otto
-  date: Thu Jul 18 02:27:53 2019 +0300
-  description: First pass at .row-cols classes
-
-- hash: 4041d70eb5462fe8fdd08040f68fcb0ccf67935e
-  short_hash: 4041d70
-  author: XhmikosR
-  date: Fri Aug 30 17:35:12 2019 +0300
-  description: card.md remove empty `class` placeholder argument (#29345)
-
-- hash: aa3b4c41a4d98e054b0e18c0193efcce0db39d71
-  short_hash: aa3b4c4
-  author: XhmikosR
-  date: Fri Aug 30 17:21:47 2019 +0300
-  description: "carousel.md: Remove duplicate bd-example div. (#29341)"
-
-- hash: a6460d972743ecf4cf1fc382dafd06af945fff0a
-  short_hash: a6460d9
-  author: XhmikosR
-  date: Fri Aug 30 11:52:22 2019 +0300
-  description: Merge lint scripts (#29329)
-
-- hash: 007ea0d8d043a788383109e1883717875fa5530d
-  short_hash: 007ea0d
-  author: Martijn Cuppens
-  date: Fri Aug 30 09:42:41 2019 +0200
-  description: Clean up line heights & add line height utilities (#29271)
-
-- hash: ae249e8f559b88f9db78ed96a39f680aea43c051
-  short_hash: ae249e8
-  author: XhmikosR
-  date: Fri Aug 30 08:01:21 2019 +0300
-  description: "docs-sidebar.html: reindent. (#29337)"

src/pages/_data/crypto-currencies.yml

@@ -1,907 +0,0 @@
-- name: Bitcoin
-  price: "$10513.00"
-  p24h: -7
-  market-cap: "$179,470,305,923"
-  circulating-supply: 16,819,612 BTC
-  volume-24h: "$9,578,830,000"
-  cmgr: 8.11% / 57
-  inflation: 0.36%
-  icon: bitcoin.svg
-
-- name: Ethereum
-  price: "$966.61"
-  p24h: -6
-  market-cap: "$95,270,125,036"
-  circulating-supply: 97,145,024 ETH
-  volume-24h: "$3,466,060,000"
-  cmgr: 22.62% / 29
-  inflation: 0.64%
-  icon: ethereum.svg
-
-- name: Ripple
-  price: "$1.2029"
-  p24h: -11
-  market-cap: "$47,649,145,657"
-  circulating-supply: 38,739,144,704 XRP
-  volume-24h: "$2,081,450,000"
-  cmgr: 10.85% / 53
-  inflation: 0.06%
-  icon: ripple.svg
-
-- name: Bitcoin Cash
-  price: "$1547.00"
-  p24h: -11
-  market-cap: "$26,720,210,956"
-  circulating-supply: 16,925,988 BCH
-  volume-24h: "$598,337,000"
-  cmgr: 21.30% / 6
-  inflation: 0.32%
-
-- name: Cardano
-  price: "$0.550768"
-  p24h: -9
-  market-cap: "$14,279,800,786"
-  circulating-supply: 25,927,069,696 ADA
-  volume-24h: "$466,381,000"
-  cmgr: 205.35% / 3
-  inflation: 0.00%
-  icon: cardano.svg
-
-- name: Litecoin
-  price: "$173.86"
-  p24h: -7
-  market-cap: "$9,670,920,267"
-  circulating-supply: 54,873,584 LTC
-  volume-24h: "$430,524,000"
-  cmgr: 6.87% / 57
-  inflation: 0.80%
-  icon: litecoin.svg
-
-- name: EOS
-  price: "$13.394"
-  p24h: 5
-  market-cap: "$8,420,143,033"
-  circulating-supply: 621,412,800 EOS
-  volume-24h: "$2,864,780,000"
-  cmgr: 53.25% / 6
-  inflation: 11.56%
-  icon: eos.svg
-
-- name: NEM
-  price: "$0.935049"
-  p24h: -11
-  market-cap: "$8,415,440,999"
-  circulating-supply: 8,999,999,488 XEM
-  volume-24h: "$66,061,000"
-  cmgr: 26.99% / 33
-  inflation: 0.24%
-  icon: nem.svg
-
-- name: Stellar
-  price: "$0.467813"
-  p24h: 2
-  market-cap: "$8,358,735,080"
-  circulating-supply: 17,867,683,840 XLM
-  volume-24h: "$370,297,000"
-  cmgr: 13.12% / 41
-  inflation: 0.19%
-
-- name: NEO
-  price: "$118.61"
-  p24h: -9
-  market-cap: "$7,693,400,000"
-  circulating-supply: 65,000,000 NEO
-  volume-24h: "$318,308,000"
-  cmgr: 62.68% / 15
-  inflation: 0.00%
-
-- name: IOTA
-  price: "$2.34"
-  p24h: -14
-  market-cap: "$6,504,100,862"
-  circulating-supply: 2,779,530,240 MIOTA
-  volume-24h: "$103,132,000"
-  cmgr: 23.27% / 7
-  inflation: "-0.02%"
-
-- name: Dash
-  price: "$747.222"
-  p24h: -8
-  market-cap: "$5,881,413,815"
-  circulating-supply: 7,833,738 DASH
-  volume-24h: "$96,147,900"
-  cmgr: 19.19% / 47
-  inflation: 0.81%
-  icon: dash.svg
-
-- name: Monero
-  price: "$305.16"
-  p24h: -11
-  market-cap: "$4,778,157,533"
-  circulating-supply: 15,633,286 XMR
-  volume-24h: "$100,788,000"
-  cmgr: 11.88% / 44
-  inflation: 0.78%
-
-- name: TRON
-  price: "$0.067691"
-  p24h: -5
-  market-cap: "$4,450,560,896"
-  circulating-supply: 65,748,193,280 TRX
-  volume-24h: "$581,651,000"
-  cmgr: 142.69% / 4
-  inflation: 0.00%
-
-- name: Bitcoin Gold
-  price: "$181.39"
-  p24h: -7
-  market-cap: "$3,084,108,676"
-  circulating-supply: 16,779,700 BTG
-  volume-24h: "$199,652,000"
-  cmgr: "-25.44% / 3"
-  inflation: 0.34%
-
-- name: ICON
-  price: "$7.90"
-  p24h: -10
-  market-cap: "$3,002,355,531"
-  circulating-supply: 380,044,992 ICX
-  volume-24h: "$78,201,200"
-  cmgr: 179.33% / 3
-  inflation: 90.09%
-
-- name: Qtum
-  price: "$38.37"
-  p24h: -9
-  market-cap: "$2,832,729,404"
-  circulating-supply: 73,826,672 QTUM
-  volume-24h: "$593,524,000"
-  cmgr: 30.43% / 8
-  inflation: 0.11%
-
-- name: Ethereum Classic
-  price: "$28.023"
-  p24h: -6
-  market-cap: "$2,827,320,112"
-  circulating-supply: 99,308,752 ETC
-  volume-24h: "$303,356,000"
-  cmgr: 22.79% / 18
-  inflation: 0.74%
-
-- name: Lisk
-  price: "$20.48"
-  p24h: -6
-  market-cap: "$2,401,760,051"
-  circulating-supply: 117,273,440 LSK
-  volume-24h: "$44,483,500"
-  cmgr: 12.05% / 21
-  inflation: 0.86%
-
-- name: VeChain
-  price: "$8.33"
-  p24h: 9
-  market-cap: "$2,308,764,732"
-  circulating-supply: 277,162,624 VEN
-  volume-24h: "$348,907,000"
-  cmgr: 101.15% / 5
-  inflation: "-0.06%"
-
-- name: RaiBlocks
-  price: "$14.46"
-  p24h: -15
-  market-cap: "$1,926,770,258"
-  circulating-supply: 133,248,288 XRB
-  volume-24h: "$13,331,500"
-  cmgr: 112.15% / 10
-  inflation: 0.06%
-
-- name: Tether
-  price: "$1.0097"
-  p24h: -1
-  market-cap: "$1,618,090,823"
-  circulating-supply: 1,618,090,880 USDT
-  volume-24h: "$3,022,620,000"
-  cmgr: 0.03% / 33
-  inflation: 33.71%
-
-- name: OmiseGO
-  price: "$14.83"
-  p24h: -11
-  market-cap: "$1,532,679,131"
-  circulating-supply: 102,042,552 OMG
-  volume-24h: "$63,574,500"
-  cmgr: 50.49% / 6
-  inflation: "-0.04%"
-
-- name: Populous
-  price: "$41.22"
-  p24h: -3
-  market-cap: "$1,525,305,992"
-  circulating-supply: 37,004,028 PPT
-  volume-24h: "$2,271,650"
-  cmgr: 58.49% / 6
-  inflation: "-10.29%"
-
-- name: Zcash
-  price: "$431.43"
-  p24h: -10
-  market-cap: "$1,358,979,711"
-  circulating-supply: 3,114,069 ZEC
-  volume-24h: "$71,375,000"
-  cmgr: "-13.51% / 15"
-  inflation: 7.44%
-
-- name: Verge
-  price: "$0.089875"
-  p24h: -13
-  market-cap: "$1,303,358,298"
-  circulating-supply: 14,501,900,288 XVG
-  volume-24h: "$75,841,900"
-  cmgr: 27.95% / 39
-  inflation: 2.06%
-
-- name: Binance Coin
-  price: "$12.60"
-  p24h: -9
-  market-cap: "$1,247,576,400"
-  circulating-supply: 99,014,000 BNB
-  volume-24h: "$129,483,000"
-  cmgr: 122.80% / 6
-  inflation: 0.08%
-
-- name: Siacoin
-  price: "$0.037594"
-  p24h: -13
-  market-cap: "$1,180,306,719"
-  circulating-supply: 31,396,145,152 SC
-  volume-24h: "$58,783,600"
-  cmgr: 26.70% / 29
-  inflation: 0.00%
-
-- name: Stratis
-  price: "$11.50"
-  p24h: -13
-  market-cap: "$1,135,175,764"
-  circulating-supply: 98,710,936 STRAT
-  volume-24h: "$25,548,100"
-  cmgr: 49.79% / 17
-  inflation: "-0.02%"
-
-- name: Bytecoin
-  price: "$0.006127"
-  p24h: -8
-  market-cap: "$1,125,403,469"
-  circulating-supply: 183,679,369,216 BCN
-  volume-24h: "$7,904,870"
-  cmgr: 11.39% / 43
-  inflation: 0.23%
-
-- name: Steem
-  price: "$4.13"
-  p24h: -14
-  market-cap: "$1,022,039,920"
-  circulating-supply: 247,467,296 STEEM
-  volume-24h: "$29,580,000"
-  cmgr: 10.15% / 21
-  inflation: 0.68%
-
-- name: Ardor
-  price: "$0.995641"
-  p24h: -9
-  market-cap: "$994,644,856"
-  circulating-supply: 998,999,488 ARDR
-  volume-24h: "$143,752,000"
-  cmgr: 20.75% / 18
-  inflation: "-0.41%"
-
-- name: Status
-  price: "$0.264278"
-  p24h: -9
-  market-cap: "$917,172,514"
-  circulating-supply: 3,470,483,712 SNT
-  volume-24h: "$355,833,000"
-  cmgr: 24.53% / 7
-  inflation: 0.00%
-
-- name: Maker
-  price: "$1480.84"
-  p24h: -7
-  market-cap: "$915,496,751"
-  circulating-supply: 618,228 MKR
-  volume-24h: "$1,662,690"
-  cmgr: 42.77% / 12
-  inflation: "-"
-
-- name: Augur
-  price: "$81.55"
-  p24h: -5
-  market-cap: "$897,050,000"
-  circulating-supply: 11,000,000 REP
-  volume-24h: "$16,086,600"
-  cmgr: 16.36% / 27
-  inflation: 0.01%
-
-- name: BitShares
-  price: "$0.317687"
-  p24h: -9
-  market-cap: "$828,330,730"
-  circulating-supply: 2,607,379,968 BTS
-  volume-24h: "$43,185,600"
-  cmgr: 8.22% / 42
-  inflation: 0.06%
-
-- name: 0x
-  price: "$1.66"
-  p24h: -3
-  market-cap: "$827,949,569"
-  circulating-supply: 498,764,800 ZRX
-  volume-24h: "$20,493,000"
-  cmgr: 72.59% / 5
-  inflation: "-0.24%"
-
-- name: Waves
-  price: "$8.13"
-  p24h: -1
-  market-cap: "$813,000,000"
-  circulating-supply: 100,000,000 WAVES
-  volume-24h: "$26,239,600"
-  cmgr: 10.11% / 19
-  inflation: "-0.01%"
-
-- name: Dogecoin
-  price: "$0.00659"
-  p24h: -8
-  market-cap: "$743,890,685"
-  circulating-supply: 112,881,745,920 DOGE
-  volume-24h: "$20,613,400"
-  cmgr: 5.35% / 49
-  inflation: 0.36%
-
-- name: KuCoin Shares
-  price: "$7.91"
-  p24h: -17
-  market-cap: "$720,150,731"
-  circulating-supply: 91,043,072 KCS
-  volume-24h: "$5,481,780"
-  cmgr: 276.01% / 2
-  inflation: "-0.04%"
-
-- name: Electroneum
-  price: "$0.120304"
-  p24h: -7
-  market-cap: "$712,763,819"
-  circulating-supply: 5,924,689,408 ETN
-  volume-24h: "$5,103,980"
-  cmgr: 19.45% / 2
-  inflation: 18.19%
-
-- name: Walton
-  price: "$27.79"
-  p24h: 1
-  market-cap: "$691,920,366"
-  circulating-supply: 24,898,178 WTC
-  volume-24h: "$50,403,900"
-  cmgr: 92.30% / 5
-  inflation: 0.00%
-
-- name: Veritaseum
-  price: "$335.15"
-  p24h: -8
-  market-cap: "$682,581,571"
-  circulating-supply: 2,036,645 VERI
-  volume-24h: "$628,128"
-  cmgr: 33.82% / 7
-  inflation: 0.00%
-
-- name: Komodo
-  price: "$5.96"
-  p24h: -11
-  market-cap: "$614,151,644"
-  circulating-supply: 103,045,576 KMD
-  volume-24h: "$7,010,050"
-  cmgr: 45.00% / 11
-  inflation: "-1.09%"
-
-- name: Decred
-  price: "$91.29"
-  p24h: -8
-  market-cap: "$603,249,158"
-  circulating-supply: 6,608,053 DCR
-  volume-24h: "$1,304,410"
-  cmgr: 22.47% / 23
-  inflation: 3.04%
-
-- name: Dragonchain
-  price: "$2.39"
-  p24h: -11
-  market-cap: "$569,828,436"
-  circulating-supply: 238,421,936 DRGN
-  volume-24h: "$3,490,920"
-  cmgr: 926.29% / 1
-  inflation: 0.14%
-
-- name: Dentacoin
-  price: "$0.001735"
-  p24h: -5
-  market-cap: "$564,205,023"
-  circulating-supply: 325,190,221,824 DCN
-  volume-24h: "$1,082,850"
-  cmgr: 43.44% / 5
-  inflation: 0.05%
-
-- name: Loopring
-  price: "$0.965091"
-  p24h: -9
-  market-cap: "$541,577,621"
-  circulating-supply: 561,167,424 LRC
-  volume-24h: "$11,179,900"
-  cmgr: 55.67% / 5
-  inflation: 95.51%
-
-- name: Ark
-  price: "$5.36"
-  p24h: -11
-  market-cap: "$525,179,682"
-  circulating-supply: 97,981,280 ARK
-  volume-24h: "$7,183,610"
-  cmgr: 68.16% / 10
-  inflation: "-0.07%"
-
-- name: SALT
-  price: "$7.23"
-  p24h: -11
-  market-cap: "$514,095,078"
-  circulating-supply: 71,105,824 SALT
-  volume-24h: "$12,135,100"
-  cmgr: 4.35% / 4
-  inflation: 38.07%
-
-- name: QASH
-  price: "$1.46"
-  p24h: -9
-  market-cap: "$511,000,000"
-  circulating-supply: 350,000,000 QASH
-  volume-24h: "$19,206,800"
-  cmgr: 85.16% / 2
-  inflation: "-0.17%"
-
-- name: DigiByte
-  price: "$0.050116"
-  p24h: -11
-  market-cap: "$487,853,928"
-  circulating-supply: 9,734,494,208 DGB
-  volume-24h: "$11,389,900"
-  cmgr: 8.02% / 47
-  inflation: 1.48%
-
-- name: Basic Attention Token
-  price: "$0.487348"
-  p24h: -12
-  market-cap: "$487,348,000"
-  circulating-supply: 1,000,000,000 BAT
-  volume-24h: "$14,891,300"
-  cmgr: 19.38% / 7
-  inflation: 0.00%
-
-- name: PIVX
-  price: "$8.68"
-  p24h: 4
-  market-cap: "$480,968,834"
-  circulating-supply: 55,411,156 PIVX
-  volume-24h: "$11,144,700"
-  cmgr: 47.24% / 23
-  inflation: 0.42%
-
-- name: Golem
-  price: "$0.571295"
-  p24h: -9
-  market-cap: "$476,609,709"
-  circulating-supply: 834,262,016 GNT
-  volume-24h: "$10,420,800"
-  cmgr: 30.48% / 14
-  inflation: 0.10%
-
-- name: Hshare
-  price: "$10.82"
-  p24h: -9
-  market-cap: "$460,173,193"
-  circulating-supply: 42,529,872 HSR
-  volume-24h: "$100,098,000"
-  cmgr: "-9.81% / 5"
-  inflation: 0.30%
-
-- name: Byteball Bytes
-  price: "$700.65"
-  p24h: -1
-  market-cap: "$452,074,794"
-  circulating-supply: 645,222 GBYTE
-  volume-24h: "$1,461,460"
-  cmgr: 32.04% / 13
-  inflation: 0.00%
-
-- name: Kyber Network
-  price: "$3.32"
-  p24h: -9
-  market-cap: "$445,320,554"
-  circulating-supply: 134,132,696 KNC
-  volume-24h: "$39,139,800"
-  cmgr: 18.46% / 4
-  inflation: 0.08%
-
-- name: WAX
-  price: "$0.903366"
-  p24h: -8
-  market-cap: "$445,318,368"
-  circulating-supply: 492,954,528 WAX
-  volume-24h: "$8,945,930"
-  cmgr: "-77.44% / 1"
-  inflation: "-"
-
-- name: Ethos
-  price: "$5.84"
-  p24h: -8
-  market-cap: "$440,377,399"
-  circulating-supply: 75,407,088 ETHOS
-  volume-24h: "$3,608,200"
-  cmgr: 84.05% / 2
-  inflation: 0.31%
-
-- name: Gas
-  price: "$44.44"
-  p24h: -12
-  market-cap: "$425,068,288"
-  circulating-supply: 9,564,993 GAS
-  volume-24h: "$19,148,900"
-  cmgr: 74.36% / 6
-  inflation: 4.55%
-
-- name: RChain
-  price: "$1.71"
-  p24h: -6
-  market-cap: "$417,309,706"
-  circulating-supply: 244,040,768 RHOC
-  volume-24h: "$773,418"
-  cmgr: 117.91% / 3
-  inflation: 33.41%
-
-- name: FunFair
-  price: "$0.092324"
-  p24h: -8
-  market-cap: "$407,987,657"
-  circulating-supply: 4,419,085,824 FUN
-  volume-24h: "$12,285,800"
-  cmgr: 37.92% / 6
-  inflation: 3.98%
-
-- name: Cindicator
-  price: "$0.272886"
-  p24h: 32
-  market-cap: "$394,586,767"
-  circulating-supply: 1,445,976,576 CND
-  volume-24h: "$262,465,000"
-  cmgr: 120.78% / 3
-  inflation: 0.00%
-
-- name: SmartCash
-  price: "$0.634479"
-  p24h: -14
-  market-cap: "$393,086,475"
-  circulating-supply: 619,542,144 SMART
-  volume-24h: "$943,553"
-  cmgr: 88.55% / 6
-  inflation: 24.97%
-
-- name: Factom
-  price: "$44.59"
-  p24h: -6
-  market-cap: "$389,944,098"
-  circulating-supply: 8,745,102 FCT
-  volume-24h: "$10,792,400"
-  cmgr: 22.26% / 27
-  inflation: 0.00%
-
-- name: Nxt
-  price: "$0.381823"
-  p24h: 29
-  market-cap: "$381,441,154"
-  circulating-supply: 998,999,936 NXT
-  volume-24h: "$122,842,000"
-  cmgr: 6.32% / 49
-  inflation: "-0.20%"
-
-- name: Kin
-  price: "$0.000492"
-  p24h: 0
-  market-cap: "$372,000,000"
-  circulating-supply: 756,097,548,288 KIN
-  volume-24h: "$1,325,070"
-  cmgr: 49.42% / 4
-  inflation: 0.11%
-
-- name: Aion
-  price: "$4.75"
-  p24h: -13
-  market-cap: "$370,278,764"
-  circulating-supply: 77,953,424 AION
-  volume-24h: "$8,336,950"
-  cmgr: 108.52% / 3
-  inflation: 30.32%
-
-- name: Dent
-  price: "$0.033938"
-  p24h: -12
-  market-cap: "$360,243,757"
-  circulating-supply: 10,614,761,472 DENT
-  volume-24h: "$10,021,500"
-  cmgr: 129.26% / 5
-  inflation: 0.00%
-
-- name: MonaCoin
-  price: "$6.24"
-  p24h: -8
-  market-cap: "$355,053,036"
-  circulating-supply: 56,899,524 MONA
-  volume-24h: "$5,033,730"
-  cmgr: 10.28% / 46
-  inflation: 1.17%
-
-- name: DigixDAO
-  price: "$176.77"
-  p24h: -6
-  market-cap: "$353,540,000"
-  circulating-supply: 2,000,000 DGD
-  volume-24h: "$6,663,630"
-  cmgr: 12.74% / 8
-  inflation: 0.00%
-
-- name: Power Ledger
-  price: "$0.949943"
-  p24h: -9
-  market-cap: "$345,599,442"
-  circulating-supply: 363,810,720 POWR
-  volume-24h: "$27,744,500"
-  cmgr: 337.83% / 2
-  inflation: 1.12%
-
-- name: Aeternity
-  price: "$1.48"
-  p24h: -2
-  market-cap: "$344,870,298"
-  circulating-supply: 233,020,480 AE
-  volume-24h: "$2,399,090"
-  cmgr: 11.87% / 7
-  inflation: "-0.13%"
-
-- name: aelf
-  price: "$1.37"
-  p24h: -10
-  market-cap: "$342,500,000"
-  circulating-supply: 250,000,000 ELF
-  volume-24h: "$91,334,500"
-  cmgr: 43.85% / 1
-  inflation: "-"
-
-- name: Bytom
-  price: "$0.340729"
-  p24h: -4
-  market-cap: "$336,299,523"
-  circulating-supply: 987,000,000 BTM
-  volume-24h: "$20,267,400"
-  cmgr: 26.63% / 5
-  inflation: 0.00%
-
-- name: ZClassic
-  price: "$106.69"
-  p24h: -19
-  market-cap: "$336,029,543"
-  circulating-supply: 3,149,588 ZCL
-  volume-24h: "$29,954,800"
-  cmgr: 25.48% / 14
-  inflation: 73.30%
-
-- name: Nebulas
-  price: "$9.32"
-  p24h: -7
-  market-cap: "$330,860,000"
-  circulating-supply: 35,500,000 NAS
-  volume-24h: "$22,865,400"
-  cmgr: 17.66% / 5
-  inflation: "-"
-
-- name: MaidSafeCoin
-  price: "$0.730459"
-  p24h: 8
-  market-cap: "$330,570,982"
-  circulating-supply: 452,552,416 MAID
-  volume-24h: "$11,475,700"
-  cmgr: 8.94% / 44
-  inflation: 0.00%
-
-- name: Syscoin
-  price: "$0.613294"
-  p24h: -3
-  market-cap: "$325,307,399"
-  circulating-supply: 530,426,528 SYS
-  volume-24h: "$29,120,200"
-  cmgr: 15.10% / 41
-  inflation: 0.13%
-
-- name: ReddCoin
-  price: "$0.010511"
-  p24h: -11
-  market-cap: "$302,001,007"
-  circulating-supply: 28,731,899,904 RDD
-  volume-24h: "$5,219,450"
-  cmgr: 13.19% / 47
-  inflation: 0.09%
-
-- name: Nexus
-  price: "$5.47"
-  p24h: -6
-  market-cap: "$301,758,337"
-  circulating-supply: 55,166,056 NXS
-  volume-24h: "$2,823,430"
-  cmgr: 22.15% / 36
-  inflation: 1.13%
-
-- name: SIRIN LABS Token
-  price: "$3.02"
-  p24h: 23
-  market-cap: "$298,797,166"
-  circulating-supply: 98,939,456 SRN
-  volume-24h: "$15,880,000"
-  cmgr: 229.99% / 1
-  inflation: "-"
-
-- name: GXShares
-  price: "$4.92"
-  p24h: 0
-  market-cap: "$295,200,000"
-  circulating-supply: 60,000,000 GXS
-  volume-24h: "$9,631,300"
-  cmgr: "-2.54% / 7"
-  inflation: 48.19%
-
-- name: Enigma
-  price: "$3.91"
-  p24h: -11
-  market-cap: "$292,609,428"
-  circulating-supply: 74,836,168 ENG
-  volume-24h: "$7,421,050"
-  cmgr: 92.34% / 3
-  inflation: 0.41%
-
-- name: Request Network
-  price: "$0.455615"
-  p24h: -8
-  market-cap: "$292,069,688"
-  circulating-supply: 641,044,928 REQ
-  volume-24h: "$13,739,700"
-  cmgr: 104.63% / 3
-  inflation: 0.05%
-
-- name: Cryptonex
-  price: "$6.26"
-  p24h: 7
-  market-cap: "$282,187,766"
-  circulating-supply: 45,077,920 CNX
-  volume-24h: "$293,944"
-  cmgr: 30.18% / 3
-  inflation: 0.11%
-
-- name: Emercoin
-  price: "$6.72"
-  p24h: -10
-  market-cap: "$276,999,596"
-  circulating-supply: 41,220,176 EMC
-  volume-24h: "$1,951,950"
-  cmgr: 23.20% / 41
-  inflation: 0.14%
-
-- name: ChainLink
-  price: "$0.790746"
-  p24h: -10
-  market-cap: "$276,761,100"
-  circulating-supply: 350,000,000 LINK
-  volume-24h: "$11,327,700"
-  cmgr: 54.30% / 4
-  inflation: "-0.36%"
-
-- name: Neblio
-  price: "$21.57"
-  p24h: -13
-  market-cap: "$274,933,398"
-  circulating-supply: 12,746,101 NEBL
-  volume-24h: "$7,116,500"
-  cmgr: 153.01% / 4
-  inflation: 0.66%
-
-- name: Bancor
-  price: "$6.59"
-  p24h: -7
-  market-cap: "$268,693,219"
-  circulating-supply: 40,772,872 BNT
-  volume-24h: "$8,478,540"
-  cmgr: 6.69% / 7
-  inflation: "-0.01%"
-
-- name: ZCoin
-  price: "$67.90"
-  p24h: -12
-  market-cap: "$267,385,718"
-  circulating-supply: 3,937,934 XZC
-  volume-24h: "$3,653,910"
-  cmgr: 42.92% / 15
-  inflation: 5.28%
-
-- name: Substratum
-  price: "$1.17"
-  p24h: -16
-  market-cap: "$264,526,995"
-  circulating-supply: 226,091,456 SUB
-  volume-24h: "$12,041,500"
-  cmgr: 131.18% / 4
-  inflation: 0.14%
-
-- name: Experience Points
-  price: "$0.00127"
-  p24h: -11
-  market-cap: "$268,849,841"
-  circulating-supply: 211,692,781,568 XP
-  volume-24h: "$1,528,840"
-  cmgr: 160.93% / 1
-  inflation: 9.61%
-
-- name: MediBloc
-  price: "$0.088088"
-  p24h: -13
-  market-cap: "$261,302,842"
-  circulating-supply: 2,966,384,128 MED
-  volume-24h: "$6,968,920"
-  cmgr: 390.11% / 1
-  inflation: "-"
-
-- name: Quantstamp
-  price: "$0.412894"
-  p24h: -6
-  market-cap: "$254,885,317"
-  circulating-supply: 617,314,176 QSP
-  volume-24h: "$15,626,100"
-  cmgr: 159.68% / 2
-  inflation: 0.00%
-
-- name: Bitcore
-  price: "$22.43"
-  p24h: -17
-  market-cap: "$244,287,081"
-  circulating-supply: 10,891,087 BTX
-  volume-24h: "$3,291,470"
-  cmgr: 16.18% / 9
-  inflation: 444.11%
-
-- name: TenX
-  price: "$2.23"
-  p24h: -6
-  market-cap: "$233,394,721"
-  circulating-supply: 104,661,312 PAY
-  volume-24h: "$11,627,300"
-  cmgr: 17.68% / 6
-  inflation: 0.05%
-
-- name: XPlay
-  price: "$0.231756"
-  p24h: 0
-  market-cap: "$231,756,000"
-  circulating-supply: 1,000,000,000 XPA
-  volume-24h: "$143,905"
-  cmgr: 106.90% / 4
-  inflation: 0.00%
-
-- name: Iconomi
-  price: "$2.26"
-  p24h: -11
-  market-cap: "$225,521,589"
-  circulating-supply: 99,788,312 ICN
-  volume-24h: "$3,993,010"
-  cmgr: "-3.30% / 7"
-  inflation: "-0.19%"

src/pages/_data/docs.json

@@ -0,0 +1,265 @@
+{
+  "index": {
+    "title": "Introduction",
+    "url": "docs/",
+    "hide-in-index": true
+  },
+  "base": {
+    "title": "Getting started",
+    "children": {
+      "getting-started": {
+        "title": "Getting Started",
+        "url": "docs/getting-started.html"
+      },
+      "download": {
+        "title": "Download",
+        "url": "docs/download.html"
+      },
+      "browser-support": {
+        "title": "Browser Support",
+        "url": "docs/browser-support.html"
+      }
+    }
+  },
+  "content": {
+    "title": "Content",
+    "children": {
+      "colors": {
+        "title": "Colors",
+        "url": "docs/colors.html"
+      },
+      "typography": {
+        "title": "Typography",
+        "url": "docs/typography.html"
+      },
+      "icons": {
+        "title": "Icons",
+        "url": "docs/icons.html"
+      },
+      "customize": {
+        "title": "Customize Tabler",
+        "url": "docs/customize.html"
+      }
+    }
+  },
+  "layout": {
+    "title": "Layout",
+    "children": {
+      "headers": {
+        "title": "Page headers",
+        "url": "docs/page-headers.html"
+      }
+    }
+  },
+  "forms": {
+    "title": "Form components",
+    "children": {
+      "form-elements": {
+        "title": "Form elements",
+        "url": "docs/form-elements.html"
+      },
+      "form-helpers": {
+        "title": "Form helpers",
+        "url": "docs/form-helpers.html"
+      },
+      "validation-states": {
+        "title": "Validation states",
+        "url": "docs/form-validation.html"
+      },
+      "image-check": {
+        "title": "Image check",
+        "url": "docs/form-image-check.html"
+      },
+      "color-check": {
+        "title": "Color check",
+        "url": "docs/form-color-check.html"
+      },
+      "selectboxes": {
+        "title": "Form selectboxes",
+        "url": "docs/form-selectboxes.html"
+      },
+      "fieldset": {
+        "title": "Form fieldset",
+        "url": "docs/form-fieldset.html"
+      }
+    }
+  },
+  "components": {
+    "title": "Components",
+    "columns": 2,
+    "children": {
+      "alerts": {
+        "title": "Alerts",
+        "url": "docs/alerts.html"
+      },
+      "avatars": {
+        "title": "Avatars",
+        "url": "docs/avatars.html"
+      },
+      "badges": {
+        "title": "Badges",
+        "url": "docs/badges.html"
+      },
+      "breadcrumb": {
+        "title": "Breadcrumb",
+        "url": "docs/breadcrumb.html"
+      },
+      "buttons": {
+        "title": "Buttons",
+        "url": "docs/buttons.html"
+      },
+      "cards": {
+        "title": "Cards",
+        "url": "docs/cards.html"
+      },
+      "carousel": {
+        "title": "Carousel",
+        "url": "docs/carousel.html"
+      },
+      "datagrid": {
+        "title": "Data grid",
+        "url": "docs/datagrid.html"
+      },
+      "dropdowns": {
+        "title": "Dropdowns",
+        "url": "docs/dropdowns.html"
+      },
+      "divider": {
+        "title": "Divider",
+        "url": "docs/divider.html"
+      },
+      "empty": {
+        "title": "Empty states",
+        "url": "docs/empty.html"
+      },
+      "modals": {
+        "title": "Modals",
+        "url": "docs/modals.html"
+      },
+      "page-headers": {
+        "title": "Page headers",
+        "url": "docs/page-headers.html"
+      },
+      "progress": {
+        "title": "Progress",
+        "url": "docs/progress.html"
+      },
+      "range-slider": {
+        "title": "Range slider",
+        "url": "docs/range-slider.html"
+      },
+      "ribbons": {
+        "title": "Ribbons",
+        "url": "docs/ribbons.html"
+      },
+      "placeholder": {
+        "title": "Placeholder",
+        "url": "docs/placeholder.html"
+      },
+      "spinners": {
+        "title": "Spinners",
+        "url": "docs/spinners.html"
+      },
+      "statuses": {
+        "title": "Statuses",
+        "url": "docs/statuses.html"
+      },
+      "steps": {
+        "title": "Steps",
+        "url": "docs/steps.html"
+      },
+      "switch-icon": {
+        "title": "Switch icon",
+        "url": "docs/switch-icon.html"
+      },
+      "tables": {
+        "title": "Tables",
+        "url": "docs/tables.html"
+      },
+      "tabs": {
+        "title": "Tabs",
+        "url": "docs/tabs.html"
+      },
+      "timelines": {
+        "title": "Timelines",
+        "url": "docs/timelines.html"
+      },
+      "toasts": {
+        "title": "Toasts",
+        "url": "docs/toasts.html"
+      },
+      "tracking": {
+        "title": "Tracking",
+        "url": "docs/tracking.html"
+      },
+      "tooltips": {
+        "title": "Tooltips",
+        "url": "docs/tooltips.html"
+      },
+      "popover": {
+        "title": "Popover",
+        "url": "docs/popover.html"
+      }
+    }
+  },
+  "utils": {
+    "title": "Utilities",
+    "children": {
+      "borders": {
+        "title": "Borders",
+        "url": "docs/borders.html"
+      },
+      "cursors": {
+        "title": "Cursors",
+        "url": "docs/cursors.html"
+      },
+      "interactions": {
+        "title": "Interactions",
+        "url": "docs/interactions.html"
+      }
+    }
+  },
+  "plugins": {
+    "title": "Plugins",
+    "children": {
+      "autosize": {
+        "title": "Autosize",
+        "url": "docs/autosize.html"
+      },
+      "input-mask": {
+        "title": "Form input mask",
+        "url": "docs/input-mask.html"
+      },
+      "flags": {
+        "title": "Flags",
+        "url": "docs/flags.html"
+      },
+      "payments": {
+        "title": "Payments",
+        "url": "docs/payments.html"
+      },
+      "charts": {
+        "title": "Charts",
+        "url": "docs/charts.html"
+      },
+      "dropzone": {
+        "title": "Dropzone",
+        "url": "docs/dropzone.html"
+      },
+      "plyr": {
+        "title": "Inline player",
+        "url": "docs/inline-player.html"
+      },
+      "tinymce": {
+        "title": "TinyMCE",
+        "url": "docs/tinymce.html"
+      }
+    }
+  },
+  "changelog": {
+    "title": "Changelog",
+    "show-version": true,
+    "hide-in-index": true,
+    "url": "changelog.html"
+  }
+}

src/pages/_data/docs.yml

@@ -1,208 +0,0 @@
-index:
-  title: Introduction
-  url: docs/
-  hide-in-index: true
-
-base:
-  title: Getting started
-#  icon: brand-tabler
-  children:
-    getting-started:
-      title: Getting Started
-      url: docs/getting-started.html
-    download:
-      title: Download
-      url: docs/download.html
-    browser-support:
-      title: Browser Support
-      url: docs/browser-support.html
-
-content:
-  title: Content
-  children:
-    colors:
-      title: Colors
-      url: docs/colors.html
-    typography:
-      title: Typography
-      url: docs/typography.html
-    icons:
-      title: Icons
-      url: docs/icons.html
-    customize:
-      title: Customize Tabler
-      url: docs/customize.html
-
-layout:
-  title: Layout
-  children:
-    headers:
-      title: Page headers
-      url: docs/page-headers.html
-
-forms:
-  title: Form components
-#  icon: forms
-  children:
-    form-elements:
-      title: Form elements
-      url: docs/form-elements.html
-    form-helpers:
-      title: Form helpers
-      url: docs/form-helpers.html
-    validation-states:
-      title: Validation states
-      url: docs/form-validation.html
-    image-check:
-      title: Image check
-      url: docs/form-image-check.html
-    color-check:
-      title: Color check
-      url: docs/form-color-check.html
-    selectboxes:
-      title: Form selectboxes
-      url: docs/form-selectboxes.html
-    fieldset:
-      title: Form fieldset
-      url: docs/form-fieldset.html
-
-
-components:
-  title: Components
-  columns: 2
-#  icon: puzzle
-  children:
-    alerts:
-      title: Alerts
-      url: docs/alerts.html
-    avatars:
-      title: Avatars
-      url: docs/avatars.html
-    badges:
-      title: Badges
-      url: docs/badges.html
-    breadcrumb:
-      title: Breadcrumb
-      url: docs/breadcrumb.html
-    buttons:
-      title: Buttons
-      url: docs/buttons.html
-    cards:
-      title: Cards
-      url: docs/cards.html
-    carousel:
-      title: Carousel
-      url: docs/carousel.html
-    datagrid:
-      title: Data grid
-      url: docs/datagrid.html
-    dropdowns:
-      title: Dropdowns
-      url: docs/dropdowns.html
-    divider:
-      title: Divider
-      url: docs/divider.html
-    empty:
-      title: Empty states
-      url: docs/empty.html
-    modals:
-      title: Modals
-      url: docs/modals.html
-    page-headers:
-      title: Page headers
-      url: docs/page-headers.html
-    progress:
-      title: Progress
-      url: docs/progress.html
-    range-slider:
-      title: Range slider
-      url: docs/range-slider.html
-    ribbons:
-      title: Ribbons
-      url: docs/ribbons.html
-    placeholder:
-      title: Placeholder
-      url: docs/placeholder.html
-    spinners:
-      title: Spinners
-      url: docs/spinners.html
-    statuses:
-      title: Statuses
-      url: docs/statuses.html
-    steps:
-      title: Steps
-      url: docs/steps.html
-    switch-icon:
-      title: Switch icon
-      url: docs/switch-icon.html
-    tables:
-      title: Tables
-      url: docs/tables.html
-    tabs:
-      title: Tabs
-      url: docs/tabs.html
-    timelines:
-      title: Timelines
-      url: docs/timelines.html
-    toasts:
-      title: Toasts
-      url: docs/toasts.html
-    tracking:
-      title: Tracking
-      url: docs/tracking.html
-    tooltips:
-      title: Tooltips
-      url: docs/tooltips.html
-    popover:
-      title: Popover
-      url: docs/popover.html
-
-utils:
-  title: Utilities
-#  icon: flame
-  children:
-    borders:
-      title: Borders
-      url: docs/borders.html
-    cursors:
-      title: Cursors
-      url: docs/cursors.html
-    interactions:
-      title: Interactions
-      url: docs/interactions.html
-
-plugins:
-  title: Plugins
-#  icon: apps
-  children:
-    autosize:
-      title: Autosize
-      url: docs/autosize.html
-    input-mask:
-      title: Form input mask
-      url: docs/input-mask.html
-    flags:
-      title: Flags
-      url: docs/flags.html
-    payments:
-      title: Payments
-      url: docs/payments.html
-    charts:
-      title: Charts
-      url: docs/charts.html
-    dropzone:
-      title: Dropzone
-      url: docs/dropzone.html
-    plyr:
-      title: Inline player
-      url: docs/inline-player.html
-    tinymce:
-      title: TinyMCE
-      url: docs/tinymce.html
-
-changelog:
-  title: Changelog
-  show-version: true
-  hide-in-index: true
-#  icon: git-branch
-  url: changelog.html

src/pages/_data/errors.json

@@ -0,0 +1,32 @@
+{
+  "400": {
+    "title": 400,
+    "description": "We are sorry but your request contains bad syntax and cannot be fulfilled"
+  },
+  "401": {
+    "title": 401,
+    "description": "We are sorry but you are not authorized to access this page"
+  },
+  "403": {
+    "title": 403,
+    "description": "We are sorry but you do not have permission to access this page"
+  },
+  "404": {
+    "illustration": "not-found.svg",
+    "title": 404,
+    "description": "We are sorry but the page you are looking for was not found"
+  },
+  "500": {
+    "title": 500,
+    "description": "We are sorry but our server encountered an internal error"
+  },
+  "503": {
+    "title": 503,
+    "description": "We are sorry but our service is currently not available"
+  },
+  "maintenance": {
+    "illustration": "computer-fix.svg",
+    "header": "Temporarily down for maintenance",
+    "description": "Sorry for the inconvenience but we’re performing some maintenance at the moment. We’ll be back online shortly!"
+  }
+}

src/pages/_data/errors.yml

@@ -1,24 +0,0 @@
-400:
-  title: 400
-  description: We are sorry but your request contains bad syntax and cannot be fulfilled
-401:
-  title: 401
-  description: We are sorry but you are not authorized to access this page
-403:
-  title: 403
-  description: We are sorry but you do not have permission to access this page
-404:
-  illustration: not-found.svg
-  title: 404
-  description: We are sorry but the page you are looking for was not found
-500:
-  title: 500
-  description: We are sorry but our server encountered an internal error
-503:
-  title: 503
-  description: We are sorry but our service is currently not available
-maintenance:
-  illustration: computer-fix.svg
-  header: Temporarily down for maintenance
-  description: Sorry for the inconvenience but we’re performing some maintenance at the moment. We’ll be back online shortly!
-

src/pages/_data/faq.json

@@ -0,0 +1,47 @@
+[
+  {
+    "name": "Introduction",
+    "questions": [
+      {
+        "question": "Welcome to our service!"
+      },
+      {
+        "question": "Who are we?"
+      },
+      {
+        "question": "What are our values?"
+      }
+    ]
+  },
+  {
+    "name": "Functionality",
+    "questions": [
+      {
+        "question": "What are the key features?"
+      },
+      {
+        "question": "Does your App support mobile devices?"
+      },
+      {
+        "question": "Why should I choose your service?"
+      },
+      {
+        "question": "Is my data secure?"
+      }
+    ]
+  },
+  {
+    "name": "Payments",
+    "questions": [
+      {
+        "question": "Is there any free plan?"
+      },
+      {
+        "question": "What are the available payment options?"
+      },
+      {
+        "question": "Can I get a refund?"
+      }
+    ]
+  }
+]

src/pages/_data/faq.yml

@@ -1,16 +0,0 @@
-- name: Introduction
-  questions:
-    - question: Welcome to our service!
-    - question: Who are we?
-    - question: What are our values?
-- name: Functionality
-  questions:
-    - question: What are the key features?
-    - question: Does your App support mobile devices?
-    - question: Why should I choose your service?
-    - question: Is my data secure?
-- name: Payments
-  questions:
-    - question: Is there any free plan?
-    - question: What are the available payment options?
-    - question: Can I get a refund?

src/pages/_data/files.json

@@ -0,0 +1,104 @@
+[
+  {
+    "name": "dist",
+    "type": "directory",
+    "comment": "Fix issue with missing 'tabler.svg' logo on 'Login', 'Register' and '…",
+    "date": "4 months ago"
+  },
+  {
+    "name": "src",
+    "type": "directory",
+    "comment": "Merge pull request #176 from codecalm/dev",
+    "date": "4 days ago"
+  },
+  {
+    "name": ".editorconfig",
+    "type": "file",
+    "comment": ".editorconfig file",
+    "date": "6 months ago"
+  },
+  {
+    "name": ".gitignore",
+    "type": "file",
+    "comment": "page-main -> flex-fill",
+    "date": "a month ago"
+  },
+  {
+    "name": "CODE_OF_CONDUCT.md",
+    "type": "file",
+    "comment": "Create CODE_OF_CONDUCT.md",
+    "date": "5 months ago"
+  },
+  {
+    "name": "CONTRIBUTING.md",
+    "type": "file",
+    "comment": "CONTRIBUTING.md",
+    "date": "6 months ago"
+  },
+  {
+    "name": "Gemfile",
+    "type": "file",
+    "comment": "upgrade bootstrap",
+    "date": "a month ago"
+  },
+  {
+    "name": "Gemfile.lock",
+    "type": "file",
+    "comment": "upgrade bootstrap",
+    "date": "a month ago"
+  },
+  {
+    "name": "LICENSE",
+    "type": "file",
+    "comment": "readme file",
+    "date": "7 months ago"
+  },
+  {
+    "name": "README.md",
+    "type": "file",
+    "comment": "Added backers and sponsors on the README",
+    "date": "2 months ago"
+  },
+  {
+    "name": "_config.yml",
+    "type": "file",
+    "comment": "added datatables",
+    "date": "4 months ago"
+  },
+  {
+    "name": "composer.json",
+    "type": "file",
+    "comment": "Support composer",
+    "date": "5 months ago"
+  },
+  {
+    "name": "dist-new-version.sh",
+    "type": "file",
+    "comment": "version 0.0.32",
+    "date": "5 months ago"
+  },
+  {
+    "name": "gh-pages.sh",
+    "type": "file",
+    "comment": "gh pages fix",
+    "date": "5 months ago"
+  },
+  {
+    "name": "gulpfile.js",
+    "type": "file",
+    "comment": "rtl mode",
+    "date": "5 months ago"
+  },
+  {
+    "name": "package.json",
+    "type": "file",
+    "comment": "page-main -> flex-fill",
+    "date": "a month ago"
+  },
+  {
+    "name": "regenerate-images.sh",
+    "type": "file",
+    "comment": "init v0.0.1",
+    "date": "7 months ago"
+  }
+]

src/pages/_data/files.yml

@@ -1,68 +0,0 @@
-- name: dist
-  type: directory
-  comment: Fix issue with missing 'tabler.svg' logo on 'Login', 'Register' and '…
-  date: 4 months ago
-- name: src
-  type: directory
-  comment: "Merge pull request #176 from codecalm/dev"
-  date: 4 days ago
-- name: .editorconfig
-  type: file
-  comment: .editorconfig file
-  date: 6 months ago
-- name: .gitignore
-  type: file
-  comment: page-main -> flex-fill
-  date: a month ago
-- name: CODE_OF_CONDUCT.md
-  type: file
-  comment: Create CODE_OF_CONDUCT.md
-  date: 5 months ago
-- name: CONTRIBUTING.md
-  type: file
-  comment: CONTRIBUTING.md
-  date: 6 months ago
-- name: Gemfile
-  type: file
-  comment: upgrade bootstrap
-  date: a month ago
-- name: Gemfile.lock
-  type: file
-  comment: upgrade bootstrap
-  date: a month ago
-- name: LICENSE
-  type: file
-  comment: readme file
-  date: 7 months ago
-- name: README.md
-  type: file
-  comment: Added backers and sponsors on the README
-  date: 2 months ago
-- name: _config.yml
-  type: file
-  comment: added datatables
-  date: 4 months ago
-- name: composer.json
-  type: file
-  comment: Support composer
-  date: 5 months ago
-- name: dist-new-version.sh
-  type: file
-  comment: version 0.0.32
-  date: 5 months ago
-- name: gh-pages.sh
-  type: file
-  comment: gh pages fix
-  date: 5 months ago
-- name: gulpfile.js
-  type: file
-  comment: rtl mode
-  date: 5 months ago
-- name: package.json
-  type: file
-  comment: page-main -> flex-fill
-  date: a month ago
-- name: regenerate-images.sh
-  type: file
-  comment: init v0.0.1
-  date: 7 months ago

src/pages/_data/icons-info.json

@@ -1 +1 @@
-{"version":"3.26.0","count":5790}
+{"version":"3.29.0","count":5844}

src/pages/_data/illustrations.json

@@ -1 +1 @@
-["weightlifting","wait","video","to-do","tiredness","telescope","snowman","shield","search","project","printer","not-found","new-year","new-year-2","neutral-info","music","mobile-computer","message","map-destination","loading","kite","icons","icons-workshop","icons-production","icons-ladder","icons-drawing","icons-drawing-run","ice-skates","halloween-pumpkin","guitar","good-news","girl-refresh","girl-phone","gift","ghost","folders","flowers","fingerprint","exit","error","email","electric-scooter","dart","dance","conversation","computer-fix","clock-and-cat","christmas-tree","christmas-gifts","christmas-fireplace","chart","chart-circle","calendar","building","boy","boy-with-key","boy-refresh","boy-gives-flowers","boy-girl","boy-and-laptop","boy-and-cat","bicycle","bad-news","archive","ai"]
+["weightlifting","wait","video","valentines-day-love","valentines-day-heart","valentines-day-gift","to-do","tiredness","telescope","snowman","shopping","shield","search","project","printer","not-found","new-year","new-year-2","neutral-info","music","mobile-computer","message","map-destination","loading","kite","icons","icons-workshop","icons-production","icons-ladder","icons-drawing","icons-drawing-run","ice-skates","halloween-pumpkin","guitar","good-news","girl-refresh","girl-phone","gift","ghost","folders","flowers","fingerprint","exit","error","email","electric-scooter","discount","dart","dance","conversation","computer-fix","clock-and-cat","christmas-tree","christmas-gifts","christmas-fireplace","chart","chart-circle","calendar","building","boy","boy-with-key","boy-refresh","boy-gives-flowers","boy-girl","boy-and-laptop","boy-and-cat","bicycle","bad-news","archive","ai"]

src/pages/_data/inline-players.json

@@ -0,0 +1,14 @@
+[
+  {
+    "title": "Youtube Player",
+    "type": "youtube",
+    "id": "youtube",
+    "embed-id": "bTqVqk7FSmY"
+  },
+  {
+    "title": "Vimeo Player",
+    "type": "vimeo",
+    "id": "charlotte",
+    "embed-id": 707012696
+  }
+]

src/pages/_data/inline-players.yml

@@ -1,9 +0,0 @@
-- title: Youtube Player
-  type: youtube
-  id: youtube
-  embed-id: bTqVqk7FSmY
-
-- title: Vimeo Player
-  type: vimeo
-  id: charlotte
-  embed-id: 707012696

src/pages/_data/invoices.json

@@ -0,0 +1,178 @@
+[
+  {
+    "invoice": "00450",
+    "name": "Design Works",
+    "client": "Carlson Limited",
+    "vat-no": 87956621,
+    "date": "15 Dec 2017",
+    "status": "success",
+    "status-name": "Paid",
+    "price": "$887",
+    "country": "us"
+  },
+  {
+    "invoice": "00450",
+    "name": "UX Wireframes",
+    "client": "Adobe",
+    "vat-no": 87956421,
+    "date": "12 Apr 2017",
+    "status": "warning",
+    "status-name": "Pending",
+    "price": "$1200",
+    "country": "gb"
+  },
+  {
+    "invoice": "00452",
+    "name": "New Dashboard",
+    "client": "Bluewolf",
+    "vat-no": 87952621,
+    "date": "23 Oct 2017",
+    "status": "warning",
+    "status-name": "Pending",
+    "price": "$534",
+    "country": "de"
+  },
+  {
+    "invoice": "00450",
+    "name": "Landing Page",
+    "client": "Salesforce",
+    "vat-no": 87953421,
+    "date": "2 Sep 2017",
+    "status": "secondary",
+    "status-name": "Due in 2 Weeks",
+    "price": "$1500",
+    "country": "br"
+  },
+  {
+    "invoice": "00450",
+    "name": "Marketing Templates",
+    "client": "Printic",
+    "vat-no": 87956621,
+    "date": "29 Jan 2018",
+    "status": "danger",
+    "status-name": "Paid Today",
+    "price": "$648",
+    "country": "pl"
+  },
+  {
+    "invoice": "00450",
+    "name": "Sales Presentation",
+    "client": "Tabdaq",
+    "vat-no": 87956621,
+    "date": "4 Feb 2018",
+    "status": "secondary",
+    "status-name": "Due in 3 Weeks",
+    "price": "$300",
+    "country": "br"
+  },
+  {
+    "invoice": "00450",
+    "name": "Logo & Print",
+    "client": "Apple",
+    "vat-no": 87956621,
+    "date": "22 Mar 2018",
+    "status": "success",
+    "status-name": "Paid Today",
+    "price": "$2500",
+    "country": "us"
+  },
+  {
+    "invoice": "00450",
+    "name": "Icons",
+    "client": "Tookapic",
+    "vat-no": 87956621,
+    "date": "13 May 2018",
+    "status": "success",
+    "status-name": "Paid Today",
+    "price": "$940",
+    "country": "pl"
+  },
+  {
+    "invoice": "00450",
+    "name": "Design Works",
+    "client": "Carlson Limited",
+    "vat-no": 87956621,
+    "date": "15 Dec 2017",
+    "status": "success",
+    "status-name": "Paid",
+    "price": "$887",
+    "country": "us"
+  },
+  {
+    "invoice": "00450",
+    "name": "UX Wireframes",
+    "client": "Adobe",
+    "vat-no": 87956421,
+    "date": "12 Apr 2017",
+    "status": "warning",
+    "status-name": "Pending",
+    "price": "$1200",
+    "country": "us"
+  },
+  {
+    "invoice": "00452",
+    "name": "New Dashboard",
+    "client": "Bluewolf",
+    "vat-no": 87952621,
+    "date": "23 Oct 2017",
+    "status": "warning",
+    "status-name": "Pending",
+    "price": "$534",
+    "country": "us"
+  },
+  {
+    "invoice": "00450",
+    "name": "Landing Page",
+    "client": "Salesforce",
+    "vat-no": 87953421,
+    "date": "2 Sep 2017",
+    "status": "secondary",
+    "status-name": "Due in 2 Weeks",
+    "price": "$1500",
+    "country": "us"
+  },
+  {
+    "invoice": "00450",
+    "name": "Marketing Templates",
+    "client": "Printic",
+    "vat-no": 87956621,
+    "date": "29 Jan 2018",
+    "status": "danger",
+    "status-name": "Paid Today",
+    "price": "$648",
+    "country": "us"
+  },
+  {
+    "invoice": "00450",
+    "name": "Sales Presentation",
+    "client": "Tabdaq",
+    "vat-no": 87956621,
+    "date": "4 Feb 2018",
+    "status": "secondary",
+    "status-name": "Due in 3 Weeks",
+    "price": "$300",
+    "country": "us"
+  },
+  {
+    "invoice": "00450",
+    "name": "Logo & Print",
+    "client": "Apple",
+    "vat-no": 87956621,
+    "date": "22 Mar 2018",
+    "status": "success",
+    "status-name": "Paid Today",
+    "price": "$2500",
+    "country": "us"
+  },
+  {
+    "invoice": "00450",
+    "name": "Icons",
+    "client": "Tookapic",
+    "vat-no": 87956621,
+    "date": "13 May 2018",
+    "status": "success",
+    "status-name": "Paid Today",
+    "price": "$940",
+    "country": "us"
+  }
+]

src/pages/_data/invoices.yml

@@ -1,175 +0,0 @@
--
-  invoice: "00450"
-  name: Design Works
-  client: Carlson Limited
-  vat-no: 87956621
-  date: 15 Dec 2017
-  status: success
-  status-name: Paid
-  price: $887
-  country: us
-
--
-  invoice: "00450"
-  name: UX Wireframes
-  client: Adobe
-  vat-no: 87956421
-  date: 12 Apr 2017
-  status: warning
-  status-name: Pending
-  price: $1200
-  country: gb
-
--
-  invoice: "00452"
-  name: New Dashboard
-  client: Bluewolf
-  vat-no: 87952621
-  date: 23 Oct 2017
-  status: warning
-  status-name: Pending
-  price: $534
-  country: de
-
--
-  invoice: "00450"
-  name: Landing Page
-  client: Salesforce
-  vat-no: 87953421
-  date: 2 Sep 2017
-  status: secondary
-  status-name: Due in 2 Weeks
-  price: $1500
-  country: br
-
--
-  invoice: "00450"
-  name: Marketing Templates
-  client: Printic
-  vat-no: 87956621
-  date: 29 Jan 2018
-  status: danger
-  status-name: Paid Today
-  price: $648
-  country: pl
-
--
-  invoice: "00450"
-  name: Sales Presentation
-  client: Tabdaq
-  vat-no: 87956621
-  date: 4 Feb 2018
-  status: secondary
-  status-name: Due in 3 Weeks
-  price: $300
-  country: br
-
--
-  invoice: "00450"
-  name: Logo & Print
-  client: Apple
-  vat-no: 87956621
-  date: 22 Mar 2018
-  status: success
-  status-name: Paid Today
-  price: $2500
-  country: us
-
--
-  invoice: "00450"
-  name: Icons
-  client: Tookapic
-  vat-no: 87956621
-  date: 13 May 2018
-  status: success
-  status-name: Paid Today
-  price: $940
-  country: pl
-
--
-  invoice: "00450"
-  name: Design Works
-  client: Carlson Limited
-  vat-no: 87956621
-  date: 15 Dec 2017
-  status: success
-  status-name: Paid
-  price: $887
-  country: us
-
--
-  invoice: "00450"
-  name: UX Wireframes
-  client: Adobe
-  vat-no: 87956421
-  date: 12 Apr 2017
-  status: warning
-  status-name: Pending
-  price: $1200
-  country: us
-
--
-  invoice: "00452"
-  name: New Dashboard
-  client: Bluewolf
-  vat-no: 87952621
-  date: 23 Oct 2017
-  status: warning
-  status-name: Pending
-  price: $534
-  country: us
-
--
-  invoice: "00450"
-  name: Landing Page
-  client: Salesforce
-  vat-no: 87953421
-  date: 2 Sep 2017
-  status: secondary
-  status-name: Due in 2 Weeks
-  price: $1500
-  country: us
-
--
-  invoice: "00450"
-  name: Marketing Templates
-  client: Printic
-  vat-no: 87956621
-  date: 29 Jan 2018
-  status: danger
-  status-name: Paid Today
-  price: $648
-  country: us
-
--
-  invoice: "00450"
-  name: Sales Presentation
-  client: Tabdaq
-  vat-no: 87956621
-  date: 4 Feb 2018
-  status: secondary
-  status-name: Due in 3 Weeks
-  price: $300
-  country: us
-
--
-  invoice: "00450"
-  name: Logo & Print
-  client: Apple
-  vat-no: 87956621
-  date: 22 Mar 2018
-  status: success
-  status-name: Paid Today
-  price: $2500
-  country: us
-
--
-  invoice: "00450"
-  name: Icons
-  client: Tookapic
-  vat-no: 87956621
-  date: 13 May 2018
-  status: success
-  status-name: Paid Today
-  price: $940
-  country: us

src/pages/_data/jobs.json

@@ -0,0 +1,127 @@
+[
+  {
+    "company": "CMS Max",
+    "location": "Remote / USA",
+    "title": "Lead Tailwind Developer",
+    "type": "Full-time",
+    "posted": "4w",
+    "image": "job-1.jpg",
+    "tags": [
+      "PHP",
+      "Laravel",
+      "CSS",
+      "Vue"
+    ]
+  },
+  {
+    "company": "Center Pixel, Inc",
+    "location": "Remote / Palo Alto, CA",
+    "title": "Frontend Web Engineer",
+    "type": "Full-time or Contract",
+    "salary": "$140,000 - $180,000",
+    "posted": "4d",
+    "image": "job-2.png",
+    "tags": [
+      "HTML",
+      "CSS",
+      "React",
+      "+3"
+    ]
+  },
+  {
+    "company": "Chicago Botanic Garden",
+    "location": "Hybrid / Chicago Botanic Garden",
+    "title": "Principal Web Application Developer",
+    "type": "Full-time",
+    "posted": "5d",
+    "image": "job-3.png",
+    "tags": [
+      "HTML",
+      "PHP",
+      "Laravel"
+    ]
+  },
+  {
+    "company": "Simple Focus",
+    "location": "Remote / USA",
+    "title": "Front-End Developer",
+    "type": "Full-time",
+    "posted": "1w",
+    "image": "job-4.png",
+    "tags": [
+      "HTML",
+      "PHP",
+      "CSS",
+      "+2"
+    ]
+  },
+  {
+    "company": "Infinia ML",
+    "location": "Durham, NC",
+    "title": "Senior Front-End Engineer",
+    "type": "Full-time",
+    "posted": "1w",
+    "image": "job-5.png",
+    "tags": [
+      "HTML",
+      "PHP",
+      "CSS",
+      "+4"
+    ]
+  },
+  {
+    "company": "Crowd Favorite",
+    "location": "Remote / USA",
+    "title": "Senior Web Developer, Open Source",
+    "type": "Full-time",
+    "posted": "1w",
+    "image": "job-6.png",
+    "tags": [
+      "HTML",
+      "JavaScript",
+      "CSS",
+      "+8"
+    ]
+  },
+  {
+    "company": "Spear AI",
+    "location": "Washington D.C.",
+    "title": "Frontend Engineer",
+    "type": "Full-time",
+    "salary": "$95,000 – $145,000 USD",
+    "posted": "2w",
+    "image": "job-7.png",
+    "tags": [
+      "HTML",
+      "JavaScript",
+      "CSS",
+      "+3"
+    ]
+  },
+  {
+    "company": "Third Time Games",
+    "location": "Remote / North America",
+    "title": "Web Developer",
+    "type": "Full-time",
+    "posted": "3w",
+    "image": "job-8.png",
+    "tags": [
+      "PHP",
+      "Laravel",
+      "React",
+      "+8"
+    ]
+  },
+  {
+    "company": "Mindsize",
+    "location": "Remote / USA",
+    "title": "Laravel Developer",
+    "type": "Full-time",
+    "posted": "3w",
+    "image": "job-9.jpg",
+    "tags": [
+      "PHP",
+      "Laravel"
+    ]
+  }
+]

src/pages/_data/jobs.yml

@@ -1,106 +0,0 @@
-- company: CMS Max
-  location: Remote / USA
-  title: Lead Tailwind Developer
-  type: Full-time
-  posted: 4w
-  image: job-1.jpg
-  tags:
-    - PHP
-    - Laravel
-    - CSS
-    - Vue
-
-- company: Center Pixel, Inc
-  location: Remote / Palo Alto, CA
-  title: Frontend Web Engineer
-  type: Full-time or Contract
-  salary: $140,000 - $180,000
-  posted: 4d
-  image: job-2.png
-  tags:
-    - HTML
-    - CSS
-    - React
-    - "+3"
-
-- company: Chicago Botanic Garden
-  location: Hybrid / Chicago Botanic Garden
-  title: Principal Web Application Developer
-  type: Full-time
-  posted: 5d
-  image: job-3.png
-  tags:
-    - HTML
-    - PHP
-    - Laravel
-
-- company: Simple Focus
-  location: Remote / USA
-  title: Front-End Developer
-  type: Full-time
-  posted: 1w
-  image: job-4.png
-  tags:
-    - HTML
-    - PHP
-    - CSS
-    - "+2"
-
-- company: Infinia ML
-  location: Durham, NC
-  title: Senior Front-End Engineer
-  type: Full-time
-  posted: 1w
-  image: job-5.png
-  tags:
-    - HTML
-    - PHP
-    - CSS
-    - "+4"
-
-- company: Crowd Favorite
-  location: Remote / USA
-  title: Senior Web Developer, Open Source
-  type: Full-time
-  posted: 1w
-  image: job-6.png
-  tags:
-    - HTML
-    - JavaScript
-    - CSS
-    - "+8"
-
-- company: Spear AI
-  location: Washington D.C.
-  title: Frontend Engineer
-  type: Full-time
-  salary: $95,000 – $145,000 USD
-  posted: 2w
-  image: job-7.png
-  tags:
-    - HTML
-    - JavaScript
-    - CSS
-    - "+3"
-
-- company: Third Time Games
-  location: Remote / North America
-  title: Web Developer
-  type: Full-time
-  posted: 3w
-  image: job-8.png
-  tags:
-    - PHP
-    - Laravel
-    - React
-    - "+8"
-
-- company: Mindsize
-  location: Remote / USA
-  title: Laravel Developer
-  type: Full-time
-  posted: 3w
-  image: job-9.jpg
-  tags:
-    - PHP
-    - Laravel

src/pages/_data/languages.json

@@ -0,0 +1,94 @@
+[
+  {
+    "name": "العربية",
+    "flag": "ar"
+  },
+  {
+    "name": "Čeština",
+    "flag": "cz"
+  },
+  {
+    "name": "Deutsch",
+    "flag": "de"
+  },
+  {
+    "name": "Ελληνικά",
+    "flag": "gr"
+  },
+  {
+    "name": "English",
+    "flag": "gb"
+  },
+  {
+    "name": "Español",
+    "flag": "es"
+  },
+  {
+    "name": "Français",
+    "flag": "fr"
+  },
+  {
+    "name": "हिंदी",
+    "flag": "in"
+  },
+  {
+    "name": "Magyar",
+    "flag": "hu"
+  },
+  {
+    "name": "Bahasa Indonesia",
+    "flag": "in"
+  },
+  {
+    "name": "Italiano",
+    "flag": "it"
+  },
+  {
+    "name": "日本語",
+    "flag": "jp"
+  },
+  {
+    "name": "한국어",
+    "flag": "kr"
+  },
+  {
+    "name": "Nederlands (Nederland)",
+    "flag": "ne"
+  },
+  {
+    "name": "Polski",
+    "flag": "pl"
+  },
+  {
+    "name": "Português",
+    "flag": "pt"
+  },
+  {
+    "name": "Română",
+    "flag": "ro"
+  },
+  {
+    "name": "Русский",
+    "flag": "ru"
+  },
+  {
+    "name": "ภาษาไทย",
+    "flag": "th"
+  },
+  {
+    "name": "Türkçe",
+    "flag": "tr"
+  },
+  {
+    "name": "Українською",
+    "flag": "ua"
+  },
+  {
+    "name": "Tiếng Việt",
+    "flag": "vn"
+  },
+  {
+    "name": "中文",
+    "flag": "cn"
+  }
+]

src/pages/_data/languages.yml

@@ -1,46 +0,0 @@
-- name: العربية
-  flag: ar
-- name: Čeština
-  flag: cz
-- name: Deutsch
-  flag: de
-- name: Ελληνικά
-  flag: gr
-- name: English
-  flag: gb
-- name: Español
-  flag: es
-- name: Français
-  flag: fr
-- name: हिंदी
-  flag: in
-- name: Magyar
-  flag: hu
-- name: Bahasa Indonesia
-  flag: in
-- name: Italiano
-  flag: it
-- name: 日本語
-  flag: jp
-- name: 한국어
-  flag: kr
-- name: Nederlands (Nederland)
-  flag: ne
-- name: Polski
-  flag: pl
-- name: Português
-  flag: pt
-- name: Română
-  flag: ro
-- name: Русский
-  flag: ru
-- name: ภาษาไทย
-  flag: th
-- name: Türkçe
-  flag: tr
-- name: Українською
-  flag: ua
-- name: Tiếng Việt
-  flag: vn
-- name: 中文
-  flag: cn

src/pages/_data/layouts.json

@@ -0,0 +1,78 @@
+[
+  {
+    "title": "Default tabler layout",
+    "page": "layouts.html",
+    "config": {
+      "topmenu": true
+    }
+  },
+  {
+    "title": "Dark navigation",
+    "page": "layout-dark-navigation.html",
+    "config": {
+      "topmenu": true,
+      "topmenu-dark": true
+    }
+  },
+  {
+    "title": "Dark topnav",
+    "page": "layout-dark-topnav.html",
+    "config": {
+      "topmenu": true,
+      "topnav-dark": true
+    }
+  },
+  {
+    "title": "Sidebar",
+    "page": "layout-sidebar.html",
+    "new": true,
+    "config": {
+      "sidebar": true
+    }
+  },
+  {
+    "title": "Dark sidebar",
+    "page": "layout-sidebar-dark.html",
+    "new": true,
+    "config": {
+      "sidebar": true,
+      "sidebar-dark": true
+    }
+  },
+  {
+    "title": "Narrow sidebar",
+    "page": "layout-sidebar-narrow.html",
+    "new": true,
+    "config": {
+      "sidebar": true,
+      "sidebar-narrow": true,
+      "sidebar-dark": true
+    }
+  },
+  {
+    "title": "Right sidebar",
+    "page": "layout-sidebar-right.html",
+    "new": true,
+    "config": {
+      "sidebar-right": true
+    }
+  },
+  {
+    "title": "Sidebar only",
+    "page": "layout-sidebar-only.html",
+    "new": true,
+    "config": {
+      "sidebar": true,
+      "hide-topnav": true
+    }
+  },
+  {
+    "title": "Dark mode",
+    "page": "layout-dark.html",
+    "soon": true,
+    "config": {
+      "sidebar": true,
+      "sidebar-dark": true
+    }
+  }
+]

src/pages/_data/layouts.yml

@@ -1,57 +0,0 @@
-- title: Default tabler layout
-  page: layouts.html
-  config:
-    topmenu: true
-
-- title: Dark navigation
-  page: layout-dark-navigation.html
-  config:
-    topmenu: true
-    topmenu-dark: true
-
-- title: Dark topnav
-  page: layout-dark-topnav.html
-  config:
-    topmenu: true
-    topnav-dark: true
-
-- title: Sidebar
-  page: layout-sidebar.html
-  new: true
-  config:
-    sidebar: true
-
-- title: Dark sidebar
-  page: layout-sidebar-dark.html
-  new: true
-  config:
-    sidebar: true
-    sidebar-dark: true
-
-- title: Narrow sidebar
-  page: layout-sidebar-narrow.html
-  new: true
-  config:
-    sidebar: true
-    sidebar-narrow: true
-    sidebar-dark: true
-
-- title: Right sidebar
-  page: layout-sidebar-right.html
-  new: true
-  config:
-    sidebar-right: true
-
-- title: Sidebar only
-  page: layout-sidebar-only.html
-  new: true
-  config:
-    sidebar: true
-    hide-topnav: true
-
-- title: Dark mode
-  page: layout-dark.html
-  soon: true
-  config:
-    sidebar: true
-    sidebar-dark: true

src/pages/_data/maps-vector.json

@@ -0,0 +1,130 @@
+{
+  "world": {
+    "title": "World map",
+    "map": "world",
+    "color": "primary",
+    "values": "{ \"AF\": 16, \"AL\": 11, \"DZ\": 158, \"AO\": 85, \"AG\": 1, \"AR\": 351, \"AM\": 8, \"AU\": 1219, \"AT\": 366, \"AZ\": 52, \"BS\": 7, \"BH\": 21, \"BD\": 105, \"BB\": 3, \"BY\": 52, \"BE\": 461, \"BZ\": 1, \"BJ\": 6, \"BT\": 1, \"BO\": 19, \"BA\": 16, \"BW\": 12, \"BR\": 2023, \"BN\": 11, \"BG\": 44, \"BF\": 8, \"BI\": 1, \"KH\": 11, \"CM\": 21, \"CA\": 1563, \"CV\": 1, \"CF\": 2, \"TD\": 7, \"CL\": 199, \"CN\": 5745, \"CO\": 283, \"KM\": 0, \"CD\": 12, \"CG\": 11, \"CR\": 35, \"CI\": 22, \"HR\": 59, \"CY\": 22, \"CZ\": 195, \"DK\": 304, \"DJ\": 1, \"DM\": 0, \"DO\": 50, \"EC\": 61, \"EG\": 216, \"SV\": 21, \"GQ\": 14, \"ER\": 2, \"EE\": 19, \"ET\": 30, \"FJ\": 3, \"FI\": 231, \"FR\": 2555, \"GA\": 12, \"GM\": 1, \"GE\": 11, \"DE\": 3305, \"GH\": 18, \"GR\": 305, \"GD\": 0, \"GT\": 40, \"GN\": 4, \"GW\": 0, \"GY\": 2, \"HT\": 6, \"HN\": 15, \"HK\": 226, \"HU\": 132, \"IS\": 12, \"IN\": 1430, \"ID\": 695, \"IR\": 337, \"IQ\": 84, \"IE\": 204, \"IL\": 201, \"IT\": 2036, \"JM\": 13, \"JP\": 5390, \"JO\": 27, \"KZ\": 129, \"KE\": 32, \"KI\": 0, \"KR\": 986, \"KW\": 117, \"KG\": 4, \"LA\": 6, \"LV\": 23, \"LB\": 39, \"LS\": 1, \"LR\": 0, \"LY\": 77, \"LT\": 35, \"LU\": 52, \"MK\": 9, \"MG\": 8, \"MW\": 5, \"MY\": 218, \"MV\": 1, \"ML\": 9, \"MT\": 7, \"MR\": 3, \"MU\": 9, \"MX\": 1004, \"MD\": 5, \"MN\": 5, \"ME\": 3, \"MA\": 91, \"MZ\": 10, \"MM\": 35, \"NA\": 11, \"NP\": 15, \"NL\": 770, \"NZ\": 138, \"NI\": 6, \"NE\": 5, \"NG\": 206, \"NO\": 413, \"OM\": 53, \"PK\": 174, \"PA\": 27, \"PG\": 8, \"PY\": 17, \"PE\": 153, \"PH\": 189, \"PL\": 438, \"PT\": 223, \"QA\": 126, \"RO\": 158, \"RU\": 1476, \"RW\": 5, \"WS\": 0, \"ST\": 0, \"SA\": 434, \"SN\": 12, \"RS\": 38, \"SC\": 0, \"SL\": 1, \"SG\": 217, \"SK\": 86, \"SI\": 46, \"SB\": 0, \"ZA\": 354, \"ES\": 1374, \"LK\": 48, \"KN\": 0, \"LC\": 1, \"VC\": 0, \"SD\": 65, \"SR\": 3, \"SZ\": 3, \"SE\": 444, \"CH\": 522, \"SY\": 59, \"TW\": 426, \"TJ\": 5, \"TZ\": 22, \"TH\": 312, \"TL\": 0, \"TG\": 3, \"TO\": 0, \"TT\": 21, \"TN\": 43, \"TR\": 729, \"TM\": 0, \"UG\": 17, \"UA\": 136, \"AE\": 239, \"GB\": 2258, \"US\": 4624, \"UY\": 40, \"UZ\": 37, \"VU\": 0, \"VE\": 285, \"VN\": 101, \"YE\": 30, \"ZM\": 15, \"ZW\": 5 }"
+  },
+  "world-merc": {
+    "title": "World map",
+    "map": "world_merc",
+    "color": "primary",
+    "values": "{ \"AF\": 16, \"AL\": 11, \"DZ\": 158, \"AO\": 85, \"AG\": 1, \"AR\": 351, \"AM\": 8, \"AU\": 1219, \"AT\": 366, \"AZ\": 52, \"BS\": 7, \"BH\": 21, \"BD\": 105, \"BB\": 3, \"BY\": 52, \"BE\": 461, \"BZ\": 1, \"BJ\": 6, \"BT\": 1, \"BO\": 19, \"BA\": 16, \"BW\": 12, \"BR\": 2023, \"BN\": 11, \"BG\": 44, \"BF\": 8, \"BI\": 1, \"KH\": 11, \"CM\": 21, \"CA\": 1563, \"CV\": 1, \"CF\": 2, \"TD\": 7, \"CL\": 199, \"CN\": 5745, \"CO\": 283, \"KM\": 0, \"CD\": 12, \"CG\": 11, \"CR\": 35, \"CI\": 22, \"HR\": 59, \"CY\": 22, \"CZ\": 195, \"DK\": 304, \"DJ\": 1, \"DM\": 0, \"DO\": 50, \"EC\": 61, \"EG\": 216, \"SV\": 21, \"GQ\": 14, \"ER\": 2, \"EE\": 19, \"ET\": 30, \"FJ\": 3, \"FI\": 231, \"FR\": 2555, \"GA\": 12, \"GM\": 1, \"GE\": 11, \"DE\": 3305, \"GH\": 18, \"GR\": 305, \"GD\": 0, \"GT\": 40, \"GN\": 4, \"GW\": 0, \"GY\": 2, \"HT\": 6, \"HN\": 15, \"HK\": 226, \"HU\": 132, \"IS\": 12, \"IN\": 1430, \"ID\": 695, \"IR\": 337, \"IQ\": 84, \"IE\": 204, \"IL\": 201, \"IT\": 2036, \"JM\": 13, \"JP\": 5390, \"JO\": 27, \"KZ\": 129, \"KE\": 32, \"KI\": 0, \"KR\": 986, \"KW\": 117, \"KG\": 4, \"LA\": 6, \"LV\": 23, \"LB\": 39, \"LS\": 1, \"LR\": 0, \"LY\": 77, \"LT\": 35, \"LU\": 52, \"MK\": 9, \"MG\": 8, \"MW\": 5, \"MY\": 218, \"MV\": 1, \"ML\": 9, \"MT\": 7, \"MR\": 3, \"MU\": 9, \"MX\": 1004, \"MD\": 5, \"MN\": 5, \"ME\": 3, \"MA\": 91, \"MZ\": 10, \"MM\": 35, \"NA\": 11, \"NP\": 15, \"NL\": 770, \"NZ\": 138, \"NI\": 6, \"NE\": 5, \"NG\": 206, \"NO\": 413, \"OM\": 53, \"PK\": 174, \"PA\": 27, \"PG\": 8, \"PY\": 17, \"PE\": 153, \"PH\": 189, \"PL\": 438, \"PT\": 223, \"QA\": 126, \"RO\": 158, \"RU\": 1476, \"RW\": 5, \"WS\": 0, \"ST\": 0, \"SA\": 434, \"SN\": 12, \"RS\": 38, \"SC\": 0, \"SL\": 1, \"SG\": 217, \"SK\": 86, \"SI\": 46, \"SB\": 0, \"ZA\": 354, \"ES\": 1374, \"LK\": 48, \"KN\": 0, \"LC\": 1, \"VC\": 0, \"SD\": 65, \"SR\": 3, \"SZ\": 3, \"SE\": 444, \"CH\": 522, \"SY\": 59, \"TW\": 426, \"TJ\": 5, \"TZ\": 22, \"TH\": 312, \"TL\": 0, \"TG\": 3, \"TO\": 0, \"TT\": 21, \"TN\": 43, \"TR\": 729, \"TM\": 0, \"UG\": 17, \"UA\": 136, \"AE\": 239, \"GB\": 2258, \"US\": 4624, \"UY\": 40, \"UZ\": 37, \"VU\": 0, \"VE\": 285, \"VN\": 101, \"YE\": 30, \"ZM\": 15, \"ZW\": 5 }"
+  },
+  "world-markers": {
+    "title": "Map with markers",
+    "map": "world_merc",
+    "color": "red",
+    "markers": [
+      {
+        "name": "Russia",
+        "coords": "61.524, 105.3188"
+      },
+      {
+        "name": "Canada",
+        "coords": "56.1304, -106.3468"
+      },
+      {
+        "name": "Greenland",
+        "coords": "71.7069, -42.6043"
+      },
+      {
+        "name": "Egypt",
+        "coords": "26.8206, 30.8025"
+      },
+      {
+        "name": "Brazil",
+        "coords": "-14.235, -51.9253"
+      },
+      {
+        "name": "China",
+        "coords": "35.8617, 104.1954"
+      },
+      {
+        "name": "United States",
+        "coords": "37.0902, -95.7129"
+      },
+      {
+        "name": "Norway",
+        "coords": "60.472024, 8.468946"
+      },
+      {
+        "name": "Ukraine",
+        "coords": "48.379433, 31.16558"
+      }
+    ]
+  },
+  "world-lines": {
+    "title": "Map with markers",
+    "map": "world_merc",
+    "color": "primary",
+    "lines": [
+      {
+        "from": "Russia",
+        "to": "Greenland"
+      },
+      {
+        "from": "Russia",
+        "to": "United States"
+      },
+      {
+        "from": "Russia",
+        "to": "Canada"
+      },
+      {
+        "from": "Brazil",
+        "to": "Norway"
+      },
+      {
+        "from": "Brazil",
+        "to": "Ukraine"
+      },
+      {
+        "from": "Brazil",
+        "to": "Egypt"
+      },
+      {
+        "from": "Brazil",
+        "to": "China"
+      }
+    ],
+    "markers": [
+      {
+        "name": "Russia",
+        "coords": "61.524, 105.3188"
+      },
+      {
+        "name": "Canada",
+        "coords": "56.1304, -106.3468"
+      },
+      {
+        "name": "Greenland",
+        "coords": "71.7069, -42.6043"
+      },
+      {
+        "name": "Egypt",
+        "coords": "26.8206, 30.8025"
+      },
+      {
+        "name": "Brazil",
+        "coords": "-14.235, -51.9253"
+      },
+      {
+        "name": "China",
+        "coords": "35.8617, 104.1954"
+      },
+      {
+        "name": "United States",
+        "coords": "37.0902, -95.7129"
+      },
+      {
+        "name": "Norway",
+        "coords": "60.472024, 8.468946"
+      },
+      {
+        "name": "Ukraine",
+        "coords": "48.379433, 31.16558"
+      }
+    ]
+  }
+}

src/pages/_data/maps-vector.yml

@@ -1,76 +0,0 @@
-world:
-  title: World map
-  map: world
-  color: primary
-  values: '{ "AF": 16, "AL": 11, "DZ": 158, "AO": 85, "AG": 1, "AR": 351, "AM": 8, "AU": 1219, "AT": 366, "AZ": 52, "BS": 7, "BH": 21, "BD": 105, "BB": 3, "BY": 52, "BE": 461, "BZ": 1, "BJ": 6, "BT": 1, "BO": 19, "BA": 16, "BW": 12, "BR": 2023, "BN": 11, "BG": 44, "BF": 8, "BI": 1, "KH": 11, "CM": 21, "CA": 1563, "CV": 1, "CF": 2, "TD": 7, "CL": 199, "CN": 5745, "CO": 283, "KM": 0, "CD": 12, "CG": 11, "CR": 35, "CI": 22, "HR": 59, "CY": 22, "CZ": 195, "DK": 304, "DJ": 1, "DM": 0, "DO": 50, "EC": 61, "EG": 216, "SV": 21, "GQ": 14, "ER": 2, "EE": 19, "ET": 30, "FJ": 3, "FI": 231, "FR": 2555, "GA": 12, "GM": 1, "GE": 11, "DE": 3305, "GH": 18, "GR": 305, "GD": 0, "GT": 40, "GN": 4, "GW": 0, "GY": 2, "HT": 6, "HN": 15, "HK": 226, "HU": 132, "IS": 12, "IN": 1430, "ID": 695, "IR": 337, "IQ": 84, "IE": 204, "IL": 201, "IT": 2036, "JM": 13, "JP": 5390, "JO": 27, "KZ": 129, "KE": 32, "KI": 0, "KR": 986, "KW": 117, "KG": 4, "LA": 6, "LV": 23, "LB": 39, "LS": 1, "LR": 0, "LY": 77, "LT": 35, "LU": 52, "MK": 9, "MG": 8, "MW": 5, "MY": 218, "MV": 1, "ML": 9, "MT": 7, "MR": 3, "MU": 9, "MX": 1004, "MD": 5, "MN": 5, "ME": 3, "MA": 91, "MZ": 10, "MM": 35, "NA": 11, "NP": 15, "NL": 770, "NZ": 138, "NI": 6, "NE": 5, "NG": 206, "NO": 413, "OM": 53, "PK": 174, "PA": 27, "PG": 8, "PY": 17, "PE": 153, "PH": 189, "PL": 438, "PT": 223, "QA": 126, "RO": 158, "RU": 1476, "RW": 5, "WS": 0, "ST": 0, "SA": 434, "SN": 12, "RS": 38, "SC": 0, "SL": 1, "SG": 217, "SK": 86, "SI": 46, "SB": 0, "ZA": 354, "ES": 1374, "LK": 48, "KN": 0, "LC": 1, "VC": 0, "SD": 65, "SR": 3, "SZ": 3, "SE": 444, "CH": 522, "SY": 59, "TW": 426, "TJ": 5, "TZ": 22, "TH": 312, "TL": 0, "TG": 3, "TO": 0, "TT": 21, "TN": 43, "TR": 729, "TM": 0, "UG": 17, "UA": 136, "AE": 239, "GB": 2258, "US": 4624, "UY": 40, "UZ": 37, "VU": 0, "VE": 285, "VN": 101, "YE": 30, "ZM": 15, "ZW": 5 }'
-
-world-merc:
-  title: World map
-  map: world_merc
-  color: primary
-  values: '{ "AF": 16, "AL": 11, "DZ": 158, "AO": 85, "AG": 1, "AR": 351, "AM": 8, "AU": 1219, "AT": 366, "AZ": 52, "BS": 7, "BH": 21, "BD": 105, "BB": 3, "BY": 52, "BE": 461, "BZ": 1, "BJ": 6, "BT": 1, "BO": 19, "BA": 16, "BW": 12, "BR": 2023, "BN": 11, "BG": 44, "BF": 8, "BI": 1, "KH": 11, "CM": 21, "CA": 1563, "CV": 1, "CF": 2, "TD": 7, "CL": 199, "CN": 5745, "CO": 283, "KM": 0, "CD": 12, "CG": 11, "CR": 35, "CI": 22, "HR": 59, "CY": 22, "CZ": 195, "DK": 304, "DJ": 1, "DM": 0, "DO": 50, "EC": 61, "EG": 216, "SV": 21, "GQ": 14, "ER": 2, "EE": 19, "ET": 30, "FJ": 3, "FI": 231, "FR": 2555, "GA": 12, "GM": 1, "GE": 11, "DE": 3305, "GH": 18, "GR": 305, "GD": 0, "GT": 40, "GN": 4, "GW": 0, "GY": 2, "HT": 6, "HN": 15, "HK": 226, "HU": 132, "IS": 12, "IN": 1430, "ID": 695, "IR": 337, "IQ": 84, "IE": 204, "IL": 201, "IT": 2036, "JM": 13, "JP": 5390, "JO": 27, "KZ": 129, "KE": 32, "KI": 0, "KR": 986, "KW": 117, "KG": 4, "LA": 6, "LV": 23, "LB": 39, "LS": 1, "LR": 0, "LY": 77, "LT": 35, "LU": 52, "MK": 9, "MG": 8, "MW": 5, "MY": 218, "MV": 1, "ML": 9, "MT": 7, "MR": 3, "MU": 9, "MX": 1004, "MD": 5, "MN": 5, "ME": 3, "MA": 91, "MZ": 10, "MM": 35, "NA": 11, "NP": 15, "NL": 770, "NZ": 138, "NI": 6, "NE": 5, "NG": 206, "NO": 413, "OM": 53, "PK": 174, "PA": 27, "PG": 8, "PY": 17, "PE": 153, "PH": 189, "PL": 438, "PT": 223, "QA": 126, "RO": 158, "RU": 1476, "RW": 5, "WS": 0, "ST": 0, "SA": 434, "SN": 12, "RS": 38, "SC": 0, "SL": 1, "SG": 217, "SK": 86, "SI": 46, "SB": 0, "ZA": 354, "ES": 1374, "LK": 48, "KN": 0, "LC": 1, "VC": 0, "SD": 65, "SR": 3, "SZ": 3, "SE": 444, "CH": 522, "SY": 59, "TW": 426, "TJ": 5, "TZ": 22, "TH": 312, "TL": 0, "TG": 3, "TO": 0, "TT": 21, "TN": 43, "TR": 729, "TM": 0, "UG": 17, "UA": 136, "AE": 239, "GB": 2258, "US": 4624, "UY": 40, "UZ": 37, "VU": 0, "VE": 285, "VN": 101, "YE": 30, "ZM": 15, "ZW": 5 }'
-
-
-world-markers:
-  title: Map with markers
-  map: world_merc
-  color: red
-  markers:
-    - name: Russia
-      coords: 61.524, 105.3188
-    - name: Canada
-      coords: 56.1304, -106.3468
-    - name: Greenland
-      coords: 71.7069, -42.6043
-    - name: Egypt
-      coords: 26.8206, 30.8025
-    - name: Brazil
-      coords: -14.235, -51.9253
-    - name: China
-      coords: 35.8617, 104.1954
-    - name: United States
-      coords: 37.0902, -95.7129
-    - name: Norway
-      coords: 60.472024, 8.468946
-    - name: Ukraine
-      coords: 48.379433, 31.16558
-
-
-world-lines:
-  title: Map with markers
-  map: world_merc
-  color: primary
-  lines:
-    - from: Russia
-      to: Greenland
-    - from: Russia
-      to: United States
-    - from: Russia
-      to: Canada
-    - from: Brazil
-      to: Norway
-    - from: Brazil
-      to: Ukraine
-    - from: Brazil
-      to: Egypt
-    - from: Brazil
-      to: China
-  markers:
-    - name: Russia
-      coords: 61.524, 105.3188
-    - name: Canada
-      coords: 56.1304, -106.3468
-    - name: Greenland
-      coords: 71.7069, -42.6043
-    - name: Egypt
-      coords: 26.8206, 30.8025
-    - name: Brazil
-      coords: -14.235, -51.9253
-    - name: China
-      coords: 35.8617, 104.1954
-    - name: United States
-      coords: 37.0902, -95.7129
-    - name: Norway
-      coords: 60.472024, 8.468946
-    - name: Ukraine
-      coords: 48.379433, 31.16558

src/pages/_data/maps.json

@@ -0,0 +1,78 @@
+{
+  "simple": {
+    "title": "Simple map"
+  },
+  "light": {
+    "title": "Light map style",
+    "center": [
+      51.5285582,
+      -0.2416782
+    ],
+    "zoom": 11,
+    "style": "light-v10"
+  },
+  "markers": {
+    "title": "Light map style",
+    "center": [
+      0,
+      0
+    ],
+    "zoom": 1,
+    "style": "light-v10",
+    "card": true,
+    "markers": [
+      {
+        "name": "Buenos Aires",
+        "center": [
+          -34.58333333,
+          -58.666667
+        ]
+      },
+      {
+        "name": "Vienna",
+        "center": [
+          48.2,
+          16.366667
+        ]
+      },
+      {
+        "name": "Beijing",
+        "center": [
+          39.91666667,
+          116.383333
+        ]
+      },
+      {
+        "name": "Canberra",
+        "center": [
+          -35.26666667,
+          149.133333
+        ]
+      },
+      {
+        "name": "Muscat",
+        "center": [
+          23.61666667,
+          58.583333
+        ]
+      },
+      {
+        "name": "Washington",
+        "center": [
+          38.883333,
+          -77
+        ]
+      }
+    ]
+  },
+  "card": {
+    "title": "Full-card map",
+    "center": [
+      0,
+      0
+    ],
+    "zoom": 1,
+    "style": "satellite-v9",
+    "card": true
+  }
+}

src/pages/_data/maps.yml

@@ -1,36 +0,0 @@
-simple:
-  title: Simple map
-
-light:
-  title: Light map style
-  center: [51.5285582, -0.2416782]
-  zoom: 11
-  style: light-v10
-
-markers:
-  title: Light map style
-  center: [0, 0]
-  zoom: 1
-  style: light-v10
-  card: true
-  markers:
-    - name: Buenos Aires
-      center: [-34.58333333, -58.666667]
-    - name: Vienna
-      center: [48.2, 16.366667]
-    - name: Beijing
-      center: [39.91666667, 116.383333]
-    - name: Canberra
-      center: [-35.26666667, 149.133333]
-    - name: Muscat
-      center: [23.61666667, 58.583333]
-    - name: Washington
-      center: [38.883333, -77]
-
-card:
-  title: Full-card map
-  center: [0, 0]
-  zoom: 1
-  style: satellite-v9
-  card: true
-

src/pages/_data/menu-sample.json

@@ -0,0 +1,39 @@
+{
+  "first": {
+    "url": "#",
+    "icon": "star",
+    "title": "First",
+    "active": true
+  },
+  "second": {
+    "url": "#",
+    "icon": "star",
+    "badge": 2,
+    "title": "Second"
+  },
+  "third": {
+    "url": "#",
+    "icon": "star",
+    "title": "Third",
+    "children": {
+      "first": {
+        "url": "#",
+        "title": "First"
+      },
+      "second": {
+        "url": "#",
+        "title": "Second"
+      },
+      "third": {
+        "url": "#",
+        "title": "Third"
+      }
+    }
+  },
+  "disabled": {
+    "url": "#",
+    "icon": "star",
+    "disabled": true,
+    "title": "Disabled"
+  }
+}

src/pages/_data/menu-sample.yml

@@ -1,32 +0,0 @@
-first:
-  url: '#'
-  icon: star
-  title: First
-  active: true
-
-second:
-  url: '#'
-  icon: star
-  badge: 2
-  title: Second
-
-third:
-  url: '#'
-  icon: star
-  title: Third
-  children:
-    first:
-      url: '#'
-      title: First
-    second:
-      url: '#'
-      title: Second
-    third:
-      url: '#'
-      title: Third
-
-disabled:
-  url: '#'
-  icon: star
-  disabled: true
-  title: Disabled

src/pages/_data/menu.json

@@ -0,0 +1,473 @@
+{
+  "home": {
+    "url": "",
+    "title": "Home",
+    "icon": "home"
+  },
+  "base": {
+    "title": "Interface",
+    "icon": "package",
+    "columns": 2,
+    "children": {
+      "accordion": {
+        "title": "Accordion",
+        "url": "accordion.html"
+      },
+      "alerts": {
+        "title": "Alerts",
+        "url": "alerts.html"
+      },
+      "authentication": {
+        "title": "Authentication",
+        "children": {
+          "sign-in": {
+            "title": "Sign in",
+            "url": "sign-in.html"
+          },
+          "sign-in-link": {
+            "title": "Sign in link",
+            "url": "sign-in-link.html"
+          },
+          "sign-in-illustration": {
+            "title": "Sign in with illustration",
+            "url": "sign-in-illustration.html"
+          },
+          "sign-in-cover": {
+            "title": "Sign in with cover",
+            "url": "sign-in-cover.html"
+          },
+          "sign-up": {
+            "title": "Sign up",
+            "url": "sign-up.html"
+          },
+          "forgot-password": {
+            "title": "Forgot password",
+            "url": "forgot-password.html"
+          },
+          "terms-of-service": {
+            "title": "Terms of service",
+            "url": "terms-of-service.html"
+          },
+          "auth-lock": {
+            "title": "Lock screen",
+            "url": "auth-lock.html"
+          },
+          "2-step-verification": {
+            "title": "2 step verification",
+            "url": "2-step-verification.html"
+          },
+          "2-step-verification-code": {
+            "title": "2 step verification code",
+            "url": "2-step-verification-code.html"
+          }
+        }
+      },
+      "badges": {
+        "url": "badges.html",
+        "title": "Badges",
+        "badge": "New"
+      },
+      "blank": {
+        "title": "Blank page",
+        "url": "blank.html"
+      },
+      "buttons": {
+        "url": "buttons.html",
+        "title": "Buttons"
+      },
+      "cards": {
+        "title": "Cards",
+        "badge": "New",
+        "children": {
+          "base": {
+            "url": "cards.html",
+            "title": "Sample cards"
+          },
+          "actions": {
+            "url": "card-actions.html",
+            "title": "Card actions",
+            "badge": "New"
+          },
+          "masonry": {
+            "url": "cards-masonry.html",
+            "title": "Cards Masonry"
+          }
+        }
+      },
+      "carousel": {
+        "title": "Carousel",
+        "url": "carousel.html",
+        "badge": "New"
+      },
+      "charts": {
+        "url": "charts.html",
+        "title": "Charts"
+      },
+      "colorpicker": {
+        "url": "colorpicker.html",
+        "title": "Color picker",
+        "badge": "New"
+      },
+      "colors": {
+        "url": "colors.html",
+        "title": "Colors"
+      },
+      "datagrid": {
+        "url": "datagrid.html",
+        "title": "Data grid",
+        "badge": "New"
+      },
+      "datatables": {
+        "url": "datatables.html",
+        "title": "Datatables",
+        "badge": "New"
+      },
+      "dropdowns": {
+        "url": "dropdowns.html",
+        "title": "Dropdowns"
+      },
+      "dropzone": {
+        "title": "Dropzone",
+        "url": "dropzone.html",
+        "badge": "New"
+      },
+      "error": {
+        "title": "Error pages",
+        "children": {
+          "404": {
+            "url": "error-404.html",
+            "title": "404 page"
+          },
+          "500": {
+            "url": "error-500.html",
+            "title": "500 page"
+          },
+          "maintenance": {
+            "url": "error-maintenance.html",
+            "title": "Maintenance page"
+          }
+        }
+      },
+      "flags": {
+        "title": "Flags",
+        "url": "flags.html",
+        "badge": "New"
+      },
+      "plyr": {
+        "title": "Inline player",
+        "badge": "New",
+        "url": "inline-player.html"
+      },
+      "lightbox": {
+        "title": "Lightbox",
+        "url": "lightbox.html",
+        "badge": "New"
+      },
+      "lists": {
+        "title": "Lists",
+        "url": "lists.html"
+      },
+      "modals": {
+        "url": "modals.html",
+        "title": "Modal"
+      },
+      "maps": {
+        "url": "maps.html",
+        "title": "Map"
+      },
+      "map-fullsize": {
+        "url": "map-fullsize.html",
+        "title": "Map fullsize"
+      },
+      "maps-vector": {
+        "url": "maps-vector.html",
+        "title": "Map vector",
+        "badge": "New"
+      },
+      "markdown": {
+        "title": "Markdown",
+        "url": "markdown.html"
+      },
+      "navigation": {
+        "url": "navigation.html",
+        "title": "Navigation"
+      },
+      "offcanvas": {
+        "title": "Offcanvas",
+        "url": "offcanvas.html"
+      },
+      "pagination": {
+        "url": "pagination.html",
+        "title": "Pagination"
+      },
+      "placeholder": {
+        "url": "placeholder.html",
+        "title": "Placeholder"
+      },
+      "social": {
+        "title": "Social icons",
+        "url": "social-icons.html",
+        "badge": "New"
+      },
+      "stars-rating": {
+        "title": "Stars rating",
+        "url": "stars-rating.html",
+        "badge": "New"
+      },
+      "steps": {
+        "url": "steps.html",
+        "title": "Steps",
+        "badge": "New"
+      },
+      "tables": {
+        "url": "tables.html",
+        "title": "Tables"
+      },
+      "tabs": {
+        "url": "tabs.html",
+        "title": "Tabs"
+      },
+      "tags": {
+        "url": "tags.html",
+        "title": "Tags"
+      },
+      "tinymce": {
+        "title": "TinyMCE",
+        "url": "tinymce.html",
+        "badge": "New"
+      },
+      "toasts": {
+        "title": "Toasts",
+        "url": "toasts.html"
+      },
+      "typography": {
+        "title": "Typography",
+        "url": "typography.html"
+      }
+    }
+  },
+  "forms": {
+    "url": "form-elements.html",
+    "title": "Forms",
+    "title-long": "Form elements",
+    "icon": "checkbox"
+  },
+  "extra": {
+    "title": "Extra",
+    "icon": "star",
+    "columns": 2,
+    "children": {
+      "activity": {
+        "title": "Activity",
+        "url": "activity.html"
+      },
+      "chat": {
+        "title": "Chat",
+        "url": "chat.html",
+        "badge": "New"
+      },
+      "cookie-banner": {
+        "title": "Cookie banner",
+        "url": "cookie-banner.html",
+        "badge": "New"
+      },
+      "empty": {
+        "title": "Empty page",
+        "url": "empty.html"
+      },
+      "faq": {
+        "url": "faq.html",
+        "title": "FAQ",
+        "badge": "New"
+      },
+      "gallery": {
+        "title": "Gallery",
+        "url": "gallery.html"
+      },
+      "invoice": {
+        "title": "Invoice",
+        "url": "invoice.html"
+      },
+      "job-listing": {
+        "title": "Job listing",
+        "url": "job-listing.html",
+        "badge": "New"
+      },
+      "license": {
+        "title": "License",
+        "url": "license.html"
+      },
+      "logs": {
+        "title": "Logs",
+        "url": "logs.html",
+        "badge": "New"
+      },
+      "marketing": {
+        "title": "Marketing",
+        "url": "marketing/index.html",
+        "badge": "New"
+      },
+      "music": {
+        "title": "Music",
+        "url": "music.html"
+      },
+      "page-loader": {
+        "title": "Page loader",
+        "url": "page-loader.html",
+        "badge": "New"
+      },
+      "payment-providers": {
+        "title": "Payment providers",
+        "url": "payment-providers.html",
+        "badge": "New"
+      },
+      "photogrid": {
+        "title": "Photogrid",
+        "url": "photogrid.html",
+        "badge": "New"
+      },
+      "pricing": {
+        "url": "pricing.html",
+        "title": "Pricing cards"
+      },
+      "pricing-table": {
+        "url": "pricing-table.html",
+        "title": "Pricing table"
+      },
+      "search-results": {
+        "title": "Search results",
+        "url": "search-results.html"
+      },
+      "settings": {
+        "title": "Settings",
+        "url": "settings.html",
+        "badge": "New"
+      },
+      "tasks": {
+        "title": "Tasks",
+        "url": "tasks.html",
+        "badge": "New"
+      },
+      "trial-ended": {
+        "title": "Trial ended",
+        "url": "trial-ended.html",
+        "badge": "New"
+      },
+      "uptime": {
+        "title": "Uptime monitor",
+        "url": "uptime.html"
+      },
+      "users": {
+        "title": "Users",
+        "url": "users.html"
+      },
+      "widgets": {
+        "title": "Widgets",
+        "url": "widgets.html"
+      },
+      "wizard": {
+        "title": "Wizard",
+        "url": "wizard.html"
+      }
+    }
+  },
+  "layout": {
+    "icon": "layout-2",
+    "title": "Layout",
+    "columns": 2,
+    "children": {
+      "boxed": {
+        "url": "layout-boxed.html",
+        "title": "Boxed",
+        "badge": "New"
+      },
+      "combo": {
+        "url": "layout-combo.html",
+        "title": "Combined"
+      },
+      "condensed": {
+        "url": "layout-condensed.html",
+        "title": "Condensed"
+      },
+      "fluid": {
+        "url": "layout-fluid.html",
+        "title": "Fluid"
+      },
+      "fluid-vertical": {
+        "url": "layout-fluid-vertical.html",
+        "title": "Fluid vertical"
+      },
+      "horizontal": {
+        "url": "layout-horizontal.html",
+        "title": "Horizontal"
+      },
+      "navbar-dark": {
+        "url": "layout-navbar-dark.html",
+        "title": "Navbar dark"
+      },
+      "navbar-overlap": {
+        "url": "layout-navbar-overlap.html",
+        "title": "Navbar overlap"
+      },
+      "navbar-sticky": {
+        "url": "layout-navbar-sticky.html",
+        "title": "Navbar sticky"
+      },
+      "vertical-right": {
+        "url": "layout-vertical-right.html",
+        "title": "Right vertical"
+      },
+      "rtl-mode": {
+        "url": "layout-rtl.html",
+        "title": "RTL mode"
+      },
+      "vertical": {
+        "url": "layout-vertical.html",
+        "title": "Vertical"
+      },
+      "vertical-transparent": {
+        "url": "layout-vertical-transparent.html",
+        "title": "Vertical transparent"
+      }
+    }
+  },
+  "icons": {
+    "title": "%ICONS_COUNT% icons",
+    "icon": "ghost",
+    "url": "icons.html"
+  },
+  "emails": {
+    "title": "Emails",
+    "icon": "mail-opened",
+    "url": "emails.html"
+  },
+  "illustrations": {
+    "title": "Illustrations",
+    "icon": "brand-figma",
+    "url": "illustrations.html"
+  },
+  "help": {
+    "title": "Help",
+    "icon": "lifebuoy",
+    "children": {
+      "docs": {
+        "title": "Documentation",
+        "url": "https://tabler.io/docs"
+      },
+      "changelog": {
+        "url": "changelog.html",
+        "title": "Changelog"
+      },
+      "source-code": {
+        "url": "https://github.com/tabler/tabler",
+        "title": "Source code"
+      },
+      "sponsor": {
+        "color": "pink",
+        "icon": "heart",
+        "url": "https://github.com/sponsors/codecalm",
+        "title": "Sponsor project!"
+      }
+    }
+  }
+}