haSepharadi

• Changelog
  • [1.7.1] - 2019-01-30
  • [1.6.0] - 2019-01-18
• Known Issues
  • Resources & Loading
    • Image Loading - Homepage
    • Fonts
  • Accessibility
    • FontAwesome
  • Plugins and Widgets
    • Remove Unnecessary Plugins
      • Visual Composer
    • wpDiscuz
    • Events Calendar
    • Add Site Link to Copied Text
    • Mailchimp - Subscribe
  • Header & Nav Menus
    • Nav Menus
  • Content & Styling
    • Author Page
    • Category Pages
  • Code Cleanup
    • SCSS
      • Improve SCSS organization
    • PHP & JS
    • CSS Grid
• Other

This project stores my development work on the haSepharadi website. Currently this involves the haSepharadi theme (built on the Genesis Framework), a Zemannim plugin, and an Affiliate Links plugin.

Frameworks, Libraries, and APIs used:

• Genesis Framework
• HTML5 Geolocation API
• Google Maps Geocoding API
• SunCalc Library

This project consists of the haSepharadi theme

Changelog

1.7.1 - 2019-01-30

• Added and improved responsive styles for:
  • Category Template
  • Footer Widgets
• Fixed topbar styles issue and conflicts
• Switched to Font Awesome 5.6.3
• Cleaned up many site issues
• Improved Topbar nav functionality and styling. min-width: 961 Menu now appears at top-right of screen, instead of Hamburger Menu.
• Vastly improved site loading time
• Next and Prev Post Links now display post titles

1.6.0 - 2019-01-18

• Fixed About Author appears at bottom of homepage
• Added Author Bios styling

Known Issues

Resources & Loading

Image Loading - Homepage

• Image loading time on Homepage (due to unnecessarily large image files)
  • Compress Images & Regenerate Thumbnails
  • Implement Upload Size Limit / Auto Compression / Scaling Reduction

Fonts

• Clean up fonts loading - remove unnecessary fonts in fonts.scss
  • Need to experiment with this first, to find out what's impacting what
• What's a good (and user-friendly) way to get Google Fonts into Editor?
• Font Awesome
  • Font Awesome flagging false 404s - likely due to minification:
    • https://hasepharadi.com/wp-content/themes/haseph/fonts/fontawesome-pro-5.6.3-web/webfonts/fa-brands-400.ttf
    • https://hasepharadi.com/wp-content/themes/haseph/fonts/fontawesome-pro-5.6.3-web/webfonts/fa-brands-400.woff
    • https://hasepharadi.com/wp-content/themes/haseph/fonts/fontawesome-pro-5.6.3-web/webfonts/fa-brands-400.woff2
  • Extract specifically needed FA styles, instead of loading the whole stylesheet

Accessibility

FontAwesome

• Implement Font Awesome Aria Accessibility Roles

Plugins and Widgets

Remove Unnecessary Plugins

Visual Composer

• Finish recoding Lebanon page, so I can remove Visual Composer

wpDiscuz

• wpDiscuz needs further styling and social media integration
• Are there better options?

Events Calendar

• Working on a fully automated way to import events from fb pages

Add Site Link to Copied Text

• Find a more elegant way to implement this, wrt UI/UX
  • How does the Forward's script work??

Mailchimp - Subscribe

• can mc-validate.js be loaded locally instead?

Header & Nav Menus

Nav Menus

• Desktop menu hover behavior is glitchy
  • Implement pushy.js menu instead?
  • Other possible solution: see here for possible solution.
    • Parameters and definitions for superfish.js:
      • Superfish site
      • Dev Docs - jQuery .animate()
• min-width: 961 should .shrinked menu display sub-menu on hover?

Content & Styling

Author Page

• Needs light styling

Category Pages

• Does full-width template actually make sense here?
• Page Title is appearing at the bottom of the page, after The Loop has finished

Code Cleanup

Items marked in bold are high priority

SCSS

Improve SCSS organization

• Section headings need to match and follow a consistent numbering theme.
  • Use same headings structure as custom-functions.php for each scss partial
• Improve Variables Usage by incorporating broader variables, ex: category--color
  • Replace $orange variables et al with $link--font-color-hover: $orange et al

PHP & JS

• Many functions still need DocBlocks
• Add in esc_url et al, where necessary

CSS Grid

• Rewrite with CSS Grid

Other

• Add earlier version history to Changelog