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

Marketing site template MVP #167

Open
12 tasks
suragch opened this issue Aug 9, 2024 · 0 comments
Open
12 tasks

Marketing site template MVP #167

suragch opened this issue Aug 9, 2024 · 0 comments

Comments

@suragch
Copy link
Collaborator

suragch commented Aug 9, 2024

I'm planning to write a tutorial for Static Shock, but the main blocker is that the empty template when creating a SS project leaves too much for a new user to do. The easier it is for a new user to get started, the more popular the package will be. The Dart package docs template is good for it's use case, but I believe the widest use case would be a "marketing page" template (though that doesn't necessarily need to be the name). A marketing template introduces a product on the home page and links to other pages from a menu.

One example site that I would like to make is like so:

Screenshot 2024-07-29 at 22 33 33

The number of action buttons and items in the menu is not important.

Here is a mobile view:

Screenshot 2024-07-29 at 22 33 48

The hamburger menu would contain the items App, Lessons, Contact and link to Markdown pages.

These are the minimal features needed:

  • A generated HTML home page similar to the one above or one of the FBH sites. The home page should include:
    • a logo or image
    • a title
    • some descriptive text
    • a call to action button
    • a menu.
    • and it should have a responsive layout for desktop or mobile
  • The Markdown pages should be styled, including:
    • padding
    • headers
    • code
    • quotes

The overall goal is to have something that looks attractive directly from create. (In my opinion, all of the FBH sites look good.) I'd love to make a simple tutorial that says swap out this image, change this text, paste in some markdown, run shock serve and voila! You're finished and it looks really good.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant