housingcourtanswers's People
housingcourtanswers's Issues
Fix "For Tenants" scrollspy
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)
"More" dropdown in nav for desktop and mobile
Needs to be styled for both desktop and mobile
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.
Comments (Do you have a question?)
- Add the comments section to bottom of category pages. (Maybe always above the footer)
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.
Add post-receive hook on server
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?
For Tenants Page
- Add View All Topics Button for each section.
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.
About Us Page
- Needs to be styled.
- Scrollspy needs fixed.
Cards
- Remove margin left from cards.
- Refine hierarchy for cards (Type size, color, spacing, etc.)
Global: standardize spacing between sections, posts, and titles.
- Optimize all page types and sizes for mobile.
- standardize spacing between sections, posts, and titles.
Get scrollspy to work on key pages
Right now, it's not scrolling and fixing
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.