DevLog commit number badges
- Added a commit number to the top-right corner of each DevLog card.
- Kept deploy cards easy to scan without changing their public notes.
- Matched the badge to the quiet DevLog visual style on desktop and mobile screens.
Public site log
Site Development Log
A public record of how TeeSF.com changes over time: brief deployment notes first,
then a Change Journal note after every ten commits to explain what changed on the site. This block is edited
and updated with 
OpenAI Codex.
Album Finder
Browse by mood and subject.
Search or filter the public albums by companies, places, and visual stories.
No albums match this search.
Created with OpenAI Codex
Log Structure
Each deployment adds one short entry with three to five public bullets. After every ten commits, those entries are folded into a plain-language Change Journal note.
After every deploy: assign a new version, update
assets/data/site.json, and add one public log entry with date,
version, public impact, and 3-5 short bullets.
Every ten commits: publish one narrative summary of visible site work,
grouped as a public 10-commit note.
Privacy check: keep service names high-level and remove anything personal,
secret, or account-specific.
Version number: every public site version uses
TSF-YYYY.MM.DD.N, where the date is San Francisco / Pacific Time
and N is the deploy number for that Pacific Time day.
The current version must be visible in the fixed bottom-right badge on every public page.
Deploy note template:
10-commit note template:
Date - version - deploy label - public impact - 3 to 5 bullets10-commit note template:
Commit range - date range - covered versions - short title - 2 to 4 paragraphs in public, non-private language
Deploy Log
Short summaries of what changed in each public deployment.
DevLog version badge restoration
- Restored the DevLog version badge to the fixed bottom-right position.
- Matched the DevLog badge placement to the homepage version badge.
- Kept the badge small and readable on mobile screens.
About and contact restoration
- Restored About and Contact links in the shared public navigation.
- Restored the homepage About section near the bottom of the page.
- Restored the masked phone reveal button in the bottom contact area.
- Kept the same simple personal copy and non-commercial tone.
Homepage navigation focus
- Focused the homepage navigation on Gallery, Album Finder, Albums, and the OpenAI Codex Blog.
- Updated the shared navigation map so generated album pages use the same public links.
- Kept the homepage gallery and album finder working after removing the older Featured, About, and Contact sections.
Complete Change Journal history
- Added every historical 10-commit Change Journal note to this DevLog page.
- Ordered the Change Journal from the newest commit range to the oldest range.
- Documented that future public updates must keep the full Change Journal automatically refreshed from Git history.
Album Finder OpenAI Codex credit
- Added a bottom-right OpenAI Codex credit to every Album Finder block.
- Kept the credit small and aligned with the finder layout on desktop and mobile screens.
- Documented the Album Finder credit as a standing site rule for future updates.
DevLog mobile badge refinement
- Moved the mobile DevLog version badge away from the bottom reading area.
- Kept the new Change Journal text clear and readable on small screens.
- Preserved the current public version visibility while browsing the DevLog.
Album lightbox restoration
- Restored large photo viewing on generated album pages.
- Added close, previous, next, keyboard, and mobile swipe controls.
- Kept album captions and descriptive alt text available in the expanded view.
- Documented the lightbox as a standing feature to preserve in future gallery and album updates.
Change Journal publishing model
- Renamed the long-form DevLog section to Change Journal.
- Changed the narrative rule from a calendar-based note to one public 10-commit note after every ten commits.
- Updated the first long-form entry to show the new commit-range format.
- Documented the Change Journal rule in the project guide so future site work follows the same model.
Album Finder expansion
- Added the searchable Album Finder structure to the homepage.
- Added the same Album Finder to the public album index and this DevLog page.
- Changed the Finder tab order to Stories, Places, Companies, and All.
- Kept album links canonical with real `/albums/` URLs for public sharing and search discovery.
Album cross-link expansion
- Linked existing San Francisco photos into City Details without moving original files.
- Expanded Portraits, Personal Favorites, and Events with related archive photos.
- Added related-album support in the album generator so one photo can appear in multiple SEO album pages.
- Added server-side legacy album redirects and documented the redirect rule for public URLs that stop existing.
Album finder links
- Changed the generated bottom Browse by mood and subject block into an Album Finder with search and category tabs.
- Kept every album destination as a real canonical link for people and search engines.
- Added a small album-finder JavaScript file for filtering without changing homepage gallery behavior.
- Rebuilt generated album pages and sitemap output with the updated public version.
Album discovery links
- Added a Latest Albums block on the homepage so new public album sets appear near the top of the site.
- Linked the Gallery Wall note to the full album index and the newest Stripe Sessions collection.
- Added shortcut links on the album index for recent frames, the latest collection, and the homepage.
- Rebuilt generated album pages and sitemap output with the updated public version.
Stripe Sessions 2026 collection
- Added a parent Stripe Sessions 2026 Conference collection page for photos from Stripe Sessions 2026.
- Created nested SEO album pages for company booths, conference floor moments, and nearby city walks.
- Used readable URLs such as /albums/stripe-sessions-2026-conference/companies/adobe/.
- Updated gallery data, album metadata, generated pages, and sitemap image entries.
Album cross-linking block
- Added a bottom Browse by mood and subject block to generated album pages.
- Linked each album page to the other public album pages and the main album index.
- Updated the standing album rules so future album updates keep cross-linking in place.
- Rebuilt generated album pages with the updated shared template.
Album card readability
- Strengthened the dark gradient and text contrast on album cover cards.
- Made album names and photo counts bolder so they stay readable over busy images.
- Centered the Photo Albums intro and simplified its supporting copy.
- Rebuilt generated album pages and sitemap output with the updated version.
SEO album layout and links
- Refined generated album pages with a wider editorial layout and balanced photo cards.
- Changed homepage collection controls to point to canonical /albums/ URLs.
- Kept old gallery query links only as a compatibility redirect to the matching album page.
- Updated the album generation rules so future public galleries follow the same SEO-first URL pattern.
Shared navigation map
- Added assets/data/site-map.json as the public page and navigation map.
- Aligned the homepage header, mobile menu, footer navigation, and DevLog header around the same public links.
- Updated generated album pages to render their navigation from the shared map.
- Documented that menu changes also require matching SEO discovery links and sitemap checks.
SEO album pages
- Added generated album landing pages under /albums/.
- Added canonical album URLs, unique titles, descriptions, social preview metadata, and structured data.
- Added visible album links so search engines and people can discover public photo collections directly.
- Updated the sitemap build flow so album pages carry their own image entries.
Blog navigation label
- Renamed the homepage DevLog menu link to OpenAI Codex Blog.
- Applied the same label to the desktop header, mobile menu, and footer navigation.
- Kept the existing devlog/ page address unchanged.
Gallery album deep links
- Introduced gallery filter URLs before dedicated album pages were added.
- Preserved those older links as a compatibility layer for previously shared URLs.
- Later replaced public sharing links with canonical album pages under /albums/.
Shiva Murugan Temple collection
- Added 35 photos from Shiva Murugan Temple in Concord to the gallery data.
- Wrote simple English titles and descriptive alt text for the new temple visit collection.
- Updated the homepage search preview copy to include temple visits.
- Updated the image sitemap so the new collection can be discovered by search engines.
Featured collection mosaic
- Changed the Featured Collection into an eight-photo editorial mosaic on desktop.
- Kept mobile responsive with a larger lead image, a wide secondary image, and compact two-column support cards.
- Tightened mobile support-card captions so the text feels calmer and easier to scan.
- Kept random archive-photo selection and lightbox behavior.
Random featured collection
- Changed the Featured Collection from a fixed manual pair into a rotating set of archive photos.
- Selected candidates by image size, aspect ratio, manual featured status, and collection variety.
- Kept generated cover-style images and utility assets out of the featured selection.
- Kept the existing featured card layout and lightbox behavior.
Hero asset cache refresh
- Updated the homepage CSS and JavaScript asset version so browsers load the rotating hero code immediately.
- Kept the archive photo hero behavior from the previous deploy unchanged.
- Rechecked the live homepage after publication.
Archive photo hero rotation
- Replaced the old static promo-style hero image with real archive photos from assets/data/photos.json.
- Added a three-photo desktop collage that picks strong candidates by size, aspect ratio, and collection fit.
- Added a separate single-photo mobile hero so small screens stay clean and focused.
- Excluded generated cover-style images and utility assets from the hero selection.
- Documented the hero selection strategy in docs/hero-rotation-strategy.md.
GA4 event tracking update
- Added structured Google Analytics events through the existing Google Tag Manager container.
- Tracked photo opens, lightbox navigation, lightbox closes, image load errors, and gallery filter choices.
- Tracked navigation clicks, mobile menu opens and closes, and the contact phone reveal without sending the phone number.
- Added DevLog tracking for entry views and public link clicks.
- Checked the current photo folders against the gallery data before editing.
OpenAI Codex mention style update
- Changed the homepage mention to OpenAI Codex.
- Updated DevLog text mentions so OpenAI Codex keeps the same inline mark style.
- Documented the broader mention rule in AGENTS.md for future site updates.
- Checked the current photo folders against the gallery data before editing.
Search Console readiness update
- Added canonical URLs and fuller search preview metadata to the public pages.
- Added a root sitemap and robots.txt entry for Google Search Console.
- Included gallery images in an image sitemap so JavaScript-loaded photos are easier to discover.
- Added WebSite structured data for the preferred TeeSF.com site name.
Photo data sync update
- Checked the current local photo folder state again.
- Removed one more missing photo reference from the gallery data.
- Kept original photo file deletions out of the published commit.
Google Tag Manager install
- Added the Google Tag Manager script to the page head.
- Added the matching no-script fallback immediately after the opening body tag.
- Connected the site to container GTM-KPPWNBPW.
Featured duplicate cleanup
- Added a standing rule to check photo folder changes during each OpenAI Codex site update.
- Synced the gallery data with removed local photo files.
- Prevented the featured block from repeating the same collection side by side.
Phone emoji refinement
- Changed the phone hint emoji to a downward pointing finger.
- Restored the Golden Gate Bridge emoji inside the phone toggle.
- Kept the same masked-to-full-number toggle behavior.
Featured titles cleanup
- Removed the AWS and EF card from the featured collection without deleting the photo.
- Hid trailing three-digit numbers from photo titles across cards and lightbox captions.
- Kept the featured heading on one line for desktop screens.
Phone hint update
- Added a small Click here hint above the contact phone toggle.
- Changed the phone emoji to a San Francisco cable car.
- Kept the same masked-to-full-number toggle behavior.
Phone toggle update
- Changed the contact phone into a single toggle button.
- Added a Golden Gate Bridge emoji before the phone text.
- Kept the hidden state dark with the masked number.
- Changed the revealed state to a light button with the full number.
- Allowed a second click to return to the masked state.
Gallery filter jump update
- Kept each Visual Stories filter working as before.
- Added a smooth jump to the Gallery Wall after a filter is clicked.
- Applied the same behavior to both the top and bottom filter menus.
Phone reveal behavior update
- Kept the masked phone number visible on the contact button after click.
- Revealed the full phone number beside the masked button.
- Kept the full number as a clickable phone link.
DevLog OpenAI Codex note update
- Added a plain note that the DevLog block is edited and updated with OpenAI Codex.
- Matched the OpenAI Codex mention to the homepage inline image style.
- Documented the DevLog OpenAI Codex note as a standing site rule.
Hero sizing and contact update
- Reduced the homepage hero height on desktop landscape screens.
- Changed the mobile hero image sizing so it fits the full screen width.
- Updated the Explore the Gallery button to open Visual Stories.
- Changed the phone reveal button to show 415-XXX-XXXX before it is clicked.
- Connected the first Y Combinator photos to the gallery filter.
OpenAI Codex note and Y Combinator filter update
- Changed the gallery update note to point to OpenAI Codex.
- Added a small inline OpenAI Codex mark before the mention.
- Saved the OpenAI Codex mark as a JPEG asset for the public site.
- Added a Y Combinator filter button so the collection is visible before photos are added.
- Created the Y Combinator photo folder for future uploads.
Navigation and gallery filter update
- Added a mobile hamburger menu that opens the same main navigation links.
- Added Contact to the top navigation, mobile navigation, and footer navigation.
- Changed the contact phone into a reveal button so the number appears after a click.
- Opened the gallery on Events by default and moved All to the end of the filter list.
- Added a second matching filter menu near the bottom of the homepage.
New event collections update
- Rebuilt the gallery data from the current photo folders.
- Added new collection filters for Tesla Pitch Night, Codex Community Meetup, AWS and EF events, and TatianaSF.
- Converted PNG files to JPEG copies and removed the PNG originals from the publishable photo set.
- Removed gallery references to photo files that are no longer present.
- Kept the public version badge and cache-safe asset URLs current.
Hero image and JPEG gallery update
- Changed the homepage hero image to the event photography cover image.
- Updated the Open Graph preview image to match the new hero image.
- Replaced gallery PNG image paths with matching JPEG image paths.
- Confirmed that each matching JPEG file exists before publication.
- Kept the public version badge and cache-safe asset URLs current.
Logo and gallery layout update
- Added the TeeSF logo beside the homepage brand name.
- Kept the contact area focused on the public phone number only.
- Rebuilt the gallery data so only existing local image files are displayed.
- Added image dimensions to the photo data and tuned card ratios for cleaner spacing.
- Narrowed the page layout to prevent horizontal scrolling.
Contact and version badge update
- Replaced the email contact link on the homepage with the public phone number.
- Added a DevLog link to the top navigation for easier access.
- Matched the homepage version badge styling to the DevLog badge.
- Added cache-safe asset URLs so the latest CSS and JavaScript load after deployment.
- Updated the public version metadata for this deployment.
Premium visual journal MVP
- Published the new TeeSF.com homepage as a premium personal visual journal.
- Added a curated featured collection, category filters, gallery wall, and lightbox.
- Moved reusable photo data into assets/data/photos.json.
- Restored the fixed bottom-right version badge on the public homepage.
- Kept the legacy site backup out of live deployment while preserving it in Git.
Site version badge and numbering rule
- Introduced the public site version format TSF-YYYY.MM.DD.N.
- Assigned the current public version number TSF-2026.04.26.4.
- Added a fixed bottom-right version badge that stays visible while scrolling.
- Documented that every future deploy must update the visible version number.
- Kept the version note public-only, with no private deployment or account details.
Static homepage and public development log
- Published the current TeeSF.com homepage as a self-contained static snapshot.
- Kept the live page focused on the visible site experience without carrying over WordPress internals.
- Used the existing GitHub-to-Hostinger deployment flow for publication.
- Improved deployment reliability for the public static site workflow.
- Added this public development log and Change Journal structure for future updates.
Change Journal
Longer public notes about visible site changes, grouped every ten commits and ordered newest first.
Making albums easier to browse and the journal easier to follow
This ten-commit stretch made the album system feel more complete. The public album pages gained stronger discovery paths, canonical cross-links, and a searchable Album Finder that appears across the homepage, album index, DevLog, and generated album pages.
The site also became more stable as a publishing system. Public version numbering was tightened to use San Francisco time, legacy album links were redirected to canonical album pages, and the mobile version badge was adjusted so it stays visible without covering the reading experience.
Generated albums gained a large photo lightbox with keyboard and mobile swipe controls, making the
archive easier to browse as a photography-first site. The Album Finder now carries a small
OpenAI Codex
credit, and this Change Journal was expanded so every ten-commit chapter is visible in one place.
Turning photo groups into shareable album pages
This chapter moved TeeSF.com from an on-page gallery into a broader public album structure. Album deep links, the OpenAI Codex Blog navigation label, and generated SEO landing pages gave each collection a clearer place to live.
The site map became a shared source for public pages and navigation, which helped align the homepage, DevLog, album pages, and footer links. Album pages were widened, card readability improved, and every generated album gained a bottom Browse by mood and subject block for easier movement between related collections.
The Stripe Sessions 2026 collection started in this range, expanding the archive into a larger event story with company, place, and conference views. Public metadata and sitemap generation were refined so the new album pages could work as stable, shareable URLs.
Giving the homepage stronger photo rhythm
The homepage became more dynamic and photo-led during this group of commits. Featured collections were deduplicated, real archive photos moved into the hero, and the featured block gained a calmer mosaic layout with stronger visual variety.
The public site also gained stronger measurement and maintenance support. Google Tag Manager and structured analytics events were added for navigation, gallery filters, photo viewing, and contact interactions, while photo data was synced with the local archive.
OpenAI Codex mentions were standardized with the inline mark style, and the Shiva Murugan Temple collection brought a new quiet place-based story into the gallery. The result was a homepage that felt more alive while staying minimal, personal, and photography-first.
Refining the browsing and contact experience
This range focused on the feel of using the homepage. The hero was resized, the mobile hero image was improved, and gallery controls were tuned so choosing a story or collection moved visitors directly to the visible photo wall.
The contact section became more deliberate. The phone number changed into a reveal interaction with a masked state, a clearer hint, and a lighter revealed state, keeping the page personal without making contact details feel too exposed.
The DevLog itself also became more public-facing. It started noting that it is edited with
OpenAI Codex,
while gallery titles were cleaned up so visible captions felt less like filenames and more like
a calm visual archive.
Shaping the first public visual journal
After the first static version landed, TeeSF.com moved quickly into its MVP identity: a premium personal visual journal rather than a commercial photography site. The logo, contact links, navigation, gallery layout, and responsive width were refined around that direction.
The gallery began using real local JPEG assets and was rebuilt around current event collections. A mobile menu, clearer contact path, and default Events view made the site easier to use from a phone while keeping the layout simple.
The project guide also gained publishing and communication rules, including the standing expectation that routine validated changes should go live and that user-facing reports should stay clear, structured, and useful.
Moving TeeSF.com into a static publishing flow
In the first ten commits, TeeSF.com moved from a live WordPress homepage into a static publishing flow that can be deployed directly to the public site. The goal was to preserve the visible homepage as it existed, while making the deployment process simpler and easier to repeat.
The homepage was published as a self-contained HTML snapshot, so the public version can load without relying on the original WordPress page structure. The deployment path now runs through GitHub and Hostinger, using only public-facing site files for publication.
A new development log was added so future site work can be recorded clearly. Each deploy gets a short public summary, and after every ten commits those notes are turned into a readable Change Journal update about what changed on the site.
The site also gained a lightweight public version number. The version TSF-2026.04.26.4 is shown in a fixed badge while browsing, making it easier to confirm which deployed version is live.