Footer Styles

[ryanis-online]

Make the footer area look a little more clean and consider adding in a few different columns.

[frankinedinburgh]

I can try do a bit of work on this.

[Pakistanka]

Hello. I can try to help if it needs

[ryanis-online]

@Pakistanka That would be awesome! Submit a PR when you're ready :)

[bilyanhadzhi]

Hello, @ryuhhnn! Are you accepting contributions? I've noticed you don't include a meta viewport tag in base.jade, leading to non-responsive pages.

I see great potential to contribute to this project. I don't know node, express, jade too well but I guess they should be easy to pick up.

[agauniyal]

@bilyanhadzhi Sure. Feel free to open Pull Requests against develop branch.

[ollyjohn]

Is this still needing help? I'd be more than happy to lend a hand.

[agauniyal]

@ollyjohn Yep, till the issues aren't closed or a corresponding PR isn't open, feel free to work on them.

[bilyanhadzhi]

Is there another place for discussing the project, so we don't populate just this issue?

Anyway, I skimmed over the code and have a few suggestions:

• Adding a meta viewport tag in base.jade is a must
• Prevening the submit button from submitting the form:
  • It could be left as is, and expect the user to add return false to the form tag
  • We could have a class like nosubmit/no-submit/form-nosubmit which (via js) changes the onsubmit property of any elements that has it to return false
• For the footer itself, we could have CSS classes such as big, medium and small which would be added to the footer element and based on them we could control how big the 'footer area' is.
  • For example, for footer.big we'd have a bigger area, like this, which seems to be how big most footers are.

I'm willing to open issues for the things suggested (and work on this one as well).
I'm writing this so as to see if you agree with my suggestions about the footer, so I could implement them that way.

[ryanis-online]

@bilyanhadzhi there isn't any place for discussion on this project currently, unless @agauniyal has implemented any? Outside of that, you're more than welcome to submit individual issues on these matters and keep related discussion within those!

[bilyanhadzhi]

I'm having trouble getting my SCSS to take effect. I created a new file is /sass/ and imported it to main.scss, gulp doesn't seem to be noticing. Any help?

[ryanis-online]

@bilyanhadzhi Could you maybe fork over the repository and provide some steps to recreate?

[bilyanhadzhi]

@ryuhhnn Sure. What I did was:

1. Fork and clone the repo
2. $ git checkout develop
3. $ git branch footer-work && git checkout footer-work
4. $ npm install
5. $ touch sass/_footer.scss
6. Write styles for a class in _footer.scss and @import 'footer' in main.scss
7. $ gulp
8. Add the class to an element in base.jade - element gets the class but no styles take effect

gulp also does not really do anything when I save any .scss file.

I could open a pull request with the code I have so we can see what I'm doing wrong? It's just one basic style in _footer.scss