Coder Social home page Coder Social logo

housingcourtanswers's People

Contributors

gregmihalko avatar stephenwinsor avatar

Watchers

 avatar  avatar

housingcourtanswers's Issues

Tip Detail Page (single.php)

  • Move Breadcrumb to a section below terms called "Topics in For Tenants" or "Topics in For Landlords" and then list the child categories below in a vertical list.
  • Change the Next and Previous Buttons to be simpler and just the next question without the category name. Move Next / Previous buttons into the box.
  • Optimize type sizes for mobile.
  • Differentiate For Tenants, Landlords and Advocates post with (maybe with bg-color, or some other indicator)

Homepage

  • Yellow background?
  • Style "Helpful Topics" section.
  • Add section for "Popular Glossary Terms".
  • Add section for "Recent Events".
  • Style section headers to be consistent with the rest of site headers.
  • Events section should just display borough, event title and date
  • Titles should be bigger and more prominent

Footer

  • If you are on the resources and links page make sure it doesn't have that lead in at the bottom, etc.
  • Add Mailchimp sign up form either in a Bootstrap modal and text field at the bottom of the page.
  • Donate links should be fixed
  • Maybe add a row of buildings at the bottom of the screen that are maybe different colors? (something that they would like I think)
  • Match homepage design footer

Paypal embed they sent us

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="KYVF77625YDKL">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>

Topics pages (category.php)

  • Add top row to house 3 or 4 posts in parent category for "Important or Key things to know".
  • Move scrollspy below first row.
  • Add generic scene at the top under the search.
  • If category page has no sub-categories it should list tips (posts) the full width of the page (will be the same as the tag.php page).
  • Fix Spacing and Typography
  • Add related topics to this pages as well (if possible) to match single.php for related topics.

Nav-Menu

  • Make sure all the breakpoints don't have any unnecessary breaks in them.
  • Style and optimize for desktop and mobile.
  • Style and optimize the "More" dropdown for desktop and mobile
  • Navigation bar should be solid, not transparent
  • Menu Toggle not showing up
  • Remove extra white space (3px or so) padding under the active highlight.

News & Campaigns

  • Style news thumbnails
  • Style news detail pages
  • Style "News & Campaign" aggregate page.

Search "auto complete"

  • Style auto complete results.
  • Test on mobile. Might want to "display: none;" for mobile.

Search Results Page

  • Needs to be styled and fix broken divs when there is an empty search.
  • Should be flexible enough both cases where there are little number of results and lots of results.

Events

  • Style event thumbnails
  • Style event details
  • Style "Events" aggregate page (Upcoming & Past Events)
  • Add borough buttons (not a priority)

Contact Us Page

  • Add site styles and padding to page
  • Might need unique styles for content on this page.

404 Page

  • Style 404 page to look similar to an empty search page.
  • Match the "helpful topics" section from the homepage to this page. Just copy and paste into this section on the page.
  • Maybe also add a section for the 10 most recent tips updated?

Glossary terms pages (tag.php)

  • Add style to this page.
  • Should be similar to category pages with no sub-categories.
  • Adjust type sizes and make sure it's using the same card styles since I didn't pulling in the card template here.
  • Fix sticky header label that affixes under the main nav
  • Float "Back to top" button to the right.
  • Make label bar not as tall and make the background transparent and hide bar on mobile.
  • Adjust font sizes and spacing for mobiles.

Resources & Links

  • Style each section on the "Resources & Links" page. (Link, descriptions, and other layout treatments)
  • Change column structure to add more width to the section text.

Cards

  • Remove margin left from cards.
  • Refine hierarchy for cards (Type size, color, spacing, etc.)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.