update landing page
This commit is contained in:
parent
2c4762142e
commit
86e293498f
3 changed files with 28 additions and 14 deletions
|
|
@ -1,6 +1,3 @@
|
||||||
> [!WARNING]
|
|
||||||
> htmgo is in alpha release and active development. API's may have breaking changes between versions. Please report any issues on GitHub.
|
|
||||||
|
|
||||||
## **htmgo**
|
## **htmgo**
|
||||||
|
|
||||||
### build simple and scalable systems with go + htmx
|
### build simple and scalable systems with go + htmx
|
||||||
|
|
@ -34,8 +31,7 @@ func IndexPage(ctx *h.RequestContext) *h.Page {
|
||||||
2. live reload (rebuilds css, go, ent schema, and routes upon change)
|
2. live reload (rebuilds css, go, ent schema, and routes upon change)
|
||||||
3. automatic page and partial registration based on file path
|
3. automatic page and partial registration based on file path
|
||||||
4. built in tailwindcss support, no need to configure anything by default
|
4. built in tailwindcss support, no need to configure anything by default
|
||||||
5. plugin architecture to include optional plugins to streamline development, such as http://entgo.io
|
5. custom [htmx extensions](https://github.com/maddalax/htmgo/tree/b610aefa36e648b98a13823a6f8d87566120cfcc/framework/assets/js/htmxextensions) to reduce boilerplate with common tasks
|
||||||
6. custom [htmx extensions](https://github.com/maddalax/htmgo/tree/b610aefa36e648b98a13823a6f8d87566120cfcc/framework/assets/js/htmxextensions) to reduce boilerplate with common tasks
|
|
||||||
|
|
||||||
**get started:**
|
**get started:**
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -22,5 +22,23 @@ func IndexPage(ctx *h.RequestContext) *h.Page {
|
||||||
2. live reload (rebuilds css, go, ent schema, and routes upon change)
|
2. live reload (rebuilds css, go, ent schema, and routes upon change)
|
||||||
3. automatic page and partial registration based on file path
|
3. automatic page and partial registration based on file path
|
||||||
4. built in tailwindcss support, no need to configure anything by default
|
4. built in tailwindcss support, no need to configure anything by default
|
||||||
5. plugin architecture to include optional plugins to streamline development, such as http://entgo.io
|
5. custom [htmx extensions](https://github.com/maddalax/htmgo/tree/master/framework/assets/js/htmxextensions) to reduce boilerplate with common tasks
|
||||||
6. custom [htmx extensions](https://github.com/maddalax/htmgo/tree/master/framework/assets/js/htmxextensions) to reduce boilerplate with common tasks
|
|
||||||
|
------
|
||||||
|
|
||||||
|
**what can be built with htmgo?**
|
||||||
|
|
||||||
|
Most web applications can be built with htmgo, including but not limited to:
|
||||||
|
|
||||||
|
- Traditional business CRUD applications
|
||||||
|
- blogs
|
||||||
|
- documentation sites
|
||||||
|
- consumer facing websites
|
||||||
|
- internal tools
|
||||||
|
- and more
|
||||||
|
|
||||||
|
<br>
|
||||||
|
|
||||||
|
For a more detailed overview of when you should use hypermedia to build web applications, see [when-to-use-hypermedia](https://htmx.org/essays/when-to-use-hypermedia/) from htmx.org.
|
||||||
|
|
||||||
|
Interested in some examples? Check out [examples](/examples).
|
||||||
|
|
|
||||||
|
|
@ -75,12 +75,12 @@ func Star(ctx *h.RequestContext) *h.Element {
|
||||||
}
|
}
|
||||||
|
|
||||||
func NavBar(ctx *h.RequestContext, props NavBarProps) *h.Element {
|
func NavBar(ctx *h.RequestContext, props NavBarProps) *h.Element {
|
||||||
prelease := h.If(props.ShowPreRelease, h.A(
|
//prelease := h.If(props.ShowPreRelease, h.A(
|
||||||
h.Class("bg-yellow-200 text-yellow-800 text-center p-2 flex items-center justify-center"),
|
// h.Class("bg-blue-200 text-blue-700 text-center p-2 flex items-center justify-center"),
|
||||||
h.Href("https://github.com/maddalax/htmgo/issues"),
|
// h.Href("https://github.com/maddalax/htmgo/issues"),
|
||||||
h.Attribute("target", "_blank"),
|
// h.Attribute("target", "_blank"),
|
||||||
h.Text("htmgo is in alpha release. Please report any issues on GitHub."),
|
// h.Text("htmgo."),
|
||||||
))
|
//))
|
||||||
|
|
||||||
desktopNav := h.Nav(
|
desktopNav := h.Nav(
|
||||||
h.Class("hidden sm:block bg-neutral-100 border border-b-slate-300 p-4 md:p-3 max-h-[100vh - 9rem] overflow-y-auto"),
|
h.Class("hidden sm:block bg-neutral-100 border border-b-slate-300 p-4 md:p-3 max-h-[100vh - 9rem] overflow-y-auto"),
|
||||||
|
|
@ -118,7 +118,7 @@ func NavBar(ctx *h.RequestContext, props NavBarProps) *h.Element {
|
||||||
|
|
||||||
return h.Div(
|
return h.Div(
|
||||||
h.Id("navbar"),
|
h.Id("navbar"),
|
||||||
prelease,
|
//prelease,
|
||||||
MobileNav(ctx, props.Expanded),
|
MobileNav(ctx, props.Expanded),
|
||||||
desktopNav,
|
desktopNav,
|
||||||
)
|
)
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue