From dfbf61a988ca6cb0b1e5e70d1eda2ed8bc2721c3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CShaun?= Date: Mon, 1 Jan 2024 19:33:41 -0500 Subject: [PATCH 1/2] formatting adjustments/update hello world and jumbotron docs --- .gitignore | 3 +- dist/hello-world/index.html | 43 ++++++--- docs/examples/Icon-toggle.html | 6 +- docs/examples/alerts.html | 3 +- docs/examples/border-utilities.html | 6 +- docs/examples/breadcrumb.html | 3 +- docs/examples/buttons.html | 12 +-- docs/examples/cards.html | 21 ++--- docs/examples/contact-form.html | 3 +- docs/examples/cookie-consent.html | 3 +- docs/examples/corner-popup.html | 3 +- docs/examples/dropdown.html | 3 +- docs/examples/exit-intent.html | 3 +- docs/examples/footer.html | 3 +- docs/examples/form-elements.html | 3 +- docs/examples/header.html | 3 +- docs/examples/icons.html | 3 +- docs/examples/image-carousel.html | 3 +- docs/examples/image-gallery.html | 3 +- docs/examples/image-text.html | 21 ++--- docs/examples/image.html | 3 +- docs/examples/jumbotron.html | 91 +++++++++++------- docs/examples/labels.html | 27 ++---- docs/examples/layout-grids.html | 18 ++-- docs/examples/links.html | 15 +-- docs/examples/list-group.html | 12 +-- docs/examples/logos.html | 3 +- docs/examples/menus.html | 6 +- docs/examples/modal.html | 3 +- docs/examples/optin-form.html | 3 +- docs/examples/pagination.html | 12 +-- docs/examples/preloaders.html | 9 +- docs/examples/pricing-table.html | 117 ++++++++---------------- docs/examples/product-row.html | 30 ++---- docs/examples/promo-bars.html | 3 +- docs/examples/quiz.html | 3 +- docs/examples/responsive-table.html | 12 +-- docs/examples/shadows.html | 3 +- docs/examples/sidebars.html | 9 +- docs/examples/sign-in-form.html | 6 +- docs/examples/tabbed-interface.html | 3 +- docs/examples/tabs.html | 39 +++----- docs/examples/testimonials.html | 6 +- docs/examples/text-card-carousel.html | 6 +- docs/examples/text-content-row.html | 6 +- docs/examples/themes.html | 3 +- docs/examples/tooltip.html | 6 +- docs/examples/video-player.html | 6 +- docs/examples/wizard.html | 3 +- docs/examples/zentax.html | 6 +- docs/help-desk/features.html | 21 ++--- docs/help-desk/index.html | 6 +- docs/help-desk/installation-source.html | 52 +++++++---- docs/help-desk/installation.html | 13 ++- docs/help-desk/site-parts-page-2.html | 3 +- docs/help-desk/site-parts-page-3.html | 3 +- docs/help-desk/site-parts.html | 3 +- docs/help-desk/utilities.html | 6 +- docs/release-notes/release-info.html | 27 +++++- index.html | 83 ++++++----------- 60 files changed, 358 insertions(+), 479 deletions(-) diff --git a/.gitignore b/.gitignore index a061fd0e..a7a786b4 100644 --- a/.gitignore +++ b/.gitignore @@ -1,5 +1,4 @@ .DS_Store node_modules .gitignore -.vscode -package-lock.json \ No newline at end of file +.vscode \ No newline at end of file diff --git a/dist/hello-world/index.html b/dist/hello-world/index.html index 388815af..c3b2bde5 100644 --- a/dist/hello-world/index.html +++ b/dist/hello-world/index.html @@ -9,6 +9,20 @@ + + + + + +
+

Background Image Version

+

Eos tenetur corrupti, minima doloribus quam eveniet libero.

+
+
+
+
+ + @@ -17,12 +31,12 @@
- + Menu + alt="Menu"/> +
@@ -43,7 +53,9 @@
+
+ @@ -55,6 +67,7 @@

👋 Hello World

+ @@ -63,6 +76,7 @@

👋 Hello World

+ @@ -71,6 +85,7 @@

👋 Hello World

+ @@ -78,12 +93,16 @@

