chore: add funding information

Author: mrholek

build/postinstall.js

@@ -0,0 +1,37 @@
+#!/usr/bin/env node
+'use strict'
+
+const main = () => {
+  if (
+    process.env.SUPPRESS_SUPPORT ||
+    process.env.OPENCOLLECTIVE_HIDE ||
+    process.env.CI
+  ) {
+    return
+  }
+
+  const message =
+    '\u001B[32mLove CoreUI? You can now support the project via the Open Collective:\u001B[22m\u001B[39m\n > \u001B[96m\u001B[1mhttps://opencollective.com/coreui/contribute\u001B[0m\n'
+
+  try {
+    const Configstore = require('configstore')
+    const pkg = require(__dirname + '/../package.json')
+    const now = Date.now()
+
+    const week = 1000 * 60 * 60 * 24 * 7
+
+    // create a Configstore instance with an unique ID e.g.
+    // Package name and optionally some default values
+    const conf = new Configstore(pkg.name)
+    const last = conf.get('lastCheck')
+
+    if (!last || now - week > last) {
+      console.log(message)
+      conf.set('lastCheck', now)
+    }
+  } catch {
+    console.log(message)
+  }
+}
+
+main()

package-lock.json

@@ -39,6 +39,16 @@
     "type": "git",
     "url": "git+https://github.com/coreui/coreui-free-bootstrap-admin-template.git"
   },
+  "funding": [
+    {
+      "type": "opencollective",
+      "url": "https://opencollective.com/coreui"
+    },
+    {
+      "type": "subscription",
+      "url": "https://coreui.io/pro"
+    }
+  ],
   "scripts": {
     "build": "npm run build-from-html",
     "build-vendors": "node build/vendors.js",
@@ -58,6 +68,7 @@
     "js-compile": "cross-env PLUGINS=true babel src/js/ --out-dir dist/js/ --source-maps",
     "js-lint": "eslint --cache --cache-___location .cache/.eslintcache --report-unused-disable-directives .",
     "localhost": "browser-sync start --server \"./dist\" --serveStatic \"./\" --files \"./dist/\"",
+    "postinstall": "node build/postinstall || exit 0",
     "prettier": "prettier --print-width=160 --write \"dist\"",
     "pug": "npm-run-all --parallel pug-*",
     "pug-dist": "node build/pug.js --dest dist/",

package.json

@@ -57,7 +57,7 @@
             span.nav-icon
             |  List group
         li.nav-item
-          a.nav-link(href='base/navs.html')
+          a.nav-link(href='base/navs-tabs.html')
             span.nav-icon
             |  Navs & Tabs
         li.nav-item

src/pug/_partials/sidebar.pug

@@ -300,7 +300,7 @@
                   <p class="text-medium-emphasis small">Click the accordions below to expand/collapse the accordion content.</p>
                   <div class="example">
                     <ul class="nav nav-tabs" role="tablist">
-                      <li class="nav-item"><a class="nav-link active" data-coreui-toggle="tab" href="#preview-386" role="tab">
+                      <li class="nav-item"><a class="nav-link active" data-coreui-toggle="tab" href="#preview-803" role="tab">
                           <svg class="icon me-2">
                             <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-media-play"></use>
                           </svg>Preview</a></li>
@@ -310,7 +310,7 @@
                           </svg>Code</a></li>
                     </ul>
                     <div class="tab-content rounded-bottom">
-                      <div class="tab-pane p-3 active preview" role="tabpanel" id="preview-386">
+                      <div class="tab-pane p-3 active preview" role="tabpanel" id="preview-803">
                         <div class="accordion" id="accordionExample">
                           <div class="accordion-item">
                             <h2 class="accordion-header" id="headingOne">
@@ -350,7 +350,7 @@ <h2 class="accordion-header" id="headingThree">
                   <p class="text-medium-emphasis small">Add <code>.accordion-flush</code> to remove the default <code>background-color</code>, some borders, and some rounded corners to render accordions edge-to-edge with their parent container.</p>
                   <div class="example">
                     <ul class="nav nav-tabs" role="tablist">
-                      <li class="nav-item"><a class="nav-link active" data-coreui-toggle="tab" href="#preview-622" role="tab">
+                      <li class="nav-item"><a class="nav-link active" data-coreui-toggle="tab" href="#preview-974" role="tab">
                           <svg class="icon me-2">
                             <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-media-play"></use>
                           </svg>Preview</a></li>
@@ -360,7 +360,7 @@ <h2 class="accordion-header" id="headingThree">
                           </svg>Code</a></li>
                     </ul>
                     <div class="tab-content rounded-bottom">
-                      <div class="tab-pane p-3 active preview" role="tabpanel" id="preview-622">
+                      <div class="tab-pane p-3 active preview" role="tabpanel" id="preview-974">
                         <div class="accordion accordion-flush" id="accordionFlushExample">
                           <div class="accordion-item">
                             <h2 class="accordion-header" id="flush-headingOne">

src/views/base/accordion.html

@@ -300,7 +300,7 @@
                   <p class="text-medium-emphasis small">The breadcrumb navigation provides links back to each previous page the user navigated through and shows the current ___location in a website or an application. You don’t have to add separators, because they automatically added in CSS through <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/::before"> <code>::before</code></a> and <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/content"> <code>content</code></a>.</p>
                   <div class="example">
                     <ul class="nav nav-tabs" role="tablist">
-                      <li class="nav-item"><a class="nav-link active" data-coreui-toggle="tab" href="#preview-854" role="tab">
+                      <li class="nav-item"><a class="nav-link active" data-coreui-toggle="tab" href="#preview-20" role="tab">
                           <svg class="icon me-2">
                             <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-media-play"></use>
                           </svg>Preview</a></li>
@@ -310,7 +310,7 @@
                           </svg>Code</a></li>
                     </ul>
                     <div class="tab-content rounded-bottom">
-                      <div class="tab-pane p-3 active preview" role="tabpanel" id="preview-854">
+                      <div class="tab-pane p-3 active preview" role="tabpanel" id="preview-20">
                         <nav aria-label="breadcrumb" role="navigation">
                           <ol class="breadcrumb">
                             <li class="breadcrumb-item active" aria-current="page">Home</li>