hugo test

_config.yml

@@ -51,59 +51,3 @@ defaults:
     values:
       layout: docs
 
-colors:
-  blue:
-    hex: '#467fcf'
-    name: Blue
-  azure:
-    hex: '#45aaf2'
-    name: Azure
-  indigo:
-    hex: '#6574cd'
-    name: Indigo
-  purple:
-    hex: '#a55eea'
-    name: Purple
-  pink:
-    hex: '#f66d9b'
-    name: Pink
-  red:
-    hex: '#cd201f'
-    name: Red
-  orange:
-    hex: '#fd9644'
-    name: Orange
-  yellow:
-    hex: '#f1c40f'
-    name: Yellow
-  lime:
-    hex: '#7bd235'
-    name: Lime
-  green:
-    hex: '#5eba00'
-    name: Green
-  teal:
-    hex: '#2bcbba'
-    name: Teal
-  cyan:
-    hex: '#17a2b8'
-    name: Cyan
-  gray:
-    hex: '#868e96'
-    name: Gray
-  dark:
-    hex: '#354051'
-    name: Dark
-
-variants: [primary, secondary, success, info, warning, danger, dark]
-socials: [facebook, twitter, google, youtube, vimeo, dribbble, github, instagram, pinterest, vk, rss, flickr, bitbucket]
-
-months_short: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
-months_long: ['January', 'Febuary', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
-
-
-docs-menu:
-- title: Getting started
-  pages: [index]
-- title: Components
-  pages: [avatars, badges, buttons, carousel, spinners, steps, toasts, tooltips, typography]

config.yml

@@ -0,0 +1,73 @@
+languageCode:           "en"
+title:                  "Tabler"
+baseURL:                "https://tabler.io"
+enableInlineShortcodes: true
+
+enableRobotsTXT:        true
+metaDataFormat:         "yaml"
+disableKinds:           ["404", "home", "taxonomy", "taxonomyTerm", "RSS"]
+
+publishDir:             "_gh_pages"
+archetypeDir:           "site/archetypes"
+contentDir:             "site/pages"
+assetDir:               "site/assets"
+staticDir:              "site/static"
+layoutDir:              "site/layouts"
+
+params:
+  colors:
+    blue:
+      hex: '#467fcf'
+      name: Blue
+    azure:
+      hex: '#45aaf2'
+      name: Azure
+    indigo:
+      hex: '#6574cd'
+      name: Indigo
+    purple:
+      hex: '#a55eea'
+      name: Purple
+    pink:
+      hex: '#f66d9b'
+      name: Pink
+    red:
+      hex: '#cd201f'
+      name: Red
+    orange:
+      hex: '#fd9644'
+      name: Orange
+    yellow:
+      hex: '#f1c40f'
+      name: Yellow
+    lime:
+      hex: '#7bd235'
+      name: Lime
+    green:
+      hex: '#5eba00'
+      name: Green
+    teal:
+      hex: '#2bcbba'
+      name: Teal
+    cyan:
+      hex: '#17a2b8'
+      name: Cyan
+    gray:
+      hex: '#868e96'
+      name: Gray
+    dark:
+      hex: '#354051'
+      name: Dark
+
+  variants: [primary, secondary, success, info, warning, danger, dark]
+  socials: [facebook, twitter, google, youtube, vimeo, dribbble, github, instagram, pinterest, vk, rss, flickr, bitbucket]
+
+  months_short: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
+  months_long: ['January', 'Febuary', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
+
+
+  docs-menu:
+  - title: Getting started
+    pages: [index]
+  - title: Components
+    pages: [avatars, badges, buttons, carousel, spinners, steps, toasts, tooltips, typography]

package.json

@@ -3,8 +3,13 @@
   "version": "1.0.0",
   "description": "Premium and Open Source dashboard template with responsive and high quality UI.",
   "scripts": {
-    "start": "gulp",
-    "build": "gulp build"
+    "start": "npm-run-all --parallel watch docs-serve",
+    "bundlesize": "bundlesize",
+    "linkinator": "linkinator _gh_pages --recurse --skip \"^(?!http://localhost)\"",
+    "docs-serve": "hugo server --port 9001 --disableFastRender",
+    "watch": "npm-run-all --parallel watch-*",
+    "watch-css": "nodemon --watch scss/ --ext scss --exec \"npm run css-main\"",
+    "watch-js": "nodemon --watch js/src/ --ext js --exec \"npm run js-compile\""
   },
   "repository": {
     "type": "git",
@@ -19,34 +24,10 @@
   "homepage": "https://tabler.io",
   "devDependencies": {
     "apexcharts": "3.6.2",
-    "bootstrap": "4.3.1",
-    "browser-sync": "2.26.3",
-    "child_process": "1.0.2",
-    "del": "4.0.0",
-    "eslint": "5.15.1",
-    "gulp": "4.0.0",
-    "gulp-autoprefixer": "6.0.0",
-    "gulp-banner": "0.1.3",
-    "gulp-clean": "0.4.0",
-    "gulp-clean-css": "4.0.0",
-    "gulp-concat": "2.6.1",
-    "gulp-htmlclean": "2.7.22",
-    "gulp-htmlmin": "5.0.1",
-    "gulp-if": "2.0.2",
-    "gulp-imagemin": "5.0.3",
-    "gulp-rename": "1.4.0",
-    "gulp-replace": "1.0.0",
-    "gulp-sass": "4.0.2",
-    "gulp-selectors": "0.1.10",
-    "gulp-sourcemaps": "2.6.5",
-    "gulp-uglify": "3.0.2",
-    "gulp-useref": "3.1.6",
-    "jquery": "3.3.1",
-    "jqvmap": "1.5.1",
-    "peity": "3.3.0",
-    "popper.js": "1.14.7",
-    "selectize": "0.12.6",
-    "stylelint": "9.10.1",
-    "stylelint-config-twbs-bootstrap": "0.3.0"
+    "bootstrap": "twbs/bootstrap#275cd7f",
+    "bundlesize": "0.15.3",
+    "http-server": "0.11.1",
+    "hugo-bin": "0.42.0",
+    "popper.js": "1.15.0"
   }
 }

pages/_includes/layout/css.html

@@ -1,4 +0,0 @@
-<!-- {{ site.title }} main CSS file -->
-<link href="{{ site.base }}/css/ui-kit.css" rel="stylesheet" />
-
-<link href="{{ site.base }}/libs/jqvmap/jqvmap.css" />

pages/_includes/layout/debug-footer.html

@@ -1,107 +0,0 @@
-<div class="debug">
-	<a href="#" data-debug="dark">Dark mode</a>
-	<a href="#" data-debug="rtl">RTL mode</a>
-	<a href="#" data-debug="code">Show cards code</a>
-	<a href="#" data-debug="folded">Folded sidebar</a>
-	<a href="#" data-debug="fullscreen">Fullscreen</a>
-	<a href="#" data-debug="header-sticky">Sticky header</a>
-</div>
-<style>
-	.debug {
-		position: fixed;
-		bottom: 0;
-		left: 0;
-		right: 0;
-		background: #222;
-		color: #fff;
-		padding: .5rem .75rem;
-		font-size: 12px;
-		direction: ltr;
-		text-align: left;
-		z-index: 1000;
-	}
-
-	.debug a {
-		color: inherit;
-		margin-right: 1rem;
-	}
-
-	.debug a[data-debug]:after {
-		content: '';
-		margin: 0 0 1px .25rem;
-		width: 6px;
-		height: 6px;
-		display: inline-block;
-		background: rgba(255, 255, 255, .3);
-		border-radius: 50%;
-	}
-
-	body.show-debug-code .card-debug {
-		display: block;
-	}
-
-	@media (max-width: 991.98px) {
-		.debug {
-			display: none;
-		}
-	}
-
-	body.show-debug-code a[data-debug="code"]:after,
-	html[dir="rtl"] a[data-debug="rtl"]:after,
-	body.theme-dark a[data-debug="dark"]:after,
-	:fullscreen a[data-debug="fullscreen"]:after,
-	body.header-sticky a[data-debug="header-sticky"]:after,
-	body.sidebar-folded a[data-debug="folded"]:after {
-		background: #5eba00;
-	}
-</style>
-<script>
-    $(document).ready(function () {
-
-
-        var $body = $('body'),
-            $html = $('html');
-
-        $body
-	        .on('click', '[data-debug="dark"]', function (e) {
-		        $body.toggleClass('theme-dark');
-
-		        e.preventDefault();
-		        return false;
-	        })
-	        .on('click', '[data-debug="code"]', function (e) {
-		        $body.toggleClass('show-debug-code');
-
-		        e.preventDefault();
-		        return false;
-	        })
-	        .on('click', '[data-debug="folded"]', function (e) {
-		        $body.toggleClass('sidebar-folded');
-
-		        e.preventDefault();
-		        return false;
-	        })
-	        .on('click', '[data-debug="fullscreen"]', function (e) {
-		        tabler.toggleFullscreen();
-
-		        e.preventDefault();
-		        return false;
-	        })
-	        .on('click', '[data-debug="header-sticky"]', function (e) {
-		        $body.toggleClass('header-sticky');
-
-		        e.preventDefault();
-		        return false;
-	        })
-            .on('click', '[data-debug="rtl"]', function (e) {
-                if ($html.attr('dir') === 'rtl') {
-                    $html.attr('dir', 'ltr');
-                } else {
-                    $html.attr('dir', 'rtl');
-                }
-
-                e.preventDefault();
-                return false;
-            });
-    });
-</script>

pages/_includes/layout/js.html

@@ -1,26 +0,0 @@
-<!-- {{ site.title }} additional libs -->
-<script src="{{ site.base }}/libs/jquery/jquery.js"></script>
-<script src="{{ site.base }}/libs/bootstrap/js/bootstrap.bundle.min.js"></script>
-
-<script src="{{ site.base }}/libs/apexcharts/apexcharts.min.js"></script>
-<script src="{{ site.base }}/libs/peity/jquery.peity.min.js"></script>
-
-<!--<script src="{{ site.base }}/libs/jqvmap/jquery.vmap.js"></script>-->
-<!--<script src="{{ site.base }}/libs/jqvmap/maps/jquery.vmap.world.js"></script>-->
-<!--<script src="{{ site.base }}/libs/jqvmap/maps/jquery.vmap.france.js"></script>-->
-
-{% if site.debug %}
-{% if jekyll.environment == 'development' %}
-{% include layout/debug-header.html %}
-{% endif %}
-{% endif %}
-
-<!-- {{ site.title }} main JavaScript file -->
-<script src="{{ site.base }}/js/ui-kit.js"></script>
-<script src="{{ site.base }}/js/app/charts.js"></script>
-
-<script>
-	window.tabler.colors = { {% for color in site.colors %}
-		'{{ color[0] }}': '{{ color[1].hex }}'{% unless forloop.last %},{% endunless %}{% endfor %}
-	};
-</script>

pages/index.html

@@ -3,7 +3,7 @@ title: Dashboard
 page-title: Dashboard
 ---
 
-<div class="row row-cards">
+{{/*<div class="row row-cards">
 
    <div class="col-6 col-sm-4 col-lg-2">
       {% include cards/small-stats-3.html number=43 title="New Tickets" percentage=6 %}
@@ -114,4 +114,4 @@ page-title: Dashboard
       {% include cards/invoices.html %}
    </div>
 </div>
-
+*/}}

site/layouts/_default/base.html

@@ -0,0 +1 @@
+base

site/layouts/_default/page.html

@@ -0,0 +1,45 @@
+<!doctype html>
+<html lang="en"{{ if .Params.rtl }} dir="rtl"{{ end }}>
+<head>
+   <meta charset="UTF-8" />
+   <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
+   <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+   <meta http-equiv="Content-Language" content="{{ .Site.Language }}" />
+
+   <meta name="author" content="{{ .Site.Params.authors }}" />
+
+   <meta name="msapplication-TileColor" content="#4188c9" />
+   <meta name="theme-color" content="#4188c9" />
+
+   <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+   <meta name="apple-mobile-web-app-capable" content="yes" />
+   <meta name="mobile-web-app-capable" content="yes" />
+   <meta name="HandheldFriendly" content="True" />
+   <meta name="MobileOptimized" content="320" />
+
+   {{ .Hugo.Generator }}
+
+   <link rel="icon" href="{{ .Site.BaseURL }}favicon.ico" type="image/x-icon" />
+   <link rel="shortcut icon" href="{{ .Site.BaseURL }}favicon.ico" type="image/x-icon" />
+
+   <link rel="canonical" href="{{ .Permalink }}" />
+
+   {{ with .Params.robots -}}
+   <meta name="robots" content="{{ . }}" />
+   {{- end }}
+
+   <title>{{ if .Title }}{{ .Title }} - {{ end }}{{ .Site.Title }}{{ if .Site.Params.description }} - {{ .Site.Params.description }}{{ end }}</title>
+
+   {{ partial "css" . }}
+</head>
+<body class="antialiased{{ if .Params.DarkTheme }} theme-dark{{ end }}">
+
+{{ .Content}}
+
+{{ if eq (getenv "HUGO_ENV") "development" }}
+   {{ partial "debug-footer" }}
+{{ end }}
+
+{{ partial "js" . }}
+</body>
+</html>

site/layouts/partials/css.html

@@ -0,0 +1,2 @@
+<link href="{{ .Site.BaseURL }}css/ui-kit.css" rel="stylesheet" />
+<link href="{{ .Site.BaseURL }}libs/jqvmap/jqvmap.css" />

site/layouts/partials/debug-footer.html

@@ -0,0 +1,107 @@
+<div class="debug">
+   <a href="#" data-debug="dark">Dark mode</a>
+   <a href="#" data-debug="rtl">RTL mode</a>
+   <a href="#" data-debug="code">Show cards code</a>
+   <a href="#" data-debug="folded">Folded sidebar</a>
+   <a href="#" data-debug="fullscreen">Fullscreen</a>
+   <a href="#" data-debug="header-sticky">Sticky header</a>
+</div>
+<style>
+   .debug {
+      position: fixed;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      background: #222;
+      color: #fff;
+      padding: .5rem .75rem;
+      font-size: 12px;
+      direction: ltr;
+      text-align: left;
+      z-index: 1000;
+   }
+
+   .debug a {
+      color: inherit;
+      margin-right: 1rem;
+   }
+
+   .debug a[data-debug]:after {
+      content: '';
+      margin: 0 0 1px .25rem;
+      width: 6px;
+      height: 6px;
+      display: inline-block;
+      background: rgba(255, 255, 255, .3);
+      border-radius: 50%;
+   }
+
+   body.show-debug-code .card-debug {
+      display: block;
+   }
+
+   @media (max-width: 991.98px) {
+      .debug {
+         display: none;
+      }
+   }
+
+   body.show-debug-code a[data-debug="code"]:after,
+   html[dir="rtl"] a[data-debug="rtl"]:after,
+   body.theme-dark a[data-debug="dark"]:after,
+   :fullscreen a[data-debug="fullscreen"]:after,
+   body.header-sticky a[data-debug="header-sticky"]:after,
+   body.sidebar-folded a[data-debug="folded"]:after {
+      background: #5eba00;
+   }
+</style>
+<script>
+   $(document).ready(function () {
+
+
+      var $body = $('body'),
+         $html = $('html');
+
+      $body
+         .on('click', '[data-debug="dark"]', function (e) {
+            $body.toggleClass('theme-dark');
+
+            e.preventDefault();
+            return false;
+         })
+         .on('click', '[data-debug="code"]', function (e) {
+            $body.toggleClass('show-debug-code');
+
+            e.preventDefault();
+            return false;
+         })
+         .on('click', '[data-debug="folded"]', function (e) {
+            $body.toggleClass('sidebar-folded');
+
+            e.preventDefault();
+            return false;
+         })
+         .on('click', '[data-debug="fullscreen"]', function (e) {
+            tabler.toggleFullscreen();
+
+            e.preventDefault();
+            return false;
+         })
+         .on('click', '[data-debug="header-sticky"]', function (e) {
+            $body.toggleClass('header-sticky');
+
+            e.preventDefault();
+            return false;
+         })
+         .on('click', '[data-debug="rtl"]', function (e) {
+            if ($html.attr('dir') === 'rtl') {
+               $html.attr('dir', 'ltr');
+            } else {
+               $html.attr('dir', 'rtl');
+            }
+
+            e.preventDefault();
+            return false;
+         });
+   });
+</script>

site/layouts/partials/js.html

@@ -0,0 +1,24 @@
+<script src="{{ .Site.BaseURL }}libs/jquery/jquery.js"></script>
+<script src="{{ .Site.BaseURL }}libs/bootstrap/js/bootstrap.bundle.min.js"></script>
+
+<script src="{{ .Site.BaseURL }}libs/apexcharts/apexcharts.min.js"></script>
+<script src="{{ .Site.BaseURL }}libs/peity/jquery.peity.min.js"></script>
+
+
+{{ if eq (getenv "HUGO_ENV") "development" }}
+{{/*
+include layout/debug-header.html
+*/}}
+{{ end }}
+
+<script src="{{ .Site.BaseURL }}js/ui-kit.js"></script>
+<script src="{{ .Site.BaseURL }}js/app/charts.js"></script>
+
+<script>
+   window.tabler = window.tabler || {};
+   window.tabler.colors = { {{ range $color, $val := .Site.Params.colors }}
+      '{{ $color }}': '{{ $val.hex }}',{{ end }}
+   };
+</script>
+
+{{ getenv "HUGO_ENV" }}

site/layouts/robots.txt

@@ -0,0 +1,8 @@
+# www.robotstxt.org
+
+{{ if (eq (getenv "HUGO_ENV") "production") -}}
+# Allow crawling of all content
+{{- end }}
+User-agent: *
+Disallow:{{ if (ne (getenv "HUGO_ENV") "production") }} /{{ end }}
+Sitemap: {{ .Site.BaseURL }}/sitemap.xml

site/layouts/sitemap.xml

@@ -0,0 +1,9 @@
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml">
+  {{- range .Data.Pages -}}{{ if ne .Params.sitemap_exclude true }}
+  <url>
+    <loc>{{ .Permalink }}</loc>{{ if not .Lastmod.IsZero }}
+    <lastmod>{{ safeHTML (.Lastmod.Format "2006-01-02T15:04:05-07:00") }}</lastmod>{{ end }}{{ with .Sitemap.ChangeFreq }}
+    <changefreq>{{ . }}</changefreq>{{ end }}{{ if ge .Sitemap.Priority 0.0 }}
+    <priority>{{ .Sitemap.Priority }}</priority>{{ end }}
+  </url>{{ end }}{{ end }}
+</urlset>

site/pages/index.html

@@ -0,0 +1,5 @@
+---
+layout: page
+---
+
+sdsdf sdf