Redesign Landing/Home Page

[kundanvishen]

Hi @Technical-NGO/general

So here's our first issue, let's create a beautiful landing/home page for our organization, which tells the objective of this organization. How we do the things and why.
The page should be the place where a visitor get's to know about our organization and our enthusiasm for the work we do.

In this world of glitter, I would personally prefer minimalistic but slick design.

Suggestions Needed!

[fayazara]

Use BS4, Jquery/vue.js for behaviour (since its to setup and use) use animate.css for transitions. Use parallax for scroll transitions.

On Sat 17 Feb, 2018, 4:20 PM Kundan, ***@***.***> wrote: Hi @Technical-NGO/general <https://github.com/orgs/Technical-NGO/teams/general> So here's our first issue, let's create a beautiful landing/home page for our organization, which tells the objective of this organization. How we do the things and why. The page should be the place where a visitor get's to know about our organization and our enthusiasm for the work we do. In this world of glitter, I would personally prefer *minimalistic* but *slick design*. Suggestions Needed! — You are receiving this because you are on a team that was mentioned. Reply to this email directly, view it on GitHub <#2>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AO_O2d1X6uMfh4mcItqdOVINOO6y2Qrlks5tVq8CgaJpZM4SJRTM> .

-- Regards, Fayaz Aralikatti

[kundanvishen]

This is how the page in construction looks for now 😄

[Prateek-Tewari]

@kundanvishen it looks cool for now.
But, is this just a landing page for now and then we will go for complete site or it's the main page for later also?

[shashank-sharma]

Are we going to use CSS Framework or we'll work by scratch ?

[kundanvishen]

@shashank-sharma what do you suggest?

[shashank-sharma]

I say we go from scratch, as we need to learn. Also before any contribution, it would be great if someone can push the basic website structure and then we will create issues based on our needs and if anyone is interested in solving that issue then he will get assigned and he will work on it. This way we need not to worry about the conflicts and everything. Obviously there will be so many collision when we will try to merge code from various sources.

[Prateek-Tewari]

Also, let's not go too fast. I am not acquainted with GitHub, so it might take time for me to catch up.
Let's work on a task creation and task completion in a timeline kind of approach for everyone.
This way,everyone will get a chance to work on the same thing at the same time and we might be able to pick up the best one for the website.

[fayazara]

This looks far better, add a linear gradient with a degree parameter

Cant push code right now, bit busy, someone add it if you like

[Prateek-Tewari]

@fayazara it's Uber cool.
Let's fix this one.

[kundanvishen]

@fayazara That's great! Send the PR!

Also, the focus is to create the landing page and not to the under construction page 😆
Haha

[fayazara]

Protip.
Refrain from using in-house images as much as possible, in order to keep your site lightweight.
And make use of FA5 for icons

@kundanvishen Yes, its just that the construction page being dark was itchin.

Will work on the wireframe, I just need suggestions on what exactly we need on the site.

[fayazara]

@kundanvishen Have a slack workspace created for this, it will be much easier

@aravindharinair Here are hex codes.
background: linear-gradient(-45deg, #2E3192, #1BFFFF);

[aravindharinair]

I'm also with @shashank-sharma in that we'll build the site up from scratch. We'll learn more that way...
Also, updated the BG as per @fayazara 's design which is better than the dark one I chose...

[aravindharinair]

I used a different set of HEX values @fayazara . See how it is... Something's wrong with my git push/pull access on Terminal. So, designing on Atom, copy/pasting to GitHub on browser.. 😄

[SyedHimaayath]

Guys we probably should start with wireframing. If we know how we want the site to be, we could design ASAP.
Anybody good with Photoshop or Sketch could help in building a mock up. Translation to code won't take much time.