Merge branch 'docs' of https://github.com/mdbootstrap/Tailwind-Elements into branch-optimization-pr

Author: juujisai

.gitignore

@@ -29,6 +29,7 @@ node_modules
 # production
 /dist
 /site/te-starter.zip
+/site/twe-starter.zip
 
 # demo
 /dist-demo

helpers/createTeStarter.cjs

@@ -2,7 +2,7 @@ var zip = require("bestzip");
 
 zip({
   source: `*`,
-  destination: "../site/te-starter.zip",
+  destination: "../site/twe-starter.zip",
   cwd: "dist/",
 })
   .then(() => {

site/config/_default/config.toml

@@ -1,4 +1,4 @@
-baseURL = "https://tailwind-elements.com/"
+baseURL = "https://tw-elements.com/"
 languageCode = "en-us"
 title = "Tailwind Elements - Bootstrap components recreated with Tailwind"
 theme = "ga-hugo-theme"
@@ -11,4 +11,4 @@ recaptchaPublicKey = "6Ld6dIgkAAAAAIpY7wJD8aZnFAWF-S1O5HOtdItU"
 identifier = "design-system"
 name = "Design system"
 url = "https://material-minimal.com/"
-weight = 2
+weight = 2

site/config/production/config.toml

@@ -1,4 +1,4 @@
-baseURL = "https://tailwind-elements.com/"
+baseURL = "https://tw-elements.com/"
 languageCode = "en-us"
 title = "Tailwind Elements - Bootstrap components recreated with Tailwind"
 theme = "ga-hugo-theme"
@@ -11,4 +11,4 @@ recaptchaPublicKey = "6Ld6dIgkAAAAAIpY7wJD8aZnFAWF-S1O5HOtdItU"
 identifier = "design-system"
 name = "Design system"
 url = "https://material-minimal.com/"
-weight = 2
+weight = 2

site/content/_index.html

@@ -1,10 +1,10 @@
 ---
-title: "Tailwind Elements"
+title: "TW Elements"
 date: 2023-02-28T08:00:00+02:00
 draft: false
-main_title: "Tailwind Elements"
+main_title: "TW Elements"
 subheading: "Top quality open-source UI Kit"
-seo_title: "Tailwind Elements - 500+ free Tailwind CSS components"
+seo_title: "TW Elements - 500+ free Tailwind CSS components"
 description: "A free collection of open source UI components, templates, sections & plugins for Tailwind CSS. Features dark mode and theming customization options."
 image: "https://tecdn.b-cdn.net/img/components-big.jpg"
 video: "https://www.youtube.com/watch?v=LvWh9o5sJmI"
@@ -325,7 +325,7 @@ <h1 class="mb-8 mt-0 text-4xl font-bold">
       </div>
 
       <p class="mb-5 mt-10 text-center text-sm text-gray-400">
-        ...or <strong>integrate</strong> standard Tailwind Elements with your
+        ...or <strong>integrate</strong> standard TW Elements with your
         favourite tool:
       </p>
 
@@ -925,8 +925,8 @@ <h4 class="pb-2 text-[1.5rem] font-bold text-gray-600 dark:text-gray-200">
           >
         </div>
         <p class="pb-4 text-gray-500 dark:text-gray-400">
-          With Tailwind Elements, adding a dark mode to your project is child's
-          play. Using tailwind's classes in combination with a
+          With TW Elements, adding a dark mode to your project is child's play.
+          Using tailwind's classes in combination with a
           <i>dark</i> variant you can easily integrate any website with two
           themes. We have included the dark theme variant by default in all our
           components!
@@ -1030,10 +1030,10 @@ <h4 class="pb-2 text-[1.5rem] font-bold text-gray-600 dark:text-gray-200">
         </p>
         <p class="pb-6 text-gray-500 dark:text-gray-400">
           Tired of the default Material Design, but still want to use the
-          potential of a Google standard? The Tailwind Elements design system,
-          called Material Minimal, is the perfect choice for you – it combines
-          the best of Material Design, but adds subtlety, elegance and a unique
-          taste to it.
+          potential of a Google standard? The TW Elements design system, called
+          Material Minimal, is the perfect choice for you – it combines the best
+          of Material Design, but adds subtlety, elegance and a unique taste to
+          it.
         </p>
       </div>
     </div>
@@ -1122,9 +1122,9 @@ <h4 class="pb-2 text-[1.5rem] font-bold text-gray-600 dark:text-gray-200">
           Powerful and simple API
         </p>
         <p class="pb-4 text-gray-500 dark:text-gray-400">
-          Components, navigation, forms – Tailwind Elements provides an
-          easy-to-use API that allows you to customize everything according to
-          your needs and taste.
+          Components, navigation, forms – TW Elements provides an easy-to-use
+          API that allows you to customize everything according to your needs
+          and taste.
         </p>
         <p class="pb-6 text-gray-500 dark:text-gray-400">
           We enable class customization of all elements nested inside advanced

site/content/docs/standard/_index.html

@@ -7,7 +7,7 @@
 description: "Extended documentation with experimental components and functionalities."
 image: "https://tecdn.b-cdn.net/docs/standard/extended/bootstrap-address-form/assets/featured.jpg"
 url: "docs/standard/extended/"
-custom_links: "Main docs=https://tailwind-elements.com/"
+custom_links: "Main docs=https://tw-elements.com/"
 ---
 
 <!--Section: Docs content-->
@@ -44,11 +44,11 @@ <h5 class="my-1 text-lg font-bold">Example title</h5>
         class="-mt-[1px] block border px-6 py-2 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
         data-page-list-item
         data-title="2 columns layout"
-        data-desc="Use a responsive 2 columns layout with Tailwind elements. A tutorial on how to simply create a 2 columns layout.">
+        data-desc="Use a responsive 2 columns layout with TW elements. A tutorial on how to simply create a 2 columns layout.">
         <h5 class="my-1 text-lg font-bold">2 columns layout</h5>
         <p class="mb-1">
-          Use a responsive 2 columns layout with Tailwind elements. A tutorial
-          on how to simply create a 2 columns layout.
+          Use a responsive 2 columns layout with TW elements. A tutorial on how
+          to simply create a 2 columns layout.
         </p>
       </a>
 
@@ -57,11 +57,11 @@ <h5 class="my-1 text-lg font-bold">2 columns layout</h5>
         class="-mt-[1px] block border px-6 py-2 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
         data-page-list-item
         data-title="Background image"
-        data-desc="Use responsive Background image component with Tailwind Elements. With this tutorial, you'll learn how to seamlessly set an image as the background of an item.">
+        data-desc="Use responsive Background image component with TW elements. With this tutorial, you'll learn how to seamlessly set an image as the background of an item.">
         <h5 class="my-1 text-lg font-bold">Background image</h5>
         <p class="mb-1">
-          Use responsive Background image component with Tailwind Elements. With
-          this tutorial, you'll learn how to seamlessly set an image as the
+          Use responsive Background image component with TW elements. With this
+          tutorial, you'll learn how to seamlessly set an image as the
           background of an item.
         </p>
       </a>
@@ -71,11 +71,11 @@ <h5 class="my-1 text-lg font-bold">Background image</h5>
         class="-mt-[1px] block border px-6 py-2 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
         data-page-list-item
         data-title="Center text"
-        data-desc="Use responsive text center utilities with Tailwind elements. Learn how to center text easily.">
+        data-desc="Use responsive text center utilities with TW elements. Learn how to center text easily.">
         <h5 class="my-1 text-lg font-bold">Center text</h5>
         <p class="mb-1">
-          Use responsive text center utilities with Tailwind elements. Learn how
-          to center text easily.
+          Use responsive text center utilities with TW elements. Learn how to
+          center text easily.
         </p>
       </a>
 
@@ -84,11 +84,11 @@ <h5 class="my-1 text-lg font-bold">Center text</h5>
         class="-mt-[1px] block border px-6 py-2 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
         data-page-list-item
         data-title="Display block"
-        data-desc="Use responsive display block layout with Tailwind Elements. Learn how to put the element on it's own line and fill its parent.">
+        data-desc="Use responsive display block layout with TW elements. Learn how to put the element on it's own line and fill its parent.">
         <h5 class="my-1 text-lg font-bold">Display block</h5>
         <p class="mb-1">
-          Use responsive display block layout with Tailwind Elements. Learn how
-          to put the element on it's own line and fill its parent.
+          Use responsive display block layout with TW elements. Learn how to put
+          the element on it's own line and fill its parent.
         </p>
       </a>
 
@@ -97,11 +97,11 @@ <h5 class="my-1 text-lg font-bold">Display block</h5>
         class="-mt-[1px] block border px-6 py-2 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
         data-page-list-item
         data-title="Display flex"
-        data-desc="Use responsive display flex utilities with Tailwind Elements. A simple and quick way to create a flexible element.">
+        data-desc="Use responsive display flex utilities with TW elements. A simple and quick way to create a flexible element.">
         <h5 class="my-1 text-lg font-bold">Display flex</h5>
         <p class="mb-1">
-          Use responsive display flex utilities with Tailwind Elements. A simple
-          and quick way to create a flexible element.
+          Use responsive display flex utilities with TW elements. A simple and
+          quick way to create a flexible element.
         </p>
       </a>
 
@@ -110,11 +110,11 @@ <h5 class="my-1 text-lg font-bold">Display flex</h5>
         class="-mt-[1px] block border px-6 py-2 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
         data-page-list-item
         data-title="Display none"
-        data-desc="Use responsive display none utilities with Tailwind Elements. A tutorial on how to remove an element from a page layout.">
+        data-desc="Use responsive display none utilities with TW elements. A tutorial on how to remove an element from a page layout.">
         <h5 class="my-1 text-lg font-bold">Display none</h5>
         <p class="mb-1">
-          Use responsive display none utilities with Tailwind Elements. A
-          tutorial on how to remove an element from a page layout.
+          Use responsive display none utilities with TW elements. A tutorial on
+          how to remove an element from a page layout.
         </p>
       </a>
 
@@ -136,10 +136,10 @@ <h5 class="my-1 text-lg font-bold">Float right</h5>
         class="-mt-[1px] block border px-6 py-2 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
         data-page-list-item
         data-title="Letter spacing"
-        data-desc="Use responsive letter spacing styles with Tailwind elements. This is a simple example of how quickly you can change the spaces between letters.">
+        data-desc="Use responsive letter spacing styles with TW elements. This is a simple example of how quickly you can change the spaces between letters.">
         <h5 class="my-1 text-lg font-bold">Letter spacing</h5>
         <p class="mb-1">
-          Use responsive letter spacing styles with Tailwind elements. This is a
+          Use responsive letter spacing styles with TW elements. This is a
           simple example of how quickly you can change the spaces between
           letters.
         </p>
@@ -150,11 +150,11 @@ <h5 class="my-1 text-lg font-bold">Letter spacing</h5>
         class="-mt-[1px] block border px-6 py-2 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
         data-page-list-item
         data-title="Opacity"
-        data-desc="Use responsive Opacity utilities with Tailwind elements. See how to easily and simply change the opacity.">
+        data-desc="Use responsive Opacity utilities with TW elements. See how to easily and simply change the opacity.">
         <h5 class="my-1 text-lg font-bold">Opacity</h5>
         <p class="mb-1">
-          Use responsive Opacity utilities with Tailwind elements. See how to
-          easily and simply change the opacity.
+          Use responsive Opacity utilities with TW elements. See how to easily
+          and simply change the opacity.
         </p>
       </a>
 
@@ -217,10 +217,10 @@ <h5 class="my-1 text-lg font-bold">Sticky header</h5>
         class="-mt-[1px] block border px-6 py-2 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
         data-page-list-item
         data-title="Text bold"
-        data-desc="Use responsive text bold styles with Tailwind elements. This a simple example of how quickly you can change the font weight.">
+        data-desc="Use responsive text bold styles with TW elements. This a simple example of how quickly you can change the font weight.">
         <h5 class="my-1 text-lg font-bold">Text bold</h5>
         <p class="mb-1">
-          Use responsive text bold styles with Tailwind elements. This a simple
+          Use responsive text bold styles with TW elements. This a simple
           example of how quickly you can change the font weight.
         </p>
       </a>
@@ -230,11 +230,11 @@ <h5 class="my-1 text-lg font-bold">Text bold</h5>
         class="-mt-[1px] block border px-6 py-2 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
         data-page-list-item
         data-title="Text color"
-        data-desc="Use responsive text color styles with Tailwind elements. See how to easily and simply change the text color.">
+        data-desc="Use responsive text color styles with TW elements. See how to easily and simply change the text color.">
         <h5 class="my-1 text-lg font-bold">Text color</h5>
         <p class="mb-1">
-          Use responsive text color styles with Tailwind elements. See how to
-          easily and simply change the text color.
+          Use responsive text color styles with TW elements. See how to easily
+          and simply change the text color.
         </p>
       </a>
 
@@ -243,11 +243,11 @@ <h5 class="my-1 text-lg font-bold">Text color</h5>
         class="-mt-[1px] block border px-6 py-2 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
         data-page-list-item
         data-title="Text size"
-        data-desc="Use responsive text size styles with Tailwind elements. Learn how to change the text size easily and quickly.">
+        data-desc="Use responsive text size styles with TW elements. Learn how to change the text size easily and quickly.">
         <h5 class="my-1 text-lg font-bold">Text size</h5>
         <p class="mb-1">
-          Use responsive text size styles with Tailwind elements. Learn how to
-          change the text size easily and quickly.
+          Use responsive text size styles with TW elements. Learn how to change
+          the text size easily and quickly.
         </p>
       </a>
 
@@ -256,12 +256,12 @@ <h5 class="my-1 text-lg font-bold">Text size</h5>
         class="-mt-[1px] block border px-6 py-2 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
         data-page-list-item
         data-title="Visibility"
-        data-desc="Use responsive Visibility utilities with Tailwind elements. Control the visibility, without modifying the display, of elements with visibility utilities.">
+        data-desc="Use responsive Visibility utilities with TW elements. Control the visibility, without modifying the display, of elements with visibility utilities.">
         <h5 class="my-1 text-lg font-bold">Visibility</h5>
         <p class="mb-1">
-          Use responsive Visibility utilities with Tailwind elements. Control
-          the visibility, without modifying the display, of elements with
-          visibility utilities.
+          Use responsive Visibility utilities with TW elements. Control the
+          visibility, without modifying the display, of elements with visibility
+          utilities.
         </p>
       </a>
 
@@ -295,11 +295,11 @@ <h5 class="my-1 text-lg font-bold">Color picker</h5>
         class="-mt-[1px] block border px-6 py-2 transition-colors duration-500 hover:bg-gray-100 active:bg-gray-200 dark:border-gray-600 dark:hover:bg-gray-700"
         data-page-list-item
         data-title="Colors"
-        data-desc="Use Tailwind Elements colors styles to change your background color, text color with custom colors, or pick from the color palette">
+        data-desc="Use TW elements colors styles to change your background color, text color with custom colors, or pick from the color palette">
         <h5 class="my-1 text-lg font-bold">Colors</h5>
         <p class="mb-1">
-          Use Tailwind Elements colors styles to change your background color,
-          text color with custom colors, or pick from the color palette
+          Use TW elements colors styles to change your background color, text
+          color with custom colors, or pick from the color palette
         </p>
       </a>