Sketchbook Digital

Welcome! This is my digital sketchbook. I use this space to track my progress by sharing everything from polished practice sessions to the messy, unfinished sketches and random notes I generate while figuring things out. Everything here is raw, documenting the honest reality of the learning process.

23 | 10,000 (1/10)

Updates & Changelog

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

Update: v0.0.171
Date: 05.08.2026
  • Disabled access to the /about page route and removed About navigation links from header and footer
Update: v0.0.170
Date: 01.08.2026
  • Guaranteed 1s+ solid opacity hold for grid particles and styled article writing UI buttons to digital login theme
Update: v0.0.169
Date: 01.08.2026
  • Applied matching static grid background and digital button styles to admin card modals and delete options
Update: v0.0.168
Date: 01.08.2026
  • Added grid-space beam particle system with directional geometric head shapes (triangles, squares, circles) and #258FFF trails
Update: v0.0.167
Date: 31.07.2026
  • Upgraded background grid to scrolling 3D pincushion tunnel curvature projection, removed local mouse warps, and centered login modal grid vignette
Update: v0.0.166
Date: 31.07.2026
  • Aligned progress/experience track elements with shared digital relaxed button variables
Update: v0.0.165
Date: 31.07.2026
  • Aligned input and button styles across header, modals, contact forms, and overlay panels using shared variables
Update: v0.0.164
Date: 31.07.2026
  • Redesigned article sidebar and fold toggle button with custom borders, colors, and shadows
Update: v0.0.163
Date: 31.07.2026
  • Integrated ResizeObserver for canvas scaling on mobile, and increased background grid visibility/opacity
Update: v0.0.162
Date: 31.07.2026
  • Synchronized canvas progress bar fill and page count animations with sharp rectangle tracker style
Update: v0.0.161
Date: 31.07.2026
  • Replaced CSS progress bar fill with interactive Canvas, modularizing CSS into _progress_bar.css and JS into exp_bar_canvas.js
Update: v0.0.160
Date: 31.07.2026
  • Updated lightbox overlay background with semi-transparent dark tint and frosted glass backdrop blur filter
Update: v0.0.159
Date: 31.07.2026
  • Added full-screen radial-gradient vignetting overlay to fade the background grid into dark void edges
Update: v0.0.158
Date: 31.07.2026
  • Replaced static CSS background grid with interactive Canvas grid featuring mouse-warp and lighting glow, adding fallback toggle
Update: v0.0.157
Date: 31.07.2026
  • Updated header progress bar styling variables for stroke, background fill, and custom inner glow shadow
Update: v0.0.156
Date: 31.07.2026
  • Randomized trailing steps for falling sparks to make some trails visually longer
  • Fixed FAQ and Contact page layout break by resolving body class name collisions
  • Refactored CSS styles by splitting _contact_faq.css into separate component stylesheets
Update: v0.0.155
Date: 31.07.2026
  • Replaced the footer text and pencil image container with the inline did_you_draw_today SVG logo
  • Wrapped the new footer SVG logo in a link pointing to the drawing purpose page
  • Updated introduction and conclusion paragraphs on the drawing purpose page
Update: v0.0.154
Date: 30.07.2026
  • Refactored falling sparks canvas background particles to use a centralized configuration object and randomized utility helper
  • Renamed spark velocity properties from x/y to horizontal/vertical for clarity
  • Updated spark color to #75b6ff and reduced the particle fade-out speed for longer lifespans
  • Implemented trailing motion blur effects for falling sparks using positional history arrays
Update: v0.0.153
Date: 27.07.2026
  • Created a dedicated About page containing the introduction text, and linked it from footer and mobile header menus
Update: v0.0.152
Date: 27.07.2026
  • Decreased size of dashboard overlay item action controller and download buttons from 58px to 46px
Update: v0.0.151
Date: 27.07.2026
  • Changed desktop gallery grid column count from 4 columns to 6 columns
Update: v0.0.150
Date: 27.07.2026
  • Swapped the positions of Contact and FAQ navigation links in the footer Support section
Update: v0.0.149
Date: 27.07.2026
  • Simplified drawing purpose conclusion text by starting directly with the highlighted prompt sentence
Update: v0.0.148
Date: 27.07.2026
  • Adjusted the font size of the section headings on the drawing-purpose page to 1.2rem
Update: v0.0.147
Date: 27.07.2026
  • Adjusted the font weight of the section headings on the drawing-purpose page to 500
Update: v0.0.146
Date: 27.07.2026
  • Changed the font color of the core section headings on the drawing-purpose page to primary blue
