Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Visual Overhaul using BEM naming convention #39

Closed
wants to merge 36 commits into from
Closed

Visual Overhaul using BEM naming convention #39

wants to merge 36 commits into from

Commits on Mar 22, 2019

  1. Redesign some components

    Emmanuel See Te committed Mar 22, 2019
    Configuration menu
    Copy the full SHA
    447182b View commit details
    Browse the repository at this point in the history
  2. Redesign some components

    - info_v3.js reword "Synopses" to "Synopsis"
    - index_v3.js change width 640 to 642
    Emmanuel See Te committed Mar 22, 2019
    Configuration menu
    Copy the full SHA
    ee94b43 View commit details
    Browse the repository at this point in the history
  3. Redesign some components

    new classes :
        + "main-filesource"
        + "main-footer"
        + "main-footer__warning"
        + "main-footer__extension"
    Emmanuel See Te committed Mar 22, 2019
    Configuration menu
    Copy the full SHA
    5099a6d View commit details
    Browse the repository at this point in the history
  4. Revert back to 640

    Emmanuel See Te committed Mar 22, 2019
    Configuration menu
    Copy the full SHA
    31ebd2c View commit details
    Browse the repository at this point in the history
  5. Visual Overhaul

    Visual Overhaul for About, Changelog, FAQ's, Terms
    Will do RWD next.
    
    Add more classes.
    Emmanuel See Te committed Mar 22, 2019
    Configuration menu
    Copy the full SHA
    a1849e3 View commit details
    Browse the repository at this point in the history
  6. Visual Overhaul

    Visual Overhaul for About, Changelog, FAQ's, Terms
    Will do RWD next.
    
    Add more classes.
    Emmanuel See Te committed Mar 22, 2019
    Configuration menu
    Copy the full SHA
    a545aab View commit details
    Browse the repository at this point in the history
  7. Visual Overhaul

    Visual Overhaul for About, Changelog, FAQ's, Terms
    Will do RWD next.
    
    Reconstruct html structure
    Add more classes.
    Emmanuel See Te committed Mar 22, 2019
    Configuration menu
    Copy the full SHA
    905f3df View commit details
    Browse the repository at this point in the history
  8. Visual Overhaul

    Visual Overhaul for About, Changelog, FAQ's, Terms
    Will do RWD next.
    
    Reconstruct html structure
    Add more classes.
    Emmanuel See Te committed Mar 22, 2019
    Configuration menu
    Copy the full SHA
    cc0555b View commit details
    Browse the repository at this point in the history
  9. Fixed note *

    Emmanuel See Te committed Mar 22, 2019
    Configuration menu
    Copy the full SHA
    10a61fe View commit details
    Browse the repository at this point in the history
  10. Visual Overhaul

    Visual Overhaul for About, Changelog, FAQ's, Terms
    Will do RWD next.
    
    Reconstruct html structure
    Add more classes.
    Emmanuel See Te committed Mar 22, 2019
    Configuration menu
    Copy the full SHA
    dd17271 View commit details
    Browse the repository at this point in the history
  11. Visual Overhaul

    Visual Overhaul for About, Changelog, FAQ's, Terms
    Will do RWD next.
    
    Reconstruct html structure
    Add more classes.
    Emmanuel See Te committed Mar 22, 2019
    Configuration menu
    Copy the full SHA
    ac28302 View commit details
    Browse the repository at this point in the history
  12. Fixed some classes

    Visual Overhaul for About, Changelog, FAQ's, Terms
    Will do RWD next.
    
    Reconstruct html structure
    Add more classes.
    Emmanuel See Te committed Mar 22, 2019
    Configuration menu
    Copy the full SHA
    a2c8663 View commit details
    Browse the repository at this point in the history