👋 Hello World

+
+ + + + diff --git a/docs/examples/Icon-toggle.html b/docs/examples/Icon-toggle.html index b60f1d1c..29d5ccbd 100644 --- a/docs/examples/Icon-toggle.html +++ b/docs/examples/Icon-toggle.html @@ -82,8 +82,7 @@

Click to toggle

href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1" - > + aria-controls="content1"> Code Example
Hover to toggle href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content2" - > + aria-controls="content2"> Code Example
State Alerts href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content2" - > + aria-controls="content2"> Code Example
Borders href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1" - > + aria-controls="content1"> Code Example
Additional Border Utilities href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content2" - > + aria-controls="content2"> Code Example
Breadcrumb href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1" - > + aria-controls="content1"> Code Example
Standard Buttons href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1" - > + aria-controls="content1"> Code Example
Outlined Buttons href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content2" - > + aria-controls="content2"> Code Example
Links as buttons href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content3" - > + aria-controls="content3"> Code Example
Button sizes href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content4" - > + aria-controls="content4"> Code Example
href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1" - > + aria-controls="content1"> Code Example
Side Image Card href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1a" - > + aria-controls="content1a"> Code Example
href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content2" - > + aria-controls="content2"> Code Example
href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content2" - > + aria-controls="content2"> Code Example
A title goes here href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content3" - > + aria-controls="content3"> Code Example
A title goes here href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content4" - > + aria-controls="content4"> Code Example
A title goes here href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content5" - > + aria-controls="content5"> Code Example
href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1" - > + aria-controls="content1"> Code Example
Cookie consent href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1" - > + aria-controls="content1"> Code Example
Pop Up Sale href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1" - > + aria-controls="content1"> Code Example
Dropdown Menu href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1" - > + aria-controls="content1"> Code Example
But wait, there's more.. href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1" - > + aria-controls="content1"> Code Example
Website Footer href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1" - > + aria-controls="content1"> Code Example
Form Elements href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1" - > + aria-controls="content1"> Code Example
Header href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1" - > + aria-controls="content1"> Code Example
zenIcons Essentials href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1" - > Code Example diff --git a/docs/examples/image-carousel.html b/docs/examples/image-carousel.html index 4bc088cd..34b081ac 100644 --- a/docs/examples/image-carousel.html +++ b/docs/examples/image-carousel.html @@ -113,8 +113,7 @@

Image Carousel

href="" class="title accordion-toggle" aria-expanded="true" - aria-controls="content1" - > + aria-controls="content1"> Code Example
Image Gallery href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1" - > + aria-controls="content1"> Code Example
Another section href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1" - > + aria-controls="content1"> Code Example
Another section href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content2" - > + aria-controls="content2"> Code Example
Text/Image Block href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content3" - > + aria-controls="content3"> Code Example
Text With a 16/9 Image href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content4" - > + aria-controls="content4"> Code Example
href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content5" - > + aria-controls="content5"> Code Example
href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content6" - > + aria-controls="content6"> Code Example
href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content7" - > + aria-controls="content7"> Code Example
Icon Containers href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1" - > + aria-controls="content1"> Code Example
What you do - + new @@ -126,35 +123,64 @@

Full Width + Background image

- Eos tenetur corrupti, minima doloribus quam - eveniet libero. + Eos tenetur corrupti, minima doloribus quam eveniet libero.

- Lorem Ipsum + Lorem Ipsum

+ + + + + +
+ + +
+
+
+
+ + + - - + new

Standard Width Version

-

- Eos tenetur corrupti, minima doloribus quam eveniet - libero. -

+

Eos tenetur corrupti, minima doloribus quam eveniet libero.

@@ -170,8 +196,7 @@

Standard Width Version

href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content3" - > + aria-controls="content3"> Code Example
Standard Width Version class="expanded-content p-0" aria-hidden="true">
<z-container class="theme-cta card hero-section m-0"> <!-- optional: use container-fluid for full width -->
-    <img src="../../docs/images/website/gradient.jpg" class="bg-img">  <!-- optional: use a background image -->
-    <z-row>
-        <z-col>       
-            <div class="center">
-                <h2 class="h1 headline">Background Image Version</h2>
-                <p class="lead">Eos tenetur corrupti, minima doloribus quam eveniet libero.</p>
-            </div>
-        </z-col>
-    </z-row>
+                                    class="copy-text square"><z-container class="center-flex">
+  <z-row>
+    <z-col class="theme-cta hero-section card center">
+      <img src="../../docs/images/website/gradient.jpg" class="bg-img" alt="" /> 
+      <span class="label center-me">new</span>
+      <h2 class="h1 headline">Standard Width Version</h2>
+      <p class="lead">Eos tenetur corrupti, minima doloribus quam eveniet libero.</p>
+      <p>
+        <button>Get Started</button>
+      </p>
+    </z-col>
+  </z-row>
 </z-container>
diff --git a/docs/examples/labels.html b/docs/examples/labels.html index 8ac508d9..96b0918e 100644 --- a/docs/examples/labels.html +++ b/docs/examples/labels.html @@ -115,22 +115,18 @@

Icon Labels

-  Member Price -  ERROR -  WARNING -  SUCCESS @@ -213,8 +209,7 @@

Nested Labels

href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content4" - > + aria-controls="content4"> Code Example
Corner Labels
BETA V1V1
@@ -265,8 +259,7 @@

Corner Labels

href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content5" - > + aria-controls="content5"> Code Example
Top Center Labels
- SAVE $235 + SAVE $235
@@ -317,8 +309,7 @@

Top Center Labels

href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content5" - > + aria-controls="content5"> Code Example
Large Hero + 4 across href="#" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1" - > + aria-controls="content1"> Code Example
href="#" class="title accordion-toggle" aria-expanded="false" - aria-controls="content2" - > + aria-controls="content2"> Code Example
href="#" class="title accordion-toggle" aria-expanded="false" - aria-controls="content3" - > + aria-controls="content3"> Code Example
Featured Columns href="#" class="title accordion-toggle" aria-expanded="false" - aria-controls="content5" - > + aria-controls="content5"> Code Example
Double Wide Columns href="#" class="title accordion-toggle" aria-expanded="false" - aria-controls="content4" - > + aria-controls="content4"> Code Example
Double Wide Columns href="#" class="title accordion-toggle" aria-expanded="false" - aria-controls="content3" - > + aria-controls="content3"> Code Example
Animated Link @@ -112,8 +111,7 @@

Animated Link

@@ -127,8 +125,7 @@

Animated Link

href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content2" - > + aria-controls="content2"> Code Example
Bottom of card Link @@ -171,8 +167,7 @@

Bottom of card Link

href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content3" - > + aria-controls="content3"> Code Example
Links
Lorem ipsum dolorLorem ipsum dolor Suscipit, eaque ab fugitSuscipit, eaque ab fugit Uam praesentium velit ad aliasUam praesentium velit ad alias
@@ -345,8 +342,7 @@

Contextual Example

href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content7" - > + aria-controls="content7"> Code Example
Logo Bar href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1" - > + aria-controls="content1"> Code Example
Expanded Menu href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1" - > + aria-controls="content1"> Code Example
Small Menu href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content2" - > + aria-controls="content2"> Code Example
This is the title href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1" - > + aria-controls="content1"> Code Example
Contact Form href="#" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1" - > + aria-controls="content1"> Code Example
Standard href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1" - > + aria-controls="content1"> Code Example
Tabbed href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content2" - > + aria-controls="content2"> Code Example
Themed
← Prev 1 - 22 3 Next → @@ -197,8 +194,7 @@

Themed

href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content3" - > + aria-controls="content3"> Code Example
Spinner href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1" - > + aria-controls="content1"> Code Example
Progress Bar href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content2" - > + aria-controls="content2"> Code Example
Lazy Load href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content4" - > + aria-controls="content4"> Code Example
Pricing for every budget

Bronze

The essential items for your business.

- $27$27/month

- 5 Widgets

- + Up to 1,000 subscribers

- + Basic support

- + 72-hour response time

- Get BronzeGet Bronze

@@ -269,37 +263,31 @@

Pricing for every budget

Gold

Priority support for your growing business.

- $47$47/month

- + 12 Widgets

- + Up to 10,000 subscribers

- + Premium support

- + 48-hour response time

- Get GoldGet Gold

@@ -308,37 +296,31 @@

Pricing for every budget

Enterprise

Premium support for your growing business.

- $97$97/month

- + Unlimited Widgets

- + Unlimited subscribers

- + White-glove support

- + 24-hour response time

- Get EnterpriseGet Enterprise

@@ -353,8 +335,7 @@

Pricing for every budget

href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content2" - >Code + aria-controls="content2">Code Example
Pricing for every budget

Bronze

The essential items for your business.

- $27$27/month

- 5 Widgets

- Up to 1,000 subscribers

- Basic support

- 72-hour response time

- Get BronzeGet Bronze

Gold - Most PopularMost Popular

Priority support for your growing business.

- $47$47/month

- 12 Widgets

- Up to 10,000 subscribers

- Premium support

- 48-hour response time

- Get GoldGet Gold

@@ -490,37 +458,31 @@

Pricing for every budget

Enterprise

Premium support for your growing business.

- $97$97/month

- Unlimited Widgets

- Unlimited subscribers

- White-glove support

- 24-hour response time

- Get EnterpriseGet Enterprise

@@ -535,8 +497,7 @@

Pricing for every budget

href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content3" - > + aria-controls="content3"> Code Example
Product Grids - - + + alt=""/> - NEW ARRIVALS: @@ -87,11 +82,9 @@

Product Grids

>
- + alt=""/>
@@ -105,8 +98,7 @@

Product Grids

href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content2" - > + aria-controls="content2"> Code Example
Product Grids
- BACK IN STOCKBACK IN STOCK

Text + Product Row

@@ -258,8 +249,7 @@

Text + Product Row

href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1" - > + aria-controls="content1"> Code Example
Icon + link promo href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1" - > + aria-controls="content1"> Code Example
Quiz href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1" - > + aria-controls="content1"> Code Example
Responsive HTML Tables href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1" - > + aria-controls="content1"> Code Example
Responsive HTML Tables href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content2" - > + aria-controls="content2"> Code Example
Responsive HTML Tables href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content3" - > + aria-controls="content3"> Code Example
Responsive HTML Tables href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content4" - > + aria-controls="content4"> Code Example
Shadows href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1" - > + aria-controls="content1"> Code Example
Content area + Left Sidebar href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1" - > + aria-controls="content1"> Code Example
Content Area + Right Sidebar href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content2" - > + aria-controls="content2"> Code Example
Content + Left/Right Sidebars href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content3" - > + aria-controls="content3"> Code Example
href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1" - > + aria-controls="content1"> Code Example
href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content2" - > + aria-controls="content2"> Code Example
Tabbed interface href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1" - > + aria-controls="content1"> Code Example
Round/Thin href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1" - > + aria-controls="content1"> Code Example
Thin href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content2" - > + aria-controls="content2"> Code Example
Square href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content3" - > + aria-controls="content3"> Code Example
Round href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content4" - > + aria-controls="content4"> Code Example
Themed

Use any of our themes

item 1 - item 2item 2 item 3 item 4 @@ -243,8 +238,7 @@

Themed

href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content5" - > + aria-controls="content5"> Code Example
Pills href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content6" - > + aria-controls="content6"> Code Example
Themed Pills href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content7" - > + aria-controls="content7"> Code Example
Themed Pills

Themed Pills 2

- item 1item 1 - item 2item 2 - item 3item 3 - item 4item 4
@@ -371,8 +359,7 @@

Themed Pills 2

href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content8" - > + aria-controls="content8"> Code Example
A real game changer href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1" - > + aria-controls="content1"> Code Example
A real game changer href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content2" - > + aria-controls="content2"> Code Example
Text/Carousel href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1" - > + aria-controls="content1"> Code Example
Text/Carousel href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content2" - > + aria-controls="content2"> Code Example
href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1" - > + aria-controls="content1"> Code Example
Responsibility href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content2" - > + aria-controls="content2"> Code Example
theme-accent href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1" - > + aria-controls="content1"> Code Example
Tooltips Tooltip on a text linktext link

@@ -88,8 +87,7 @@

Tooltips