Update: v0.0.145
Date: 27.07.2026
  • Removed question dividers in the FAQ container and the secondary info section divider, and updated contact navigation helper link text
Update: v0.0.144
Date: 27.07.2026
  • Changed the default FAQ question text color to primary blue and removed the hover color transition effect
Update: v0.0.143
Date: 27.07.2026
  • Fixed CSS specificity rules for .faq-card to ensure its padding-top override is correctly applied
Update: v0.0.142
Date: 27.07.2026
  • Removed margins on the .faq-list container element in _contact_faq.css
Update: v0.0.141
Date: 27.07.2026
  • Moved the top padding override from the outer FAQ layout container back to the specific .faq-card component wrapper
Update: v0.0.140
Date: 27.07.2026
  • Added Why a skull? question as the first FAQ item, renumbered subsequent list items, and removed top padding from the FAQ page container
Update: v0.0.139
Date: 27.07.2026
  • Adjusted animated background grid scroll speed setting to 3s
Update: v0.0.138
Date: 27.07.2026
  • Introduced grid speed variables and synchronized default size (40px), weight (.4px), and color (#0f2249) settings
Update: v0.0.137
Date: 27.07.2026
  • Updated grid color setting variable to a solid RGB value to prevent double-blend overlapping artifacts at grid line intersections
Update: v0.0.136
Date: 27.07.2026
  • Migrated background grid layout to native CSS linear-gradients, binding size, stroke weight, and color to dedicated controller variables
Update: v0.0.135
Date: 27.07.2026
  • Parameterised background grid size using CSS variables and simplified grid SVG string for easy thickness controls
Update: v0.0.134
Date: 27.07.2026
  • Moved background grid SVG variables from global variables.css into the isolated _animated_grid.css file
Update: v0.0.133
Date: 27.07.2026
  • Isolated scrolling background grid styles and animation keyframes into a separate _animated_grid.css file
Update: v0.0.132
Date: 27.07.2026
  • Migrated background grid scrolling animations to GPU-accelerated translate3d on pseudo-elements for body and login cards
Update: v0.0.131
Date: 27.07.2026
  • Fixed HTMX global link boosting by explicitly triggering htmx.process(document.body) in app.js
  • Added single-click zoom toggle, drag-to-pan, and touch pinch-to-zoom support to the image lightbox
  • Added HTMX standards and hypermedia lifecycle guidelines to GEMINI.md workspace rules
Update: v0.0.130
Date: 27.07.2026
  • Integrated HTMX library globally in head.php for no-reload page transitions
  • Configured dynamic global HTMX body boosting and updated app.js to safely re-initialize modules on htmx:load events
  • Excluded dashboard logout forms from HTMX boosting to allow full session clears
Update: v0.0.129
Date: 26.07.2026
  • Added GitHub social icon as the first item in the footer social links section pointing to github.com/mackotomi
  • Increased the experience bar container padding variable to 10px
  • Updated header page count separators and text to use --primary color, changed '/' separator to '|', aligned them vertically via inline-flex, and added a 6px horizontal gap
  • Moved login modal HTML and JS triggers globally to footer.php and app.js so the Admin footer link works on all pages
  • Removed margins and set padding to 40px top/bottom on the updates page outer container
  • Aligned the footer page count format with the header counter by replacing '/' with '|', setting colors to --primary, and using inline-flex with a 6px gap
  • Swapped layout order of the footer page counter and notification bell so the counter appears first
  • Hid the footer page counter by default using the hidden class
  • Changed the footer grid template columns to auto-fit both the first logo column and the fifth stat group column so that the navigation links are aligned to the center
  • Removed hover transitions/animations and decreased letter spacing to 2px on the 'DRAW' keyword inside the footer logo
  • Styled .admin-article-row to use experience bar variables for its background, border, and border-radius (4px)
  • Aligned contact form input fields to use the same custom variables and styling as the login modal inputs
  • Removed label tags for Name, Email, Subject, and Message fields in contact_view.php
  • Styled contact form Send Message button to match the login modal ENTER button style
  • Set font-family: inherit on contact form inputs and textareas to fix browser fallback styles
  • Removed the 'Find Me Elsewhere' social links section in contact_view.php
  • Removed horizontal padding from the contact form card container (.contact-card)
  • Updated contact page invitation description text
  • Hid the experience status bar when viewing admin dashboard pages (articles, analytics, settings)
  • Reduced top and bottom padding of the analytics page container to 40px
  • Reduced top and bottom padding of the articles page container to 40px
  • Updated the background color of admin article list rows (.admin-article-row) to 50% opacity #3B434E, removed hover background color changes, and set colors for 'Published' (#3D9F69) and 'Draft' (#dc9938) status badges while removing their padding
  • Styled update card headers (.update-card-header) with a solid slate background (rgb(148, 163, 184)) and removed all borders on update cards
  • Created custom logout variables and customized dashboard logout and delete buttons resting, hover, and active states
  • Created card-local warning modal for gallery item deletion with custom deep-red glass design (80% opacity + blur) and YES/NO confirmations
  • Created new CSS variable --universal-button-border-radius: 4px and applied it to all buttons, including dashboard header and gallery item overlay buttons
Update: v0.0.128
Date: 26.07.2026
  • Introduced global CSS variables for experience bar customization (border radius, color, background, padding, and indicator properties)
  • Created --specific-border-type-a (4px) and applied it to the login button, footer bell, and experience bar track
  • Applied the new experience bar variables to progress track/fill styling and updated inline layout variables in header.php
  • Styled the header login button using dashboard variables (resting border color matches the experience bar) and used a 1px border with a 1px hover box-shadow to prevent layout shift, with custom border radius (4px)
  • Styled login modal input fields to match the experience bar theme, set typed text to the indicator color, and set placeholder text to the resting button color
  • Aligned the footer notification bell styling to match the header login button resting and hover states
  • Removed username and password label elements from the login modal form in home_view.php
  • Removed vertical spacing between login modal inputs and removed margin-top on the login button row
  • Aligned the login modal ENTER button styling with the header login button variables and hover states
  • Created red button variables for resting/hover states and styled the login modal CANCEL button using them
  • Set the CANCEL and ENTER buttons in the login modal to equal widths with a 15px horizontal gap
  • Updated repeating background grid SVG color to dark steel blue, defined --animated-grid-opacity (0.3), and set SVG fill opacity to 0.3
Update: v0.0.127
Date: 24.07.2026
  • Redesigned the admin dashboard gallery card controls to use a click-toggle overlay with an enlarged 7-button diamond cluster layout (2-3-2 configuration)
  • Implemented click/tap triggers for administrators to toggle overlays on all viewports, separating visitor direct lightbox actions
Update: v0.0.126
Date: 23.07.2026
  • Redesigned the dashboard gallery item layout to hide action and navigation buttons by default and reveal them as a centered 3x2 grid overlay on hover
Update: v0.0.125
Date: 23.07.2026
  • Created CSS variables for Dashboard Header button states (disabled, resting, hover, and active states)
Update: v0.0.124
Date: 17.07.2026
  • Redesigned the music page with multiple albums, a polaroid-style sleeve player, and white-themed tracklist rows matching the mockup design
  • Aligned music player container layout vertically with the site logo using fluid padding variables
  • Unified spacing gaps between track list items and buy buttons for a seamless vertical layout flow
  • Updated album purchase call-to-action button text to BUY THE FULL ALBUM AND SUPPORT THE ARTIST
  • Renamed the main music container ID from musicPlayerPage to music-production-component across views, CSS, and JS
  • Removed background color styling from the music production component
  • Removed the bottom border and bottom padding from the album rows for tighter grid spacing
  • Decreased vertical layout gap between album rows in the albums container to 1rem
  • Decreased grid layout gap between the player card and playlist card containers to 1rem
  • Replaced the tracklist header bullseye SVG icon with a record icon SVG
  • Aligned player and tracklist card heights by enabling grid stretch and adding a flexbox column layout to the player card
  • Changed the record SVG icon fill color to inherit currentColor for consistent medium grey color matching with TRACKLIST text
  • Removed the bottom padding from the main music-production-component layout container
  • Configured the album cover sleeve container to a perfect 1:1 aspect ratio with uniform padding around the square image
  • Aligned the EP label text font-size and letter-spacing with the TRACKLIST title typography to be 1.3rem and 0.05em
  • Set the font weight of tracklist track names and support buttons to 100 (thin)
  • Split the left music player card into two separate stacked containers: a cover wrapper and a dark card for player controls
  • Removed layout gap between the cover wrapper and player controls card so they touch directly, adjusting corner borders for a seamless flow
  • Removed zoom, translate, and scale-up hover animations from sliders, playback buttons, and tracklist list items for a static visual style
  • Disabled text highlight selection on playlist tracklist items to prevent accidental drag highlights
  • Applied user-select: none to the albums container layout to make players non-selectable while keeping the main header titles selectable
  • Removed max-width restrictions on the album cover sleeve in mobile viewport queries to allow it to fill the full card width in a perfect 1:1 square
  • Added a rounded background style (slightly lighter grey than the controls card) to the next and previous playback buttons
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