Ship
Devlog 12 (penultimate)
Model Architecture, Results Interactive Chart, Github Page
Learned SVG for the first time and made the model architecture pages; I mostly copied what worked and didn’t play around with CSS, but in the future, I’ll make the code easier to parse. My actual pride and joy is the results section, where I completed the SVG, uploaded it to GitHub, got the graph, and promptly added it to my code. This section is the only (minor) part that was made with the help of AI, as I could not figure out the logic (it’s too much). Also added a link and instructions for the GitHub page!
Devlog 11 (I’m losing my sanity.)
Added Photo Elements and Update Images
Last we left off, I finally finished with the buttons. Now I’ve done the logic for displaying the images and overwriting them every time. The border and CSS files were also correct to reflect these changes. I also added the augmentation files that the website pulls from to display the images along with alt text for each one.
ps did i also mention that it SCALES TO THE DEVICE? <chef’s kiss>
Devlog 10 (FINALLY)
Header and Footer.
Fixed the header to make it look more professional as well as add navigation buttons with small quirky animations. I also added the footer, finally removing the ever-present tester h1 tag and replacing it with my bog-standard footer. I also animated the icon to make them jump when you hover over them!
Devlog 9
Buttons for Demo
Finally completed the button designs for the demo part of the website when I show what augmentations I use for every model. Added hover animations and a (I assume) novel way of tracking the active state of buttons on Javascript. It uses an active class and assigns it to the clicked button by removing it from all others, ensuring that 2 buttons of the same class are not selected together.
I have also made the website=>
This is a test website and is subject to changes
p.s. If the link seems broken check the project page!
Devlog 8
Section 1 and Pixelated Borders
Created and wrote the first section with the problem statement and a short description of the project and my motivations. I also added the pixelated corners of my website to continue with the pixel art theme. I am going to start working on the augmentation tester and model architecture next.
Devlog 7
Background Star Twinkle and Base Sections.
I changed the JavaScript section to have random timings, size and positions of the stars in the script. I also changed the css to reflect the same and also added the transform command to the keyframe. I also set up the font (pixl sans) and also made the headers and base divs for the sections.
Devlog 5
Early stopping + Test Function
Added early stopping to prevent the model from overfitting and to preserve the best values. Added scikit-learn to work on the testing side and to help with storing the data for the multiple runs I do. The be-all and end-all will be running the model multiple times with different augment values and to see the sweet spot where the augmentation of the dataset starts to help generate more accurate results.
Devlog 4
Added Augment Number and Seed, Added Validation Test Set and introduced CSV files for proper attribution.
In Augment.py I finally bit the bullet and changed the script to work with titles like the name of the file. It will now also generate reproducible random results based on a seed function and number augments needed. In the Main.py I added validation data step to more clearly see where the model was over fitting. Also added the 2 data CSV files.
Added Validation and History for Tracking.
I removed the dataset from git status updates and will update it to another website or upload it git in the last commit. I added a validation dataset (splitting) and added it to model.fit. On top of that to track the model, I added history and charts to track the model.
Devlog 1
Augmented the Data.
Fixed file structure again, making it more cleaner and using .gitignore properly. Fixed the augment.py to work with the entire file at once instead of needing to select each file seperately. Fixed the Readme file to have a format, will update it as and when I complete said project.
To-do
- Input changes to the CNN for effective learning
- Adding a test/train split
- Documenting the changes that occur when Batch Size/Epochs are changed. (not really sure on this one)
Ship
Final Devlog!
Finished with the final touches and added all my own information! I’m going to ship it!
DevLog #3
What I did.
- Made a cute red panda and redrew the bamboo multiple times to make it fit continuously.
- Made said Bamboo, gave up and then proceeded to take the one good section and copy it to make the pole.
- Finally figured out how to use flex CSS and fixed the margins and padding to make it look smooth as pixels.
- FINALLY DEPLOYED IT :- https://pratyush-m-code.github.io/
What I learned.
Classes and ids are infact ridiculous, i am not going insane. I would like to add that everything should be made into a class and ids should be ** abolished ** .
Flex CSS is pretty cool and solves problems that I didn’t know existed like the margins of my tree-project div being too wide that the text cut off.
Lorem ipsum text is a life saver.
There is no such thing as too much organization. Things can always be over complicated.
P.S. Operas while coding are fantastic.
Design
Ok the panda does not add much, but i expect with further additions, the pixel jungle theme will begin to shine. I might dial down the colours tho.
TODO
- Fix the scroll wheel as it looks hideous
- Add a lil leaves falling off from the mouse animation
- Add text about me,myself and I.
- Fix the test header and footer
Added base HTML, CSS files and made pixelateCorner Function.
Worked on the base of the CSS file,fixing the colour scheme and making a proper base for future stuff. Made the basic website HTML and finalized the ids and classes of the divs (yet to be added). And made a pixlateCorner function to make the divs look nicer and more on theme.
Devlog #1 - Initalized html, fixed hackatime and fooled around with css to make a cohesive theme.