href="" class="title accordion-toggle w-200" aria-expanded="false" - aria-controls="content1" - > + aria-controls="content1"> Code Example
Responsive Video Player href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1" - > + aria-controls="content1"> Code Example
Responsive Video Player href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content2" - > + aria-controls="content2"> Code Example
Instant Price Calculator href="" class="title accordion-toggle" aria-expanded="false" - aria-controls="content1" - > + aria-controls="content1"> Code Example
Write code quicker... </z-container>

- newnew Get a head start with our Zentax user snippetZentax user snippet for VSCode. Once installed, Just type "zcon" followed by tab to instantly write the above example diff --git a/docs/help-desk/features.html b/docs/help-desk/features.html index 64462516..2f6613f4 100644 --- a/docs/help-desk/features.html +++ b/docs/help-desk/features.html @@ -73,8 +73,7 @@

Smart-Align Framework

CSS organization method.

- View NowView Now
@@ -96,8 +95,7 @@

Smart-Text System

popular layout.

- View NowView Now
@@ -110,8 +108,7 @@

Themes & Modes

to a complete landing page in zenCSS.

- View ThemesView Themes
@@ -123,8 +120,7 @@

ZEN Ideology

web development.

- View IdeologyView Ideology
@@ -136,8 +132,7 @@

Intro to zentax

web development.

- View ZentaxView Zentax
@@ -149,8 +144,7 @@

Browser Support

browsers and versions.

- View NowView Now
@@ -162,8 +156,7 @@

Breakpoints

zenCSS.

- View NowView Now
diff --git a/docs/help-desk/index.html b/docs/help-desk/index.html index 2fa4bb6a..6319004f 100644 --- a/docs/help-desk/index.html +++ b/docs/help-desk/index.html @@ -69,8 +69,7 @@

How to install zenCSS

Integrate zenCSS into your workflow in minutes with our simple setup

- Get Started Get Started
@@ -83,8 +82,7 @@

Basic Overview

New to zenCSS? Start here. Learn the core concepts and how to get started.

- Learn More Learn More
diff --git a/docs/help-desk/installation-source.html b/docs/help-desk/installation-source.html index 471e7b9d..2041d1ad 100644 --- a/docs/help-desk/installation-source.html +++ b/docs/help-desk/installation-source.html @@ -55,9 +55,12 @@

Prerequisites

-

- To work with these files, you will need the + This guide will help you set up the ZenCSS project + environment on your system. +

+

+ To work with these files, we will setup the following tools:

    @@ -77,36 +80,30 @@

    Prerequisites

    below to dive in.

    -

    - This guide will help you set up the ZenCSS project - environment on your system. -

    -

    1. Clone the Repository

    Clone the ZenCSS repository from GitHub:

    -
    git clone https://github.com/zen-solutions/zencss.git
    +
    git clone https://github.com/zen-solutions/zencss.git

    Navigate into the cloned directory:

    -
    cd zencss
    +
    cd zencss

    2. Install Node.js

    Ensure Node.js (version 12.0.0 or higher) is installed on your system. Download and install from - Node.js official websiteNode.js official website.

    3. Install Dependencies

    Install all necessary dependencies by running:

    -
    npm install
    +
    npm install

    4. Compile SCSS to CSS

    Compile SCSS files to CSS using the build-css script:

    -
    npm run build-css
    +
    npm run build-css

    This compiles zen.scss into zen.css and zen.min.css, @@ -117,7 +114,7 @@

    4. Compile SCSS to CSS

    5. JavaScript Compilation with Webpack

    Compile JS modules using Webpack:

    Run the script with:

    -
    npm run build-js
    +
    npm run build-js

    This compiles zencss.js and zencss.min.js and map files. @@ -127,7 +124,7 @@

    6. Using Prettier for Code Formatting

    To ensure consistent code formatting, use Prettier:

    -
    npx prettier --write .
    +
    npx prettier --write .

    This command formats your code according to the project's Prettier settings. @@ -136,8 +133,7 @@

    6. Using Prettier for Code Formatting

    7. Development and Contributions

    For development, refer to the - README.md and documentation in the - docs folder. Contributions can be made + README.md and the Contribution Guidelines. Contributions can be made via pull requests to the GitHub repository, adhering to the contribution guidelines.

    @@ -305,6 +301,25 @@

    Customizing zenCSS

    +

    Configure webpack.config.js

    +

    When configuring your webpack.config.js, you may consider seting up separate entry points for the zenCSS core modules and your custom modules.

    +

    This approach would allow you to keep the original source intact and manage your custom scripts separately. Here's an example configuration:

    +
    
    +const path = require('path');
    +
    +module.exports = {
    +entry: {
    +zenCore: ['./js/modules/core-module1.js', './js/modules/core-module2.js'], // Core zenCSS modules
    +custom: ['./js/custom/custom-module1.js', './js/custom/custom-module2.js'] // Your custom modules
    +},
    +output: {
    +filename: 'zencss.bundle.js', // This will create separate bundles for core and custom modules
    +path: path.resolve(__dirname, 'dist/'),
    +},
    +mode: 'development' // Change to 'production' for minified output
    +}
    + +

    By following these steps, you can tailor the framework to meet your specific @@ -324,8 +339,7 @@

    Community

    Follow - @tryzencss@tryzencss on Twitter for the latest updates.

    diff --git a/docs/help-desk/installation.html b/docs/help-desk/installation.html index 6038acec..c4ab0221 100644 --- a/docs/help-desk/installation.html +++ b/docs/help-desk/installation.html @@ -59,7 +59,7 @@

    Installation

    Download zenCSS

    - Get the latest 2.0.0-Beta pre-release + Get the latest 2.0.1-beta pre-release here.

    Download zenCSS

