From 540f0b9bd08d1aea600598c531ba4825fad8be7c Mon Sep 17 00:00:00 2001 From: Caen De Silva Date: Fri, 2 Feb 2024 20:44:43 +0100 Subject: [PATCH 1/9] Update newsletter-signup-example.blade.php --- .../docs/_pages/examples/newsletter-signup-example.blade.php | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/ui-kit/docs/_pages/examples/newsletter-signup-example.blade.php b/packages/ui-kit/docs/_pages/examples/newsletter-signup-example.blade.php index ee7836594a3..e7294dbd878 100644 --- a/packages/ui-kit/docs/_pages/examples/newsletter-signup-example.blade.php +++ b/packages/ui-kit/docs/_pages/examples/newsletter-signup-example.blade.php @@ -1,5 +1,5 @@ - + Let your creativity flow! @@ -14,7 +14,7 @@ - + From b79b7eee4adeee8296dcb3d3180e4cff2952f1af Mon Sep 17 00:00:00 2001 From: Caen De Silva Date: Fri, 2 Feb 2024 20:52:08 +0100 Subject: [PATCH 2/9] Update newsletter-signup-example.blade.php --- .../newsletter-signup-example.blade.php | 75 +++++++++++++------ 1 file changed, 52 insertions(+), 23 deletions(-) diff --git a/packages/ui-kit/docs/_pages/examples/newsletter-signup-example.blade.php b/packages/ui-kit/docs/_pages/examples/newsletter-signup-example.blade.php index e7294dbd878..8a7a88e688d 100644 --- a/packages/ui-kit/docs/_pages/examples/newsletter-signup-example.blade.php +++ b/packages/ui-kit/docs/_pages/examples/newsletter-signup-example.blade.php @@ -1,25 +1,54 @@ - - - Let your creativity flow! - - - - - - The UI kit is minimal by design. It's up to **you** to create something _amazing_. - - Maybe create a form to collect newsletter subscriptions? - - - - - - - - - Subscribe - - - +
+
+ + + Let your creativity flow! + + + + + + The UI kit is minimal by design. It's up to **you** to create something _amazing_. + + Maybe create a form to collect newsletter subscriptions? + + + + + + + + + Subscribe + + + +
+
+ + + Let your creativity flow! + + + + + + The UI kit is minimal by design. It's up to **you** to create something _amazing_. + + Maybe create a form to collect newsletter subscriptions? + + + + + + + + + Subscribe + + + +
+
From 1257e3088f32c58698e6bd1e03861cf626d17a6d Mon Sep 17 00:00:00 2001 From: Caen De Silva Date: Fri, 2 Feb 2024 20:55:26 +0100 Subject: [PATCH 3/9] Update newsletter-signup-example.blade.php --- .../newsletter-signup-example.blade.php | 117 ++++++++++-------- 1 file changed, 64 insertions(+), 53 deletions(-) diff --git a/packages/ui-kit/docs/_pages/examples/newsletter-signup-example.blade.php b/packages/ui-kit/docs/_pages/examples/newsletter-signup-example.blade.php index 8a7a88e688d..79ec8376d58 100644 --- a/packages/ui-kit/docs/_pages/examples/newsletter-signup-example.blade.php +++ b/packages/ui-kit/docs/_pages/examples/newsletter-signup-example.blade.php @@ -1,54 +1,65 @@ - -
-
- - - Let your creativity flow! - - - - - - The UI kit is minimal by design. It's up to **you** to create something _amazing_. - - Maybe create a form to collect newsletter subscriptions? - - - - - - - - - Subscribe - - - + + + + + + {{ $page->title() }} + @include('hyde::layouts.styles') + + +
+
+
+ + + Let your creativity flow! + + + + + + The UI kit is minimal by design. It's up to **you** to create something _amazing_. + + Maybe create a form to collect newsletter subscriptions? + + + + + + + + + Subscribe + + + +
+
+ + + Let your creativity flow! + + + + + + The UI kit is minimal by design. It's up to **you** to create something _amazing_. + + Maybe create a form to collect newsletter subscriptions? + + + + + + + + + Subscribe + + + +
-
- - - Let your creativity flow! - - - - - - The UI kit is minimal by design. It's up to **you** to create something _amazing_. - - Maybe create a form to collect newsletter subscriptions? - - - - - - - - - Subscribe - - - -
-
- + + + From c2aced97cedbc7a4894e35c435261d702835dd84 Mon Sep 17 00:00:00 2001 From: Caen De Silva Date: Fri, 2 Feb 2024 20:56:35 +0100 Subject: [PATCH 4/9] Revert "Update newsletter-signup-example.blade.php" This reverts commit 1257e3088f32c58698e6bd1e03861cf626d17a6d. --- .../newsletter-signup-example.blade.php | 117 ++++++++---------- 1 file changed, 53 insertions(+), 64 deletions(-) diff --git a/packages/ui-kit/docs/_pages/examples/newsletter-signup-example.blade.php b/packages/ui-kit/docs/_pages/examples/newsletter-signup-example.blade.php index 79ec8376d58..8a7a88e688d 100644 --- a/packages/ui-kit/docs/_pages/examples/newsletter-signup-example.blade.php +++ b/packages/ui-kit/docs/_pages/examples/newsletter-signup-example.blade.php @@ -1,65 +1,54 @@ - - - - - - {{ $page->title() }} - @include('hyde::layouts.styles') - - -
-
-
- - - Let your creativity flow! - - - - - - The UI kit is minimal by design. It's up to **you** to create something _amazing_. - - Maybe create a form to collect newsletter subscriptions? - - - - - - - - - Subscribe - - - -
-
- - - Let your creativity flow! - - - - - - The UI kit is minimal by design. It's up to **you** to create something _amazing_. - - Maybe create a form to collect newsletter subscriptions? - - - - - - - - - Subscribe - - - -
+ +
+
+ + + Let your creativity flow! + + + + + + The UI kit is minimal by design. It's up to **you** to create something _amazing_. + + Maybe create a form to collect newsletter subscriptions? + + + + + + + + + Subscribe + + +
-
- - +
+ + + Let your creativity flow! + + + + + + The UI kit is minimal by design. It's up to **you** to create something _amazing_. + + Maybe create a form to collect newsletter subscriptions? + + + + + + + + + Subscribe + + + +
+
+ From b2408ab077c536af1d59a6eda577544113d4a635 Mon Sep 17 00:00:00 2001 From: Caen De Silva Date: Fri, 2 Feb 2024 20:56:38 +0100 Subject: [PATCH 5/9] Revert "Update newsletter-signup-example.blade.php" This reverts commit b79b7eee4adeee8296dcb3d3180e4cff2952f1af. --- .../newsletter-signup-example.blade.php | 75 ++++++------------- 1 file changed, 23 insertions(+), 52 deletions(-) diff --git a/packages/ui-kit/docs/_pages/examples/newsletter-signup-example.blade.php b/packages/ui-kit/docs/_pages/examples/newsletter-signup-example.blade.php index 8a7a88e688d..e7294dbd878 100644 --- a/packages/ui-kit/docs/_pages/examples/newsletter-signup-example.blade.php +++ b/packages/ui-kit/docs/_pages/examples/newsletter-signup-example.blade.php @@ -1,54 +1,25 @@ -
-
- - - Let your creativity flow! - - - - - - The UI kit is minimal by design. It's up to **you** to create something _amazing_. - - Maybe create a form to collect newsletter subscriptions? - - - - - - - - - Subscribe - - - -
-
- - - Let your creativity flow! - - - - - - The UI kit is minimal by design. It's up to **you** to create something _amazing_. - - Maybe create a form to collect newsletter subscriptions? - - - - - - - - - Subscribe - - - -
-
+ + + Let your creativity flow! + + + + + + The UI kit is minimal by design. It's up to **you** to create something _amazing_. + + Maybe create a form to collect newsletter subscriptions? + + + + + + + + + Subscribe + + + From 8d33f279b84faad20f209500e3f35f718c2284e1 Mon Sep 17 00:00:00 2001 From: Caen De Silva Date: Fri, 2 Feb 2024 20:57:49 +0100 Subject: [PATCH 6/9] Revert "Create newsletter-signup-example.blade.php" This reverts commit 313ade1e2f4ba45196cf56174f40e4e3863542ac. --- .../newsletter-signup-example.blade.php | 25 ------------------- 1 file changed, 25 deletions(-) delete mode 100644 packages/ui-kit/docs/_pages/examples/newsletter-signup-example.blade.php diff --git a/packages/ui-kit/docs/_pages/examples/newsletter-signup-example.blade.php b/packages/ui-kit/docs/_pages/examples/newsletter-signup-example.blade.php deleted file mode 100644 index e7294dbd878..00000000000 --- a/packages/ui-kit/docs/_pages/examples/newsletter-signup-example.blade.php +++ /dev/null @@ -1,25 +0,0 @@ - - - - Let your creativity flow! - - - - - - The UI kit is minimal by design. It's up to **you** to create something _amazing_. - - Maybe create a form to collect newsletter subscriptions? - - - - - - - - - Subscribe - - - - From 5037ca41c85736a7ec0e901372ddf81e820fa89a Mon Sep 17 00:00:00 2001 From: Caen De Silva Date: Fri, 2 Feb 2024 21:15:02 +0100 Subject: [PATCH 7/9] Update documentation.md --- packages/ui-kit/docs/documentation.md | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/packages/ui-kit/docs/documentation.md b/packages/ui-kit/docs/documentation.md index 373e1449637..c537bf64799 100644 --- a/packages/ui-kit/docs/documentation.md +++ b/packages/ui-kit/docs/documentation.md @@ -8,14 +8,19 @@ The HydePHP UI Kit is a collection of minimalistic and un-opinionated TailwindCS indented to be used with HydePHP. Note that these components may require CSS classes not present in the bundled app.css file and that you may need to recompile the CSS file using the included Laravel Mix configuration. -## Preface +## Screenshot -Please make sure you're familiar with [Laravel Blade](https://laravel.com/docs/blade) before using the HydePHP UI Kit. +Here are some of the components you can use to build your next project! As you can see, all components support both light and dark mode out of the box, just like the rest of HydePHP. + +![Components Screenshot](https://raw.githubusercontent.com/hydephp/ui-kit/art/header-large.png) ->info Tip: Most components allow you to pass any additional HTML attributes to the element! ## Components +Please make sure you're familiar with [Laravel Blade](https://laravel.com/docs/blade) before using the HydePHP UI Kit. + +>info Tip: Most components allow you to pass any additional HTML attributes to the element! + ### Buttons #### Primary From 3a26a8a0a6775202f35864f983dd0595000786cc Mon Sep 17 00:00:00 2001 From: Caen De Silva Date: Fri, 2 Feb 2024 21:17:50 +0100 Subject: [PATCH 8/9] Update documentation.md --- packages/ui-kit/docs/documentation.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/ui-kit/docs/documentation.md b/packages/ui-kit/docs/documentation.md index c537bf64799..5a116454423 100644 --- a/packages/ui-kit/docs/documentation.md +++ b/packages/ui-kit/docs/documentation.md @@ -12,7 +12,7 @@ file and that you may need to recompile the CSS file using the included Laravel Here are some of the components you can use to build your next project! As you can see, all components support both light and dark mode out of the box, just like the rest of HydePHP. -![Components Screenshot](https://raw.githubusercontent.com/hydephp/ui-kit/art/header-large.png) +![Components Screenshot](https://raw.githubusercontent.com/hydephp/ui-kit/art/header-large-min.png) ## Components @@ -161,3 +161,5 @@ You can get surprisingly far when you combine the components. Take this newslett ``` + +![Newsletter Screenshot](https://raw.githubusercontent.com/hydephp/ui-kit/art/newsletter-signup-example-min.png) From 4e3e70e5d69dbb02b886fbae01129f98bf04c67b Mon Sep 17 00:00:00 2001 From: Caen De Silva Date: Fri, 2 Feb 2024 21:19:06 +0100 Subject: [PATCH 9/9] Formatting --- packages/ui-kit/docs/documentation.md | 1 - 1 file changed, 1 deletion(-) diff --git a/packages/ui-kit/docs/documentation.md b/packages/ui-kit/docs/documentation.md index 5a116454423..2cb46e0d833 100644 --- a/packages/ui-kit/docs/documentation.md +++ b/packages/ui-kit/docs/documentation.md @@ -14,7 +14,6 @@ Here are some of the components you can use to build your next project! As you c ![Components Screenshot](https://raw.githubusercontent.com/hydephp/ui-kit/art/header-large-min.png) - ## Components Please make sure you're familiar with [Laravel Blade](https://laravel.com/docs/blade) before using the HydePHP UI Kit.