This is a scss made framework for easier and faster styling use. Code and decorate faster with this easy to use style sheet. As more progress is made, so will more documentation! This was the first implementation of my usually readme, so it's not the most organized. as well as my first framework!
https://makemesenpai.github.io/Ant_World/
- Setup
- Based on wire-frames, create the home page using only html and css.
- Create landscape background using Maya
- Should have a placeholder square for the cube that will later replace it
- The Cube
- create a way for users to scroll, change, and easily navigate your pages on placeholder Cube.
- Create a 3d cube that users can navigate pages through
- pages should contain "coming soon" indicator, with basic content
- MVP (Home/Portfolio)
- create a portfolio page with all contents organized
- create custom scrollbar
- style portfolio displaying projects
- ensure that website is responsive via mobile first creation
- ensure that website is functional on all browsers
- Ant Attack! stretch
- create animations in maya
- find a way to create a video with transparent background
- create basic animation using css
- create mini-game!
- create secrete
- Portfolio Redesign
- create new wire-frame for website
- reorganize content
- delete and add new/old content
- restyle based on new design
- [] Make more info pretty, maybe add clearer sections, or turn the badges into yarn
- Seasonal Decorations stretch
- create skins/assets for every special occasion (outside of project)
- display decorations throughout the website, in none-distracting areas
- create an automated function that updates whether or not to show the user decorations or not.
- The Book
- [] Complete the Book
- [] make available for users to get a copy
- automate updating paper to top posted/ most recently posted publications
- reorganize pages
- [] reevaluate the value of certain pages, can they be mixed? should they no longer exist? (post note: music goes into art, maybe add hobbies page, remove bio and music)
- [] create todo plan for all pages under "coming soon" in order to finish this website one page at a time.
- protect your work, and optimize the website via lighthouse and research. -NOTE: in the future we need to test this site on actual browsers and devices. Emulators and the real thing differ!
- Review section, letting anyone who joins the website leave a review. This can be a way to display letters of recommendation. If it requires an email, then we can also send news letters for upcoming events. This will also need a filter of some kind and a way to remove comments that are inappropriate. This should be an admin only ability.
{Last Update: 10/08/21}
-
1.4.2 (in progress)
- Adjustments to meta data, fixing website for screen sizes 1920 x 1080 to 2560 x 1440 sized screens, along with basic navigation. It's not perfect, but it's better than it was.
- Adjusted Cube to have a idling effect! Huge shout-out to @amberzaragoza for staying up til 2am with me to figure this stupid code stuff out!
- Added basic content to other pages to make the website more lively.
-
1.1.5
- Updated cube to 50-50 ratio. Previous when clicking anywhere on cube you would move in the fwd direction. Now clicking the left or right side determines direction
- Link preview added on main websites! Still needs to work on WhatsApp, Discord, iMessages, etc. Thanks imgure.com
- Many hours of playing with meta data also resulted in improved SEO
-
1.0.0
- Created variants of maya animations some of which need editing but honestly will probably not be, because it took hours
- Added assets related to seasons. Which aren't mobil compatible.Icons from Flaticon.com
- seasonal functionality, so I don't have to manually update meaning seasonal decorations is complete!
I wanted to incorporate all my experience, publications, and projects in one place that I could be really proud of. I hoped to show the best representation of myself here. As Well as a complete representation of everything and anything I am. I worry that I am too ambitious, and not enough. So I hope to continuously work hard until I am more than enough, and all my dreams and ambitions can simply become tasks that can be done.
Here are the first wire-frames I made when planning this website. The planning took... more hours than I'd like to admit, but I'm glad to see where things have started and where they are headed for.
- Ant hill, inspired by Ant world https://discordapp.com/invite/C9CvQjt (The landscape [which will have blowing wind, and moving clouds] and later added maze game to the Ant World Link.)
- The box, inspired by Anoukia Perry - In Pink https://www.pink.anoukiaperrey.com (The Corner Corp. Box displaying all our different sections. These sections include: Software Engineering Portfolio, Literature, Music, Photography & Art, The Corner Corp., Biography and more[such as acting career and such]) https://3dtransforms.desandro.com/cube
- Scrolling Sections, inspired by irui.is https://iuri.is (When a user zooms into one of the sections, it will take them to another page that talks about that sections specifics, and when you scroll down, it should be clean and tell more about each sections important parts.)
- Ant Attack, inspired by Contrast visuals.com https://contrast-visuals.com/info/ (mini game where the ants run away like our IB, and users can smash them if they click on them. This will be an endless game, just for esthetics)
- Season Decorations, inspired by my first portfolio https://codepen.io/makemesenpai/full/vrVxvW (Each CSS decorations will be held on each page, which will be on a timer or switch so that when the seasons change, we can change with them.)
Thanks for checking this out. Feel free to leave feedback, and share!