Create Roq codestart blog design

[ia3andy]

🚀 Calling web designers!

Your talent is needed to contribute the official Quarkus Roq Starter Blog!

Quarkus Roq is an exciting new static site generator currently in dev. What about having your design be the go-to for every user? 🙌

We need a website/blog design for the codestart that user will use to kickstart their static website.

It should:

• be appealing and cool (in the spirit of the Roq logo)
• be a good base for any website/blog
• support light/dark modes
• have a blog section with the list of posts and featured posts
• post page with previous and next post and related posts
• have a content page template

Nice to have: search, social icons and whatever...

We can of course include the designer credit in the footer (it will be the starter for every Roq site).

We will very probably have some cool "I made Roq" goodies when it comes out (a trucker cap 🧢 with Roq logo would be so cool) !

[melloware]

For my blog I use Gatsby and this LekoArts starter blog which I think is pretty nice it should at least have these features!

Example: https://www.melloware.com/

Original Starter Blog: https://github.com/LekoArts/gatsby-starter-minimal-blog

[mcruzdev]

I am using mkdocs mkdocs-material for my blog https://matheuscruz.dev

The idea to use a design specification is great and to allow the use a plug-in (LnF) as theme.

[RayzaAnchayhua]

Hi, my name is Rayza and I love drawing designs in figma and I know a little about front end and it would be an honor to contribute to Quarkus Roq Starter Blog, can you tell me in detail what I should do to help you? I'm not sure how to pass things on to you and what the implementation would be like. I like to work with responsiveness, I think it's essential for a blog too!

[melloware]

Welcome @RayzaAnchayhua ! I will let @ia3andy chime in with what his vision is.

[ia3andy]

Hello @RayzaAnchayhua, thanks, it seems to be perfect :)

Do you have few examples of some work you've done already?

I will get back to you soon, I need to finish a few things on Roq for us to keep going...

[RayzaAnchayhua]

Hi @ia3andy , yes I have a repository that I created with the hello kitty theme in which I worked with a lot of css and responsiveness, look in web (https://calculadora-hello-kitty-two.vercel.app/) and I'm creating a new project with tailwind and react with the One Piece theme but I'm always willing to learn new things to be able to help!

[ia3andy]

Hi @ia3andy , yes I have a repository that I created with the hello kitty theme in which I worked with a lot of css and responsiveness, look in web (https://calculadora-hello-kitty-two.vercel.app/) and I'm creating a new project with tailwind and react with the One Piece theme but I'm always willing to learn new things to be able to help!

Love it! I think you are going to be perfect 😍

[ia3andy]

@RayzaAnchayhua

Install the Quarkus CLI if not yet done:
https://quarkus.io/guides/cli-tooling

Then you should be able to start the blog using this:

cd blog
quarkus dev -Dstandalone

If that works, you should have a base to start working on the design which is located in src/main/resources/web/app/scss

[ia3andy]

@RayzaAnchayhua any update on this?

[RayzaAnchayhua]

@ia3andy all right?
Sorry for the delay, I had a very complicated subject at college and I had to hand in a flutter project. Well, I'm already drawing the screens, but I'd like to know if you have icon photos of whether you're going to use quarkus or roq. Png photos that should be included in the blog, I'm basing myself on Matheus's blog to get an idea, but I didn't find anything png there.

[ia3andy]

For now we have this: https://pages.quarkiverse.io/quarkus-roq/

I have the svg for the roq icon if you want.

[RayzaAnchayhua]

Please send me all the svg you have!
Thanks for the quick reply ;)

[melloware]

@RayzaAnchayhua the roq.svg can be found here https://github.com/quarkiverse/quarkus-roq/tree/main/docs/modules/ROOT/assets/images

[ia3andy]

Hello @RayzaAnchayhua we have the 1.0 release in 10 days or so, do you think you will have something in the next few days or should we release with the current version and adjust later?

[RayzaAnchayhua]

Hi @ia3andy
I'm talking to Matheus Cruz so I can see how to upload my contributions, I'm developing at full steam here!
Here's a repository I've created while I'm not committing to the ROQ project directly, I'm already working on the example and then I need help to create the deafult.
https://github.com/RayzaAnchayhua/Quarkus-Blog

[ia3andy]

Ok very good @RayzaAnchayhua.

My advice would be to have something pure and simple that anyone could like as their own blog/site and have a way to set it up through css vars with more colourful and fun theme for our own blog.

For icons, please use an icon library such as font-awesome or bootstrap-icons.

Does that sound good?

[ia3andy]

It would make a nice short video to have screenshots with differents colors applied to the theme following the rythme of the music (not sure if you see what I have in mind :).

[mcruzdev]

Hi @ia3andy, I defined with @RayzaAnchayhua that I will create a new branch here to add codestart.

I will do the codestart (Java, .yaml, configs) stuff.

@RayzaAnchayhua will do the HTML, .md, .css or .scss stuff.

After all we will merge to main.

[ia3andy]

Okay! I suggest you create a repo to prepare the starter code (before making it a codestart). I'll release 0.0.9 early next week for it..