DIMMiN Notes
My working notes related to the development of dimmin.com.
2025-09-04-Thursday
- Finished the outline of Programming by Pixels
- Started the first draft of Programming by Pixels
2025-09-03-Wednesday
- Collected starting images (more can be collected from the camera to demonstrate functionality of individual scripts), scripts, and other resources from PostiePi.
- Transferred to my local machine to start writing the Programming by Pixels Blog Post.
2025-09-01-Monday
- Updated the
Likefeature so that the color of the heart SVG represents the state of the post by the user (liked or not liked) - Added
Commentfunctionality for the Blog App - Closed Issue 8 after implementing blog post interactivity with users
- Opened a new issue called Upgrade Comments for Blog App which highlights the future upgrades that could be made for comments on blog posts.
2025-08-31-Sunday
- Fixed the SMTP email authentication issue by updating Google Workspace envrionment variables
- Implemented category tags for the Blog App so that tags can now be appropriately filtered by their tagged category (closing the Implement Blog App Categories Issue)
- Integrated the
Likefunctionality into the app, with interactivity via AJAX scripts - Organized / outlined all of the different issues related to the Blog App to tackle
2025-08-30-Saturday
- Updated last D3 Beta Distribution Data Visualization so that the user could alter distribution parameters before sampling / selecting which animation to play
- Pushed Static Files to Production, allowing blog posts to render properly in the Blog App
- Optimized D3 chart widths for mobile view
- Published Mini Martial Artists - Part 2, now available here
- Add a
ResearchPaperDjango Model to theBookNookapp, along with a correspondingResearchNoteobject and a Django Management Command to process it
2025-08-29-Friday
- Created the adjustable demo takedown success Beta Distribution chart that the user could interact with
- Created the sampling logic / animation for D3 charts
- Integrated Pixi with D3 animations, chaining them so the output of the D3 Data Visualization then activates a sequence of animations for the Spritesheets.
2025-08-28-Thursday
- Integrated Pixel Art animations into the blog post, storing Spritesheets in S3 via the
/media-proxy/Signed URL from theconfig/views.pyDjango View (which makes retrieving media assets super easy) - Allowed the user to interact with the sprites on click
- Re-wrote the Pixi Javascript so that animations can be easily chained and mapped to different div containers
- Created a versatile
BetaChartclass with D3 that can quickly produce nice Data Visualizations of Beta Distributions with flexible sizing, styling, and number of distributions - Began implementing the first collection of Beta Distribution Data Visualizations and positioning them in the blog post
2025-08-27-Wednesday
- Created correct Spritesheet and Metadata to include all animations
- Validated that all animations were working properly and that metadata properly associated each image with the correct snapshot
- Created a re-coloring script based on my recoloring logic around a base color, used this to create two different composite fighter spritesheets to use in my blog post
- Rendered these fighters in the browser with correct animations using Pixi
- Chained animations so that fighters can elegantly go between different animations / states using Pixi
2025-08-26-Tuesday
- Updated my
WGU MSDADSvault within the BigBrain App - Collected resources to finish up Mini Martial Artists - Part 2
- Started looking into Javascript libraries that can handle Spritesheets (specifically Pixi integrates directly with Aseprite)
2025-08-25-Monday
- Fixed Redis cache issue in prod, allowing for blog post images to be rendered without problems
- Created a data proxy to serve signed URLs of data directly to D3 for processing Data Visualizations
- Removed clunky iframe implementation of plotly and networkx charts and used js to build interactive Data Visualizations on A Major Problem with a Fort Minor Solution via div tags.
- Fixed CSS styling to more accurately reflect the styling choices I wanted to apply to the images in my Blog App
- Added Responsive Design elements to plotly charts so that they operate (and look good on) mobile
- FINALLY CLOSED OUT ISSUE 29 to take my
dimminS3 Bucket private (and all the above craziness I had to fix to get that to work)!