Code Monkey home page Code Monkey logo

hasepharadi's Introduction

haSepharadi

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:

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

Accessibility

FontAwesome

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
  • 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

hasepharadi's People

Contributors

lunacodes avatar

Watchers

James Cloos avatar  avatar

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.