From 8ca218f82e5fcc00f4a2ab0d388d17a9999d6c93 Mon Sep 17 00:00:00 2001 From: axzilla Date: Sun, 13 Oct 2024 20:41:18 +0200 Subject: [PATCH] changes: fix some typos and url name issues, cleaner UI on getting started sections --- README.md | 10 +++++----- assets/css/output.css | 12 ------------ .../ui/pages/{howto.templ => how_to_use.templ} | 7 +++++-- internals/ui/pages/introduction.templ | 14 ++++++++------ pkg/styles/goilerplate.css | 12 ------------ 5 files changed, 18 insertions(+), 37 deletions(-) rename internals/ui/pages/{howto.templ => how_to_use.templ} (95%) diff --git a/README.md b/README.md index 6982ec0..73e6fdb 100644 --- a/README.md +++ b/README.md @@ -45,13 +45,13 @@ There are two main ways to use Goilerplate in your projects: You can also mix and match these approaches based on your project needs. -For a quick start, check out our [Goilerplate Quickstart](https://github.com/axzilla/goilerplate-quickstart) template, which provides a pre-configured setup using Goilerplate as a package library. +For a quick start, check out our [Goilerplate quickstart](https://github.com/axzilla/goilerplate-quickstart) template, which provides a pre-configured setup using Goilerplate as a package library. -For detailed setup instructions and examples, visit our [Getting Started guide](https://goilerplate.com/docs/getting-started). +For detailed setup instructions and examples, visit our [how to use guide](https://goilerplate.com/docs/how-to-use). ## Components -Explore our growing list of components in the [Components documentation](https://goilerplate.com/docs/components). Each component comes with usage examples and code snippets. +Explore our growing list of components in the [components documentation](https://goilerplate.com/docs/components). Each component comes with usage examples and code snippets. ## Inspiration @@ -72,11 +72,11 @@ We're exploring whether to make Goilerplate a strict port of shadcn/ui or to cre ## Changelog -See [Releases](https://github.com/axzilla/goilerplate/releases) for a detailed list of changes in each version. +See [releases](https://github.com/axzilla/goilerplate/releases) for a detailed list of changes in each version. ## Contributing -We welcome contributions from the community! Whether it's adding new components, improving existing ones, or enhancing documentation, your input is valuable. Please check our [Contributing Guidelines](CONTRIBUTING.md) for more information on how to get involved. +We welcome contributions from the community! Whether it's adding new components, improving existing ones, or enhancing documentation, your input is valuable. Please check our [contributing guidelines](CONTRIBUTING.md) for more information on how to get involved. ## Feedback diff --git a/assets/css/output.css b/assets/css/output.css index 8b21460..5281beb 100644 --- a/assets/css/output.css +++ b/assets/css/output.css @@ -666,10 +666,6 @@ body { bottom: 1rem; } -.bottom-auto { - bottom: auto; -} - .bottom-full { bottom: 100%; } @@ -939,10 +935,6 @@ body { width: 2rem; } -.w-\[17rem\] { - width: 17rem; -} - .w-\[350px\] { width: 350px; } @@ -959,10 +951,6 @@ body { max-width: 80rem; } -.max-w-lg { - max-width: 32rem; -} - .max-w-md { max-width: 28rem; } diff --git a/internals/ui/pages/howto.templ b/internals/ui/pages/how_to_use.templ similarity index 95% rename from internals/ui/pages/howto.templ rename to internals/ui/pages/how_to_use.templ index b3a8b9a..8cd4fe5 100644 --- a/internals/ui/pages/howto.templ +++ b/internals/ui/pages/how_to_use.templ @@ -4,8 +4,11 @@ import "github.com/axzilla/goilerplate/internals/ui/layouts" templ HowToUse() { @layouts.DocsLayout() { -
-

Getting Started with Goilerplate

+
+
+

How To Use

+

Learn how to integrate Goilerplate into your projects.

+

Two Ways to Use Goilerplate

diff --git a/internals/ui/pages/introduction.templ b/internals/ui/pages/introduction.templ index 82ebe4a..3681995 100644 --- a/internals/ui/pages/introduction.templ +++ b/internals/ui/pages/introduction.templ @@ -4,14 +4,16 @@ import "github.com/axzilla/goilerplate/internals/ui/layouts" templ Introduction() { @layouts.DocsLayout() { -

-

🎉 Goilerplate

-

Modern UI Components for Go & Templ

-

- Build sleek, interactive web applications with Go and Templ. Seamlessly integrate Alpine.js for enhanced client-side functionality and style effortlessly with Tailwind CSS. Where server-side simplicity meets client-side dynamism. -

+
+
+

🎉 Goilerplate

+

Modern UI Components for Go & Templ.

+

What's this madness?

+

+ Build sleek, interactive web applications with Go and Templ. Seamlessly integrate Alpine.js for enhanced client-side functionality and style effortlessly with Tailwind CSS. Where server-side simplicity meets client-side dynamism. +

Goilerplate is a wild experiment in bringing the joy of modern UI components to the Go ecosystem. It's like a box of LEGO, but for web dev. And yes, we might have had too much coffee while coding this.

diff --git a/pkg/styles/goilerplate.css b/pkg/styles/goilerplate.css index c5807b1..7c36840 100644 --- a/pkg/styles/goilerplate.css +++ b/pkg/styles/goilerplate.css @@ -658,10 +658,6 @@ body { bottom: 0px; } -.bottom-auto { - bottom: auto; -} - .bottom-full { bottom: 100%; } @@ -863,18 +859,10 @@ body { width: 2rem; } -.w-\[17rem\] { - width: 17rem; -} - .w-full { width: 100%; } -.max-w-lg { - max-width: 32rem; -} - .max-w-md { max-width: 28rem; }