To-do list
Easy to do!
Tasks which can be done instantly
update subtype code to v3
Affected pages
- Species directory folder
Delete unneeded images from Species_Images
Affected pages
- Species directory folder
Move images to species_images folder
Affected pages
- Voltux
Update site with new layout
Affected pages
- Everything
Remove redundant style tags
Affected pages
- Azurians
- Crystalians
- Duvvicanians
![Description of image](https://honeybrownieart.neocities.org/Species%20Directory/Species_Images/pc%20looker%20huh.png)
Medium difficulty.
Tasks
Use bento layouts for subtypes and other elements
Current website uses flex elements which has the tendency to resize incorrectly. Bento layouts will force images to stay in place but i might lose the mobile freindlyness if i did use them...
Affected pages
- All pages
Update directory with tabs
ANd also create a new css file to fix it.
Affected pages
- Main directory
Create seperate pages for about section and the directory gallery grid.
Affected pages
- Main directory
Add a table of content tab for the spcecies pages
THis way its easier to find specific info if lost.
Affected pages
- All pages
Update directory with tabs
Affected pages
- Main directory
Add an abilities category to the species pages
and also update the 30 other pages...
Affected pages
- All pages
Add custom tabs to the species pages
and also update the 30 other pages...
Affected pages
- All pages
Make a recourse page with helpful videos and tutorials
Affected pages
- Directory
make blank species page code template
Affected pages
- Azurians
- Crystalians
- Duvvicanians
Art assets for everything
Affected pages
- Everithing lmao
Custom drawn header
Affected pages
- All pages
![](https://honeybrownieart.neocities.org/Species%20Directory/Species_Images/pc%20looker.png)
VERY difficult...
Tasks currently beyond my skill level; these will take a lot of time and effort to complete.
Find a way to make bento layouts flex freindly
For the mobile experience
Affected pages
- Main directory
Learn Javascript
Affected pages
- Everithing lmao
Fix bug in the sidenav on mobile devices
Affected pages
- Everything lmao
Automated footer and header content
Affected pages
- All pages
![Description of image](https://honeybrownieart.neocities.org/Species%20Directory/Species_Images/pc%20looker%20no%20way.png)
Finished tasks~
List to see how much work i have completed so far.
- Create universal css for species pages
- Create universal css for directory page
- Create folder for all images
- Create folder for css files
- Code the subtypes elements into flexbox to look nicer on mobile
- Add universal css stylesheet link
- Add link for custom fonts on all pages
- Create a traits category box
- Add custom fonts css for page tittles
- Make an icon grid layout for species traits
- Create a page for pageless and nameless Species
- Find a way to code tabs for more compact and organised pages.
- Update directory with clickable icons
- Redesign the header to take less space.
- Add icons to the nav bar.
- Create a sidenav that sticks to the webpage for better browsing experience.
![Description of image](https://honeybrownieart.neocities.org/Species%20Directory/Species_Images/pc%20looker%20Nice..png)
Current obstacles
IDK man
- Barely any java script knowlege lol
- Too many pages maybe?
- Not enough backlog to fill in info
- coding on mobile sucks
- nowere to find inspiration for website layout, espeially for species.
![Description of image](https://honeybrownieart.neocities.org/Species%20Directory/Species_Images/pc%20looker%20agh.png)