quantacms / quanta

An innovative, DB-free CMS for web and application development, based on the principles of Quantum physics.
http://www.quantacms.com
MIT License
33 stars 7 forks source link

Installer template creation - portfolio #141

Open Aldus83 opened 5 years ago

Aldus83 commented 5 years ago

Create a nice install profile for a "portfolio" kind of site.

dongido001 commented 5 years ago

Hi @gattoplano ,

Can I take on this issue?

Aldus83 commented 5 years ago

Hello @dongido001 , welcome to Quanta, and congratulations... You are going to be our first external contributor!

For sure you can grab this task. Please follow the instructions below:

1) Did you already try installing Quanta locally? If not, please follow the instructions at: https://www.quantacms.com/installation-instructions

2) Once you have a local Quanta site installed, access the site you just created. You will see the ( bad-looking ) default index page, that has been copied directly from the _examples/_example1 folder. Our idea is to create multiple "themes" into _examples, that the user will be able to choose from.

3) The current _example1 theme is using the old theming engine, called box. The one you will create, will have to make good use of the new theming engine, called grid. Grid is being developed by @dariokf and it's very very powerful, making it possible to create modern, beautiful layouts using just qTags. The bad part is that grid is new and still undocumented, so you will have to keep contact with @dariokf to gather the information you need.

4) the "portfolio" layout you are going to create, will be used by IT companies, web agencies, graphic designers, photographers, etc. - it should be minimal, essential, but beautiful, and leave enough space for customization. I will provide you a link ASAP to a site that you can use as a reference, and the list of components to implement.

5) please work on your own branch, and then make your pull requests to master. I will analyze them , merging and adding comments, and once we get to the final results, the $250 bounty will be forwarded to you through Paypal.

Keep following up on this ticket, as I will be adding more information for you.

Best, Aldo

dongido001 commented 5 years ago

Hello @gattoplano, Thank you!

I'm using Nginx web server, but I'm currently hitting some bumps. When I run ./doctor quanta.test setup, i get below error:

Starting Quanta installation. Good luck!
Checking current UNIX user...
Checking Apache modules...
sh: 1: apachectl: not found
rewrite...
not found!
sh: 1: apachectl: not found
headers...
not found!
You can not install Quanta without those apache modules: rewrite, headers
Hint: on apache2, try those commands:
a2enmod rewrite
a2enmod headers
Aborting.
Doctor could not complete the visit. Please fix the above errors and run doctor again!

I think the error is complaining of apache related installation but I'm using Nginx. Am I missing something?

dongido001 commented 5 years ago

I'm all set now. Turns out to be a permission issue.

I'll be waiting for you for the reference website.

Thanks

On Mon, Oct 8, 2018, 22:29 Onwuka Gideon notifications@github.com wrote:

Hello @gattoplano https://github.com/gattoplano, Thank you!

I'm using Nginx web server, but I'm currently hitting some bumps. When I run ./doctor quanta.test setup, i get below error:

Starting Quanta installation. Good luck! Checking current UNIX user... Checking Apache modules... sh: 1: apachectl: not found rewrite... not found! sh: 1: apachectl: not found headers... not found! You can not install Quanta without those apache modules: rewrite, headers Hint: on apache2, try those commands: a2enmod rewrite a2enmod headers Aborting. Doctor could not complete the visit. Please fix the above errors and run doctor again!

I think the error is complaining of apache related installation but I'm using Nginx. Am I missing something?

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/quantacms/quanta/issues/141#issuecomment-427985284, or mute the thread https://github.com/notifications/unsubscribe-auth/ASCnJqnsQ604m6d97gV3KdFpkScTyUgAks5ui8PEgaJpZM4XGTse .

Aldus83 commented 5 years ago

Hello @dongido001, great to hear! Taking note, that I have to fix the install script to not throw apache notices when using Nginx.

I will make sure to get you detailed specs before end of this week... in the meanwhile, please start having a look at grid:

https://github.com/quantacms/quanta/tree/master/engine/modules/core/grid

As it's still undocumented. @dariokf please provide @dongido001 with info he needs to apply grid to qTags and start experimenting.

Aldus83 commented 5 years ago

@dongido001 https://grainandmortar.com This is a great example of what we want to achieve. We will have to integrate:

Before end of week I will make the first commit, providing a basic structure that you can use as a starting point.

dongido001 commented 5 years ago

Alright, will do that.

Aldus83 commented 5 years ago

Hello @dongido001 , I have created this branch: https://github.com/quantacms/quanta/tree/portfolio-profile

for the portfolio profile work.

Also note I introduced installation profiles in Quanta. Starting from now, when installing Quanta with doctor, it will prompt the user to choose a profile from those available (formerly it merely copied _example...), and that will be copied straight to the new site.

So you can work on the portfolio-profile branch, and add your changes into https://github.com/quantacms/quanta/tree/master/profiles/portfolio

In the next days I will attempt to create a folder structure to match the sample site.

p.s. Be always up to date with the master branch, as you can see we have many things ongoing :-)

dongido001 commented 5 years ago

Heya! @gattoplano,

I got a single page almost ready, so I'm wondering is it going to be multiple pages? if so, how does the routing work?

Aldus83 commented 5 years ago

hey @dongido001 , good to hear you are making progress! So, each of the sections:

Will be in an independent node / folder. Usually we put them under "pages", so your structure will look like: root |pages |home |about |work |services |partners |blog |contact

Then, you can include one into the other. I.e. inside home's tpl.html you might put: [BLOCK:partners] to include the content of the "partners" node.

Or you can use them as an ajax widget, and load via jquery when scrolling down http://yoursite/qtag/[BLOCK:partners]

Being our model of inspiration https://grainandmortar.com/ you see they have different pages: https://grainandmortar.com/about/ https://grainandmortar.com/work/ https://grainandmortar.com/capabilities/ https://grainandmortar.com/blog/ https://grainandmortar.com/contact/

so we are going to do more or less the same.

When you have something to commit, even your current single page, please do a PR, so we can comment directly on code before moving too much forward

Aldus83 commented 5 years ago

Hello @dongido001 , indeed, we have changed also the default installation profile, made it much-much better, now it's based natively on our CSS GRID qTags approach. So you can use it as a valid starting point, it will be much better than the previous one. Keep up the good work :-) Cheers, Aldo