Hi! This is my digital sketchbook. I use this space to track my progress, sharing daily studies, sketches, and the random notes I write while figuring things out along the way.

15 / 10,000 (1/10)

Updates & Changelog

A list of stacking updates tracking changes made to the platform.

Update: v0.0.123
Date: 14.07.2026
  • Created the new /music page featuring a responsive album player, CSS checkerboard cover, timeline slider, and playlist tracklist
Update: v0.0.122
Date: 13.07.2026
  • Reverted the primary application font back to Roboto Flex
Update: v0.0.121
Date: 13.07.2026
  • Switched the primary application font from Noto Sans Mono to Azeret Mono
Update: v0.0.120
Date: 13.07.2026
  • Switched the primary application font from Fira Code to Noto Sans Mono
Update: v0.0.119
Date: 13.07.2026
  • Switched the primary application font from JetBrains Mono to Fira Code
Update: v0.0.118
Date: 13.07.2026
  • Switched the primary application font from Roboto Mono to JetBrains Mono
Update: v0.0.117
Date: 13.07.2026
  • Switched the primary application font from Roboto Flex to Roboto Mono
Update: v0.0.116
Date: 13.07.2026
  • Moved the brand heading logo dot inside the span tag so it has the same font-weight as 'digital'
Update: v0.0.115
Date: 13.07.2026
  • Changed the mobile menu close button background color to primary blue (#3186FE)
Update: v0.0.114
Date: 13.07.2026
  • Fixed lightbox swipe navigation triggering during pinch-to-zoom gestures on touch screens by ignoring multi-touch
Update: v0.0.113
Date: 13.07.2026
  • Centered the mobile menu modal title vertically and changed its close button X color to #f2f2f2
Update: v0.0.112
Date: 13.07.2026
  • Aligned the mobile articles sidebar modal title to the center axis to match the close button height
Update: v0.0.111
Date: 13.07.2026
  • Set zero padding and flex alignment on the articles sidebar close button to align the icon perfectly on the horizontal axis
Update: v0.0.110
Date: 13.07.2026
  • Moved the 80px top padding to the sidebar container to align the title and close button on the same vertical center axis
Update: v0.0.109
Date: 13.07.2026
  • Changed the articles sidebar close button X color to light grey (#f2f2f2)
Update: v0.0.108
Date: 13.07.2026
  • Added 80px top padding to the sidebar-header-box on desktop and ensured it is cleared (0) on mobile view
Update: v0.0.107
Date: 13.07.2026
  • Styled the DRAW text in the footer logo to have a heavy font-weight (800/900) and increased letter spacing
Update: v0.0.106
Date: 13.07.2026
  • Configured Extras footer column with Tutorials and Brushes, and Support column with Contact, FAQ, Updates, and Discord
Update: v0.0.105
Date: 13.07.2026
  • Renamed the About section in the footer to Menu and updated links to About, Admin, Gallery, and Subscribe
Update: v0.0.104
Date: 13.07.2026
  • Renamed the Boards section in the footer to Extras and updated links to Music, Brushes, Textures, and Others
Update: v0.0.103
Date: 13.07.2026
  • Swapped layout order of the music toggle button and the Instagram icon inside the footer
Update: v0.0.102
Date: 13.07.2026
  • Adjusted the music note toggle SVG icon size to 30px to perfectly balance with neighbors
Update: v0.0.101
Date: 13.07.2026
  • Increased the musical note SVG icon size to match optical heights of the neighboring social media icons
Update: v0.0.100
Date: 13.07.2026
  • Replaced the Facebook link in the footer with a music toggle button and set up background audio playback logic
Update: v0.0.99
Date: 13.07.2026
  • Styled the footer notification bell background and hover states to match the blue login button with a white SVG icon
Update: v0.0.98
Date: 13.07.2026
  • Updated login input placeholder text to a thin font-weight (100)
Update: v0.0.97
Date: 13.07.2026
  • Removed padding from the sub-footer container in mobile view
Update: v0.0.96
Date: 13.07.2026
  • Removed top padding from the footer container layout on mobile view
Update: v0.0.95
Date: 13.07.2026
  • Simplified mobile footer layout under 600px by hiding footer-content and using a 2-row CSS Grid for sub-footer
Update: v0.0.94
Date: 13.07.2026
  • Removed margin-bottom from the mobile header element layout block
Update: v0.0.93
Date: 13.07.2026
  • Switched mobile sidebar article items to use top borders instead of bottom borders
Update: v0.0.92
Date: 13.07.2026
  • Removed padding-left and padding-right from all sidebar-header-box selector blocks to match layout design
Update: v0.0.91
Date: 13.07.2026
  • Removed margin-top: 80px from all sidebar-header-box selector blocks to adjust top spacing
Update: v0.0.90
Date: 13.07.2026
  • Matched mobile articles sidebar header box styling to mobile menu header properties by removing border-bottom and background
Update: v0.0.89
Date: 13.07.2026
  • Converted mobile articles sidebar container to CSS Grid and cleaned up all internal !important flags
Update: v0.0.88
Date: 13.07.2026
  • Converted mobile menu modal container to CSS Grid and cleaned up all internal !important flags
Update: v0.0.87
Date: 13.07.2026
  • Restructured responsive grid under 1140px to place header-main-row inline in Row 1 and status-bar in Row 2
Update: v0.0.86
Date: 13.07.2026
  • Configured responsive header with login button to utilize a single-column (1fr) grid layout
Update: v0.0.85
Date: 13.07.2026
  • Converted global header element layout structure to use CSS Grid instead of Flexbox
Update: v0.0.84
Date: 13.07.2026
  • Refactored mobile header to a two-row grid on screens under 600px and removed all remaining !important flags
Update: v0.0.83
Date: 13.07.2026
  • Removed all !important flags from the mobile header grid layout block in responsive CSS
Update: v0.0.82
Date: 13.07.2026
  • Forced mobile header grid layout to stretch using justify-items: stretch and width: 100% to restore edge spacing on mobile headers
Update: v0.0.81
Date: 13.07.2026
  • Refactored mobile header layout to CSS Grid, stacking header-main-row as first row and status-main as second row
Update: v0.0.80
Date: 13.07.2026
  • Overrode general btn-action SVG position: absolute and translate transform with position: static and transform: none on mobile sidebar close button SVG
Update: v0.0.79
Date: 13.07.2026
  • Overrode desktop absolute positioning with position: static on mobile sidebar close button to allow natural flexbox row alignment
Update: v0.0.78
Date: 13.07.2026
  • Overrode desktop close button translateY(-50%) translation with transform: none on mobile sidebar close button to prevent hover shifting
Update: v0.0.77
Date: 13.07.2026
  • Cleaned up responsive stylesheet by removing redundant !important flags from the mobile sidebar layout rules
Update: v0.0.76
Date: 13.07.2026
  • Disabled all hover scale and transition animations on the mobile articles sidebar close button
Update: v0.0.75
Date: 13.07.2026
  • Fixed mobile articles drawer rendering by making parent containers 0px width with overflow: visible and pointer-events: none
Update: v0.0.74
Date: 13.07.2026
  • Hid desktop sidebar-container and sidebar-wrapper on mobile viewports (<1140px) to prevent layout blocking and restore burger menu clickability
Update: v0.0.73
Date: 13.07.2026
  • Disabled transitions on mobile articles sidebar to prevent the sliding animation and open instantly
Update: v0.0.72
Date: 13.07.2026
  • Matched articles sidebar mobile header-box styles and margin logic exactly to mobile-menu-header properties
Update: v0.0.71
Date: 13.07.2026
  • Refactored articles sidebar mobile layout logic to match mobile menu modal layout (moved padding to parent, static flow, height: 41px)
Update: v0.0.70
Date: 13.07.2026
  • Fixed articles sidebar header-box overflow using border-box sizing and adjusting height to 81px to restore close button visibility
Update: v0.0.69
Date: 13.07.2026
  • Aligned mobile articles sidebar header-box to height: 41px matching the mobile header row logic, removing absolute close button positioning
Update: v0.0.68
Date: 13.07.2026
  • Aligned mobile menu title (MENU) vertically to the top of its header container, matching brand logo top-alignment
Update: v0.0.67
Date: 13.07.2026
  • Aligned mobile menu modal header to height: 41px matching the mobile header row logic, removing absolute close button positioning
Update: v0.0.66
Date: 13.07.2026
  • Set max-height on mobile header-left to 41px matching the burger button height, and downscaled logo font-size to 1.15rem to fit
Update: v0.0.65
Date: 13.07.2026
  • Aligned close buttons on both mobile menu modal and articles sidebar drawer with the header's burger button at top: 42px
Update: v0.0.64
Date: 13.07.2026
  • Corrected mobile menu toggle button title and accessibility labels in header.php
Update: v0.0.63
Date: 13.07.2026
  • Scaled down the skull logo eye path shapes further to 60% (scale(0.6)) in CSS to make them smaller
Update: v0.0.62
Date: 13.07.2026
  • Scaled down the skull logo eye path shapes further to 80% (scale(0.8)) in CSS to make them smaller
Update: v0.0.61
Date: 13.07.2026
  • Scaled down the skull logo eye path shapes by 10% in CSS to make them slightly smaller
Update: v0.0.60
Date: 13.07.2026
  • Updated skull logo eye-glow keyframe animation to cycle between custom blue values (#66b2ff and #3187ff)
Update: v0.0.59
Date: 13.07.2026
  • Increased letter-spacing on the mobile page counter text to 2px for better legibility
Update: v0.0.58
Date: 13.07.2026
  • Added subtle letter-spacing to the page counter text on mobile view to improve legibility
Update: v0.0.57
Date: 13.07.2026
  • Aligned mobile progress bar (exp bar) and page counter inline on a single row while maintaining original styles and total page counter visibility
Update: v0.0.56
Date: 13.07.2026
  • Refactored mobile progress bar (exp bar) to display inline, hidden total count, and restored parentheses on segment indicators
Update: v0.0.55
Date: 13.07.2026
  • Refactored mobile brand header, rendering the skull logo icon and splitting the SKETCHBOOK.DIGITAL text into two lines
Update: v0.0.54
Date: 13.07.2026
  • Changed mobile button shapes (burger, close buttons, and menu items) from fully circled/sphered to 6px rounded corners
Update: v0.0.53
Date: 13.07.2026
  • Removed scale animation from the gallery image hover zoom-hint icon, leaving only the fade reveal animation active
Update: v0.0.52
Date: 13.07.2026
  • Moved mobile menu modal CSS rules to the global level to ensure the modal opens correctly on all viewports under 1140px
Update: v0.0.51
Date: 13.07.2026
  • Updated lightbox image click behavior to close the preview mode when the preview image itself is clicked
Update: v0.0.50
Date: 13.07.2026
  • Adjusted tablet view scale to start at 1140px, hiding login button and displaying circle burger menu button under 1140px
Update: v0.0.49
Date: 13.07.2026
  • Refactored tablet view (under 1000px) to hide the login button and display the custom circle burger menu button
Update: v0.0.48
Date: 13.07.2026
  • Styled mobile articles list drawer matching light theme, divider lines, custom close icon, and hid article dates
Update: v0.0.47
Date: 13.07.2026
  • Refactored mobile header view, added circle blue burger toggle button, and created full-screen mobile menu drawer modal
Update: v0.0.46
Date: 12.07.2026
  • Clip outer 1px edges of thumbnail-imgs to crop away any scanner borders or subpixel division gaps on hover
Update: v0.0.45
Date: 12.07.2026
  • Remove default transparent borders on thumbnail-containers to avoid rendering thin borders or subpixel gaps
Update: v0.0.44
Date: 12.07.2026
  • Remove box shadow from guest gallery items to prevent vignetting/shadow bleeding on seamless images
Update: v0.0.43
Date: 12.07.2026
  • Change default gallery image brightness filter value to 0.9 for less pre-hover darkening
Update: v0.0.42
Date: 12.07.2026
  • Remove redundant return button (btn-back) from header and maintain default left-aligned logo layout
Update: v0.0.41
Date: 12.07.2026
  • Remove active color highlights on sidebar fold button hover
Update: v0.0.40
Date: 12.07.2026
  • Override active sidebar article link text colors to #000000 under body.article-open to keep active read titles black
Update: v0.0.39
Date: 12.07.2026
  • Inherit color on sidebar article title to ensure active states remain properly black
Update: v0.0.38
Date: 12.07.2026
  • Ensure sidebar article items only have a top border (no bottom border on last-child)
Update: v0.0.37
Date: 12.07.2026
  • Add and apply --article_theme_border (1px solid black with 20% opacity) to sidebar article items
Update: v0.0.36
Date: 12.07.2026
  • Extract #F2F2F2 color as --article_theme_color and link sidebar component, button, and child variables to it
Update: v0.0.35
Date: 12.07.2026
  • Add and apply --article_sidebar_component_bg and --article_sidebar_button_bg variables with color #F2F2F2
Update: v0.0.34
Date: 12.07.2026
  • Remove box-shadow from sidebar fold button
Update: v0.0.33
Date: 12.07.2026
  • Remove border-bottom from articles sidebar header box
Update: v0.0.32
Date: 12.07.2026
  • Convert articles sidebar panel to light theme: white background, black titles/text, light gray dividers, and blue edit link colors
Update: v0.0.31
Date: 12.07.2026
  • Implement global browser autofill override styling using active input design variables, custom caret color, and a delayed transition trick to block browser background colors
Update: v0.0.30
Date: 12.07.2026
  • Override browser autofill input styles in login modal to match active design system styling (border, text color, background, and font weight variables)
Update: v0.0.29
Date: 12.07.2026
  • Add global gallery image brightness variable to variables.css
  • Apply default brightness filter (0.7) to thumbnail images and transition to full brightness (1.0) on hover
  • Remove thumbnail border highlight and guest item shadow transitions on hover to keep layout fully static
Update: v0.0.28
Date: 12.07.2026
  • Remove hover opacity effect overlay on gallery thumbnail images
Update: v0.0.27
Date: 12.07.2026
  • Remove border-radius from gallery items, thumbnail containers, and thumbnail images
  • Disable translate hover animation on thumbnail containers
Update: v0.0.26
Date: 12.07.2026
  • Hide the story indicator links and page numbering (item index) overlays in gallery items
  • Set the gallery grid gap to 0px for side-by-side image layouts without gaps
Update: v0.0.25
Date: 12.07.2026
  • Add and apply global CSS variables for input borders, text weight (200), padding, opacity, and normal/hover button color variables
  • Update login modal inputs using new global variables and restore uppercase label elements
  • Update header login button styling to match the modal's enter button (8px border-radius, 0.85rem font-size, 1.5px letter-spacing, and shared border)
  • Update login modal Cancel button to use dark background and transition to a vibrant red on hover
  • Apply the new shared button border with 10% opacity globally to all login-related buttons
  • Update the footer notification bell border-radius to 8px to match buttons
  • Set login modal side panel background image to assets/images/login.jpg
Update: v0.0.24
Date: 11.07.2026
  • Remove book icon from the ARTICLES heading in the sidebar
  • Add book icon to inactive articles in the sidebar list while keeping the skull icon for active articles
  • Center active and inactive article icons vertically relative to the sidebar article titles
  • Increase sidebar article icon size to 16px and adjust positioning for better spacing
  • Change inactive article book icon color to solid primary blue with full opacity, while keeping the active skull icon red
  • Update header login button to use uppercase text typography styled like the footer notification bell (dark background, primary blue text, white text on primary blue hover) with a round border radius
  • Apply matching typography-based button styling with primary blue background, thin black text, and 4px border radius to the login modal submit button, and change its text to ENTER
  • Adjust header login button height to 32px (and reduce padding/font-size) on screens below 1100px to maintain size consistency with the article menu toggle button
  • Update sidebar fold/unfold double arrow button to have the primary blue background and dark icon color at all times, with a brightness hover highlight
  • Make sidebar fold/unfold button height consistent with other buttons (40px on desktop, scaling to 32px on mobile)
  • Increase font size of the ARTICLES heading in the sidebar to 1.6rem
  • Change the articles sidebar left border color to #ECECEC instead of primary blue
  • Update body.article-open active link styling to use #ECECEC instead of primary blue
  • Update mobile articles modal theme color variables for headline and edit button to use #ECECEC instead of primary blue
  • Update desktop articles sidebar elements (titles, active states, edit links, fold button background) to use #ECECEC instead of primary blue
  • Optimize layout of the desktop articles sidebar to be compact, centered, and left-aligned, separated by thin borders and set to 16px 20px padding with 0 margin-bottom on titles
  • Hide article indicator icons (skull/book) beside the titles globally in the sidebar
  • Hide the publication date globally for all article items in the sidebar container
  • Redesign the mobile open articles sidebar to look like a modal list, introducing custom mobile modal color variables for background (#000), headlines (#3186FE), article titles (#FFF), meta date (#83A3B8), edit button (#3186FE), and card backgrounds (#171718), layout-spaced with clamp() and container queries
  • Define --mobile-modal-article-post-container-padding variable (40px vertical, 20px horizontal) and apply it to the mobile article card components
  • Apply fluid responsive scaling using clamp() to header action and login buttons to resize smoothly with the viewport width
  • Implement container queries (inline-size) on gallery item headers and footers to scale action buttons relative to the card width while keeping the thumbnail image layout unaffected
  • Align the sidebar fold/unfold button's top position with the header login button (80px) on desktop
  • Align the vertical center of the Articles sidebar heading with the login and fold buttons (80px margin-top, 40px height) on desktop
  • Center the Articles heading in the sidebar and absolutely position the close button on the right edge for mobile devices
  • Increase font size of Articles heading in the sidebar to 1rem
  • Change font-weight of sidebar article headings from 600 to 400 (regular)
  • Add a very subtle background color to sidebar article items with a slightly lighter hover state
  • Add 65px top padding to sidebar scroll area to align the first article item horizontally with the header's experience bar
Update: v0.0.23
Date: 09.07.2026
  • Remove inline onclick mobile toggle handlers to resolve double trigger toggles
  • Synchronize responsive sidebar widths under 1400px to prevent fold icon detachment
  • Remove border radius and keep only top/bottom borders on page outer wrapper
Update: v0.0.22
Date: 23.05.2026
  • Center sitemap container and improve layout
  • Fix sitemap container overflow and footer layout
  • Allow sitemap list to expand height
Update: v0.0.21
Date: 22.05.2026
  • Bring sparks canvas to the front layer
  • Return 404 Not Found for blocked files and directories
  • Block public access to .env and sensitive files
Update: v0.0.20
Date: 21.05.2026
  • Replace linear-gradient background grid with SVG cross pattern
  • Touch device support for gallery indicators using @media hover query
  • Hover transitions for gallery item page number and story icon
Update: v0.0.19
Date: 19.05.2026
  • Add missing lightbox HTML and JS to article reader view
  • Style article images to full width and attach lightbox functionality
  • Correct upload path to use project root assets instead of public
Update: v0.0.18
Date: 18.05.2026
  • Update cookie banner icon to custom SVG and remove accept button hover raise animation
  • Decouple cookie banner JavaScript from Google Analytics check to ensure it always renders and executes
  • Migrate cookie consent from localstorage to standard HTTP cookies
Update: v0.0.17
Date: 14.05.2026
  • Article implementation iteration 1 - end
  • Restructure article CMS rows into two-column Container A and Container B layout
  • Updated admin articles view to card row layout matching the dashboard aesthetic
Update: v0.0.16
Date: 13.05.2026
  • Finalize ultra-minimalist 'Behind the Scenes' video section
  • Further simplify video section by removing explanation for lack of audio
  • Simplify video section description by removing technical recording details
Update: v0.0.15
Date: 10.05.2026
  • Update X (Twitter) social link in footer
  • Restore Pinterest social link in footer
  • Complete removal of Pinterest integration and styling
Update: v0.0.14
Date: 09.05.2026
  • Include required hit_date column in analytics logging
  • Remove redundant GA script from head to prevent double counting
  • Implement google analytics script rendering
Update: v0.0.13
Date: 08.05.2026
  • Segmented progress bar and UI cleanup
  • Implement dynamic branding and refine site settings UI
  • Enhance page settings metadata with 2-column tech specs and original file links
Update: v0.0.12
Date: 05.05.2026
  • Universal migrations and broken-state recovery logic for VPS
  • Hardened renaming logic and updated migrations for VPS column sync
  • Update migrations with missing SEO and timestamp columns
Update: v0.0.11
Date: 26.04.2026
  • Synchronize tab title and H1 heading logic in story view
  • Implement dynamic SEO metadata, OpenGraph tags, and heading hierarchy optimization
  • Change drawing purpose hero image to 11.jpg and sync visual polish
Update: v0.0.10
Date: 21.04.2026
  • Refine icon hover animations and update logout button style
  • Implement global fluid padding system and finalize page settings UI
  • Refactor settings form to vertical flex layout and position navigation absolutely
Update: v0.0.9
Date: 20.04.2026
  • Update FAQ content and add new questions
  • Added page settings administrative icon to gallery items
  • Perfected footer nav alignment with inner wrapper
Update: v0.0.8
Date: 17.04.2026
  • Increase PHP upload and memory limits for large images
Update: v0.0.7
Date: 16.04.2026
  • Make login button always blue - Last One before Partials
  • Implement www to root redirection in Caddyfile
  • Add www subdomain to Caddyfile for SSL
Update: v0.0.6
Date: 15.04.2026
  • Cleanup diagnostic logs for production release
  • Finalize dynamic user_id for uploads
  • Dynamically use session user_id for uploads to prevent foreign key errors
Update: v0.0.5
Date: 13.04.2026
  • Implement height-sync and isolated scrolling for story presentation
Update: v0.0.4
Date: 12.04.2026
  • Resolve double upload race condition and refine gallery card spacing
  • Implement premium 2-column story presentation with synced heights and access control
  • Improve image processing in ImageService and add upload validation script
Update: v0.0.3
Date: 10.04.2026
  • Redesign blog editor to match minimalist reference aesthetic
  • Implement Quill.js blog editor with local library, posts table, and admin routes
  • Developing v.2 continuing new features
Update: v0.0.2
Date: 07.04.2026
  • Corrected guest login icon and finalized thin card numbering
  • Removed blue from all outlines and hover effects
  • Updated public numbering to thin and slightly larger font
Update: v0.0.1
Date: 06.04.2026
  • Make image reordering and deletion asynchronous using fetch()
  • Implement image reordering using fractional indexing
  • Refactor models into single Image model and update controller