Chingu Tier1 Solo Project
This project is completed with vanilla (plain) HTML, CSS, and JavaScript only.
To access it just click HERE and tinker at will :) No other actions needed.
- Header with minor navigation (Logo and Catalog/Featured/Articles/About link list)
- Nav with Major navigation / page-manipulation (search, custom text, font-size, dark/light mode, grid/list mode, and reset)
- Main section contains the font cards
- Font cards display the Font Name, the font creator, the sample text, and an add button
- Footer section with developer information
- Sample text in each card is displayed in the corresponding font
- Buttons/links are evident (the cursor changes)
- Overflow handling is partially done, doesn't work if a single word is too long (11 characters)
- Text typed into the custom text box immediately changes the sample text displayed in each font card
- The sample text returns to the default sample if the input box (type something) no longer has any input
- Font size chooser has four sizes and immediately changes the sample text font size in each font card
- Clickable 'reset' icon on the far right of the major navigation makes the page appear as if the user reloaded the page (but it does not actually reload the page)
- README.md implemented
- No errors in the developer console
- Include a back-to-top button that allows users to scroll to the top once the top of the page is out of view
- Make your design fully responsive (small/large/portrait/landscape, etc.)
- Implement the light/dark mode toggle buttons
- Implement the change display icon so you can flip between a grid and list layout for the font cards