Page 4 of 13

Re: [DEV] [OFFICIAL] CODENAME: Chameleon

Posted: Fri Dec 14, 2018 12:45 pm
by Hanakin
It’s all scss so that means everything is controlled via variables. Once finished the plan is to develop a companion dynamic styleguide app to be able to customize every aspect easily.

Re: [DEV] [OFFICIAL] CODENAME: Chameleon

Posted: Mon Dec 17, 2018 1:42 pm
by Hanakin
Brief update: I pushed several changes to the repo to get everything working with the proper structure and what not for the new way the theme will function. It's not final there will undoubtedly be some tweaks and changes to everything as we move forward. This makes it easy to build and test thinks locally without the need for PHP or the software being installed. Everything is rendered in the tests folder via the gulp build process ;). Not for building the tests and compiled CSS files, you will need nodejs installed. NOTE: "This is not required for the final release this is just for development builds". The only thing that ships is the all folder everything else is part of the build process. Not everything within the "all" folder is required for a new theme. Also while it is encouraged that you build your styles using SCSS you do not have too.

Re: [DEV] [OFFICIAL] CODENAME: Chameleon

Posted: Sun Dec 23, 2018 6:24 pm
by Hanakin
Ok made several changes to the repo to facilitate contribution.

We are at the stage where we can start mocking up the individual pages. This will help to identify any missing components as well as help to fix/tweak/cleanup existing components. Not all the components have been twig templates created for them yet either so this will facilitate that. If this sounds like something you may wish to help with then, by all means, pick a page and create a github issue and start pushing prs with a link to the issue for it. I am available via pm on here or area51. You can also hop on chat and poke me.

Each page for the software will require a master page. This means we need a twig template for it created in the all/views folder it should extend the master layout. Look at the index.twig file for reference: https://github.com/phpbb/chameleon/blob ... index.twig

All components to include on these pages will be located in the all/views/includes folder unless it's a dynamic component meaning that it is different each place it is loaded. If any of these are required they will be created in the all/views/mixins folder. Lastly, if there is any need for sub-components or a component is made of more than one component, and the smaller components are not used alone. These are to be created in the all/views/partials folder

Re: [DEV] [OFFICIAL] CODENAME: Chameleon

Posted: Sun Dec 23, 2018 6:57 pm
by GanstaZ
If i get this right, one needs nodejs and gulp + follow instructions above?

Re: [DEV] [OFFICIAL] CODENAME: Chameleon

Posted: Sun Dec 23, 2018 7:16 pm
by Hanakin
to help out yes. well just node everything else is installed on npm install

Re: [DEV] [OFFICIAL] CODENAME: Chameleon

Posted: Sun Dec 23, 2018 8:06 pm
by GanstaZ
I see. Seems like i need to test out this node before saying yes to anything. I'll try it and see how it goes)

Re: [DEV] [OFFICIAL] CODENAME: Chameleon

Posted: Sun Dec 23, 2018 8:26 pm
by Tastenplayer
Which version to install?
node.png

Re: [DEV] [OFFICIAL] CODENAME: Chameleon

Posted: Sun Dec 23, 2018 9:29 pm
by DavidIQ
Either should be fine. LTS is recommended for most users although both should work.

Re: [DEV] [OFFICIAL] CODENAME: Chameleon

Posted: Wed Dec 26, 2018 1:27 am
by Xakep_SDK
Should include dark variant too.
That's new trend.
// Offtop: my account just disappeared with previous message. Why?

Re: [DEV] [OFFICIAL] CODENAME: Chameleon

Posted: Thu Jan 03, 2019 2:33 am
by hd321kbps
He offered his ideas on the new style in that topic.

Re: [DEV] [OFFICIAL] CODENAME: Chameleon

Posted: Fri Jan 11, 2019 11:26 am
by Scanialady
hanakin (@ area51) wrote:Editor: (#90) Hanakin
This is really its own project and will require its own very in-depth discussion found here However on the surface it will be a hosted service on .com. It provides the capability to view all the individual theme components and edit there predefined settings as well as edit the SCSS/TWIG code all from the editor. A good starting point might be http://atomicdocs.io/, but it should also allow for scaling to test responsiveness similar to (http://styleguide.devbproto.com/styleguide/#4). It will also allow for the capability to add/delete components for a new theme. All without ever having to leave the editor if you so wish. It will require php/jquery/vuejs/scss/twig/gulpjs/nodejs/its own server.
However on the surface it will be a hosted service on .com.? We will need a permanent connection to .com to use the editor?

Re: [DEV] [OFFICIAL] CODENAME: Chameleon

Posted: Fri Jan 11, 2019 4:58 pm
by Hanakin
Yes and no. The editor will be a part of the dev repo, so u can use it locally if you want, but we plan to host a copy. It’s still way too early to provide any details. We have not worked everything out yet. We need the theme first

Re: [DEV] [OFFICIAL] CODENAME: Chameleon

Posted: Fri Jan 11, 2019 7:41 pm
by Scanialady
Thank you for your answer.

Because my board is subject to the GDPR, I hope for local installations wherever possible. It is not much appreciated to use undocumented third-party connections without the privacy statements for it. This also applies to style elements, fonts and everything the user comes into contact with. Fonts I can host on my style folder. I hope this will be the case for all elements of the style, too.

Re: [DEV] [OFFICIAL] CODENAME: Chameleon

Posted: Fri Jan 11, 2019 7:45 pm
by DavidIQ
I don't think the plan is to have this editor included within phpBB itself to live-edit the style, but as a standalone tool.

Re: [DEV] [OFFICIAL] CODENAME: Chameleon

Posted: Fri Jan 11, 2019 8:47 pm
by Hanakin
David it will be included in the dev side of the repo or at least that is the plan.

Nothing will link it’s judt a tool to repack edits and give you the files to replace the defaults. Unless you set it up locally it will not directly edit your files.