Create a Bootstrap 4 theme for Cogear.JS

Question

Create a Bootstrap 4 theme for Cogear.JS

dbelyaeff opened this issue 6 years ago · comments

Dmitriy Belyaev commented 6 years ago

Subject

Encourage Hacktoberfest participants to create a new theme for Cogear.JS

How to

Read the following docs:

https://cogearjs.org/docs/themes

Watch the video:

https://www.youtube.com/watch?v=WO1MMMrFlsc

Install Cogear.JS

npm i -g cogear
# or
yarn global add cogear

Generate a project

$ cogear plugin cogear-bootstrap

Generate a theme

$ cogear theme bootstrap

** Craft a plugin! **

Publish it to Github

Publish it to NPM

npm publish

Hint

Look at cogear-theme-blog to understand its structure.

Stephen Ward · Answer 1 · Fri Oct 12 2018 06:08:01 GMT+0800 (China Standard Time)

I think I should be able to give this a go!

Dmitriy Belyaev · Answer 2 · Sat Oct 13 2018 16:11:36 GMT+0800 (China Standard Time)

I think I should be able to give this a go!

It will be very nice!

Stephen Ward · Answer 3 · Mon Oct 15 2018 09:45:28 GMT+0800 (China Standard Time)

hey @codEmotion ,
I have made a bunch of bootstrap 4 static site pages as well as components (all of which showcase bootstrap 4 capabilities). I have tested the pages / components by creating a cogearJS site, and they work well.

Here are 2 out of a bunch I've done. First one is just the most simple site I could make.

This one involves more bootstrap 4 classes

my question is, how would you like to me to make pull request? the structure of the files follows that of cogear-theme-blog therefore, I don't believe it would make sense to make a PR on this repo. Perhaps you can make another one 'cogear-theme-bootstrap' and I can push my code to there.

either way, once I make the PR, I have no problems making the NPM module as well.

cheers,
Stephen

Dmitriy Belyaev · Answer 4 · Tue Oct 16 2018 01:56:06 GMT+0800 (China Standard Time)

I think it should be a separate repository that will be added to awesome-cogear.

There is no need for PR because it's not a core module.

Would you mind to remove the purple background? It's not suitable here, I think.

Dmitriy Belyaev · Answer 5 · Tue Oct 16 2018 01:56:48 GMT+0800 (China Standard Time)

If you are participating #Hacktoberfest, I can assign you to this issue and fix it in a future commit.

Stephen Ward · Answer 6 · Tue Oct 16 2018 02:27:12 GMT+0800 (China Standard Time)

I am doing hacktoberfest, I need to make a PR for this to count. Can I make the PR on awesome-cogear?
I can remove the purple background, I wasn't sure if that was a cogearjs thing:

Dmitriy Belyaev · Answer 7 · Tue Oct 16 2018 05:35:53 GMT+0800 (China Standard Time)

Yes! It'll be perfect. cogear-awesome way!

I'll try to make it more nice-looking via PR later.

Stephen Ward · Answer 8 · Tue Oct 16 2018 08:49:00 GMT+0800 (China Standard Time)

@codEmotion PR has been created!

Dmitriy Belyaev · Answer 9 · Wed Oct 17 2018 15:57:39 GMT+0800 (China Standard Time)

I think that awesome-cogear is just a list of plugins and themes. You don't need to require theme code in PR.

Would you mind to follow the naming convention and create a repository:
https://github.com/steaward/cogear-theme-bootstrap

And move theme code there (and publish it to NPM).

Just adding a single line to awesome-cogear README is enough in this case.