Commits on Mar 23, 2019

  1. Theme color changes and fixes

    - New css variables for fonts, box-shadow, default-color, transition
    - Changed theme color
    - #preview width removed (default to 640)
    - box-shadow rewrite
    - Clean up css
    Emmanuel See Te committed Mar 23, 2019
    Configuration menu
    Copy the full SHA
    f3ddbfa View commit details
    Browse the repository at this point in the history
  2. Theme color and fix classes

    - New theme color (#60738b)
    - #preview width from 642 to 640
    - Fix classes
    - Modify notes
    - Changelog: The latest post will have a colored background on date holder
    - Additional: Navigation bar responsive on the way, you can already see the effect by adjusting the width using Responsive Design Mode or zooming in. Still working on this one.
    Emmanuel See Te committed Mar 23, 2019
    Configuration menu
    Copy the full SHA
    01c0662 View commit details
    Browse the repository at this point in the history
  3. mobile navigation v1

    Emmanuel See Te committed Mar 23, 2019
    Configuration menu
    Copy the full SHA
    c740da4 View commit details
    Browse the repository at this point in the history
  4. mobile navigation v1

    + navigation change (new mobile friendly)
    + index; octocat style moved to style.css
    Emmanuel See Te committed Mar 23, 2019
    Configuration menu
    Copy the full SHA
    f6b9037 View commit details
    Browse the repository at this point in the history
  5. mobile navigation v1

    + navigation change (new mobile friendly)
    + octocat style has been moved here
    + some style fixes
    Emmanuel See Te committed Mar 23, 2019
    Configuration menu
    Copy the full SHA
    1e93d78 View commit details
    Browse the repository at this point in the history

Commits on Mar 24, 2019

  1. removed nav_v1.js, using css instead

    Emmanuel See Te committed Mar 24, 2019
    Configuration menu
    Copy the full SHA
    848f25d View commit details
    Browse the repository at this point in the history
  2. replace style.css to app.css

    This new stylesheet is using BEM naming convention.
    - Lots of style changes.
    - With different theme color for Home, About, Changelog, FAQ, Terms
    Emmanuel See Te committed Mar 24, 2019
    Configuration menu
    Copy the full SHA
    e982ce5 View commit details
    Browse the repository at this point in the history
  3. BEM naming convention

    Convert all class to BEM as much as possible for organized layout
    Emmanuel See Te committed Mar 24, 2019
    Configuration menu
    Copy the full SHA
    a01edd4 View commit details
    Browse the repository at this point in the history
  4. Fallback version for IE and below

    IE does not support variables.
    
    Fallback values (Browser that doesn't support css variables):
    - Primary color: #3f51b5
    - Primary light color: #7986cb
    - Primary dark color: #303f9f
    - Border radius: 2px
    - Transition: 135ms cubic-bezier(.4,0,.2,1)
    - Font: "Roboto", Helvetica, Arial, "Meiryo", "Microsoft JhengHei", "Microsoft YaHei", sans-serif
    - Shadow: 0 1px 1px 0 rgba(60,64,67,.08),0 1px 3px 1px rgba(60,64,67,.16)
    - Shadow hover: 0 1px 3px 1px rgba(60,64,67,.2),0 2px 8px 4px rgba(60,64,67,.1)
    Emmanuel See Te committed Mar 24, 2019
    Configuration menu
    Copy the full SHA
    c8a4395 View commit details
    Browse the repository at this point in the history
  5. Adjust navigation and notification thickness

    Emmanuel See Te committed Mar 24, 2019
    Configuration menu
    Copy the full SHA
    b4e440c View commit details
    Browse the repository at this point in the history
  6. Add some important updates

    Add some important updates and notes
    
    - Speeding up search on whatanime.ga!
    - Moving to new domain: trace.moe
    - Recent updates to trace.moe
    
    Source: Patreon
    Emmanuel See Te committed Mar 24, 2019
    Configuration menu
    Copy the full SHA
    da975c7 View commit details
    Browse the repository at this point in the history
  7. Adjust font size for readability

    Emmanuel See Te committed Mar 24, 2019
    Configuration menu
    Copy the full SHA
    c229097 View commit details
    Browse the repository at this point in the history
  8. Fixed typo errors

    Emmanuel See Te committed Mar 24, 2019
    Configuration menu
    Copy the full SHA
    fe29637 View commit details
    Browse the repository at this point in the history

Commits on Mar 25, 2019

  1. Clean up classes

    + Separate fallback style to app_fallback.css
    	- For easy editing and adjustments
    + Clean up classes
    	- Adjust classes
    	- Removed unnecessary classes
    
    Note: Will be working next on index (main, info, results, etc...).
    Emmanuel See Te committed Mar 25, 2019
    Configuration menu
    Copy the full SHA
    846c6ea View commit details
    Browse the repository at this point in the history
  2. Clean up code and adjusments

    + 1 theme color for all pages
    	- Indigo (#3f51b5)
    + Clean up code
    	- For better editing and adjustments
    
    Note: Will be working next on index (main, info, results, etc...).
    Emmanuel See Te committed Mar 25, 2019
    Configuration menu
    Copy the full SHA
    9fb4d5f View commit details
    Browse the repository at this point in the history
  3. Style update for search, results list, anime info

    Emmanuel See Te committed Mar 25, 2019
    Configuration menu
    Copy the full SHA
    ffac272 View commit details
    Browse the repository at this point in the history
  4. Style update for search, results list, info

    Emmanuel See Te committed Mar 25, 2019
    Configuration menu
    Copy the full SHA
    a3c3527 View commit details
    Browse the repository at this point in the history
  5. update gitignore

    Twiistrz committed Mar 25, 2019
    Configuration menu
    Copy the full SHA
    6e993c7 View commit details
    Browse the repository at this point in the history

Commits on Mar 27, 2019

  1. add /.vscode/ in gitignore

    Twiistrz committed Mar 27, 2019
    Configuration menu
    Copy the full SHA
    419349f View commit details
    Browse the repository at this point in the history
  2. Update stylesheet to LESS

    Twiistrz committed Mar 27, 2019
    Configuration menu
    Copy the full SHA
    ad3c243 View commit details
    Browse the repository at this point in the history
  3. add terms in sitemap.txt

    Twiistrz committed Mar 27, 2019
    Configuration menu
    Copy the full SHA
    4054f21 View commit details
    Browse the repository at this point in the history
  4. change css link to app.min.css

    Twiistrz committed Mar 27, 2019
    Configuration menu
    Copy the full SHA
    37c3d21 View commit details
    Browse the repository at this point in the history
  5. update classes and design

    Twiistrz committed Mar 27, 2019
    Configuration menu
    Copy the full SHA
    2a6ab91 View commit details
    Browse the repository at this point in the history
  6. update classes, texts, indentions, divs

    Twiistrz committed Mar 27, 2019
    Configuration menu
    Copy the full SHA
    9443816 View commit details
    Browse the repository at this point in the history