Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

chore(examples): playground section homepage #1641

Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 11 additions & 0 deletions examples/gno.land/r/gnoland/home/home.gno
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,7 @@ func Render(_ string) string {
// body
dom.Body.Append(introSection()...)
dom.Body.Append(ui.Jumbotron(worxDAO()))
dom.Body.Append(playgroundSection()...)
dom.Body.Append(packageStaffPicks()...)
dom.Body.Append(ui.HR{})
dom.Body.Append(
Expand Down Expand Up @@ -143,6 +144,15 @@ func socialLinks() ui.Element {
}
}

func playgroundSection() ui.Element {
return ui.Element{
ui.H3("Gno Playground, a DevX tool to write and deploy smart contracts directly on Gno.land"),
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It's very long.

What about:

### Gno Playground

> a DevX tool to write and deploy smart contracts directly on Gno.land

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

cc @ccomben I tend to agree with @thehowl

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The title would be easier to read and the page less heavy, so more pleasant to scroll.

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@salmad3 any suggestions to make this title shorter?

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Maybe just "Create, deploy, and share smart contracts."

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@alexiscolin can we update it as "Build, Deploy, and Share Smart Contracts with Playground" and resolve this comment?

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Which is (visually) better in your opinion?

Build, Deploy, and Share Smart Contracts with Playground


or:

Gno Playground

Build, Deploy, and Share Smart Contracts


This is bikeshedding at this point, so I don't care whatever we do, but I'm personally of the opinion that a header should be to the point and not screw me around with productspeech. Especially since we don't have visual tools to put emphasis on "Playground" in the title.

Whichever is fine, though. So long as the line doesn't literally wrap around.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@alexiscolin can we update it as "Build, Deploy, and Share Smart Contracts with Playground" and resolve this comment?

ui.Paragraph("Gno Playground is a simple web interface that lets you run, test, and experiment with your Gno code to improve your understanding of the Gnolang language. You can share your code, run unit tests, deploy your realms and packages, and execute functions in your code using the repo."),
ui.Paragraph("Get inspired by testing out the new packages and realms below in Gno Playground."),
ui.Link{Text: "Get started with Gno Playground", URL: "https://play.gno.land/"},
}
}

func packageStaffPicks() ui.Element {
// XXX: make it modifiable from a DAO
return ui.Element{
Expand Down Expand Up @@ -224,6 +234,7 @@ func discoverLinks() ui.Element {

- [Gno dev with CLI (soon)](#)
- [Explore the Universe](/ecosystem)
- [Gno Playground](https://play.gno.land)
- [Test in the browser (soon)](#)
- [About the Gno Language](/gnolang)
- [Docs/ Tutorials](https://github.com/gnolang)
Expand Down
8 changes: 8 additions & 0 deletions examples/gno.land/r/gnoland/home/home_filetest.gno
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,13 @@ func main() {
// TODO: GoR dashboard + WorxDAO topics
// </div><!-- /jumbotron -->
//
// ### Gno Playground, a DevX tool to write and deploy smart contracts directly on Gno.land
//
// Gno Playground is a simple web interface that lets you run, test, and experiment with your Gno code to improve your understanding of the Gnolang language. You can share your code, run unit tests, deploy your realms and packages, and execute functions in your code using the repo.
// Get inspired by testing out the new packages and realms below in Gno Playground.
//
// [Get started with Gno Playground](https://play.gno.land/)
//
// ### Explore New Packages and Realms
//
// <div class="columns-3">
Expand Down Expand Up @@ -128,6 +135,7 @@ func main() {
//
// - [Gno dev with CLI (soon)](#)
// - [Explore the Universe](/ecosystem)
// - [Gno Playground](https://play.gno.land)
// - [Test in the browser (soon)](#)
// - [About the Gno Language](/gnolang)
// - [Docs/ Tutorials](https://github.com/gnolang)
Expand Down
Loading