Installer template creation - portfolio

[Aldus83]

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

[dongido001]

Hi @gattoplano ,

Can I take on this issue?

[Aldus83]

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]

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]

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 ***@***.***> 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 <#141 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ASCnJqnsQ604m6d97gV3KdFpkScTyUgAks5ui8PEgaJpZM4XGTse> .

[Aldus83]

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]

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

• photo/video driven design, with custom settings for colors and (maybe) fonts. So it's veeery customizable and each website looks unique ;)
• an internal administration menu
• beautiful mobile fallback
• areas we'll include for now: HOME / ABOUT / WORK (portfolio) / SERVICES / PARTNERS / BLOG / CONTACT

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

[dongido001]

Alright, will do that.

[Aldus83]

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]

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]

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]

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