> + + + Click here to skip to the advanced setup if you'd prefer to work with our SASS/JS modules. + +
@@ -310,8 +315,7 @@

Working with our SCSS/JS modules

Go to Advanced SetupGo to Advanced Setup @@ -325,8 +329,7 @@

Community

Follow - @tryzencss@tryzencss on Twitter for the latest updates.

diff --git a/docs/help-desk/site-parts-page-2.html b/docs/help-desk/site-parts-page-2.html index b2061c1e..4a4fb03b 100644 --- a/docs/help-desk/site-parts-page-2.html +++ b/docs/help-desk/site-parts-page-2.html @@ -188,8 +188,7 @@
Modal
1 2 3 - »»
diff --git a/docs/help-desk/site-parts-page-3.html b/docs/help-desk/site-parts-page-3.html index c2a9f293..5aafca58 100644 --- a/docs/help-desk/site-parts-page-3.html +++ b/docs/help-desk/site-parts-page-3.html @@ -207,8 +207,7 @@
Wizard/Multi-Step UI
- «« 1 2 diff --git a/docs/help-desk/site-parts.html b/docs/help-desk/site-parts.html index e5f877c6..106316c1 100644 --- a/docs/help-desk/site-parts.html +++ b/docs/help-desk/site-parts.html @@ -213,8 +213,7 @@

Form - Sign in/opt In

1 2 3 - »»
diff --git a/docs/help-desk/utilities.html b/docs/help-desk/utilities.html index 149bbfdb..f481ca8d 100644 --- a/docs/help-desk/utilities.html +++ b/docs/help-desk/utilities.html @@ -23,11 +23,9 @@
diff --git a/docs/release-notes/release-info.html b/docs/release-notes/release-info.html index 116fb1dc..3d39eb3d 100644 --- a/docs/release-notes/release-info.html +++ b/docs/release-notes/release-info.html @@ -51,6 +51,18 @@

zenCSS Software Releases

+ + + 12/31/2023 + + + 2.0.1-Beta + + + Github Link + + + 12/31/2023 @@ -59,10 +71,7 @@

zenCSS Software Releases

2.0.0-Beta - https://github.com/zen-solutions/zencss + Github Link @@ -106,6 +115,16 @@

zenCSS Software Releases

+ + +

Version 2.0.1-beta

+

🐛 Fix prettier errors

+

🐛 Fix image text link in site sections

+

🐛 Fix logo bar/prettier update

+

📖 Add contribution page

+

🪠 Increment version number

+
+

Version 2.0.0-beta

diff --git a/index.html b/index.html index 3ec8feb3..9bd601f8 100644 --- a/index.html +++ b/index.html @@ -40,21 +40,16 @@