# simulafunist.com UX Review Full walkthrough of the live site as a visitor. Tested: homepage, all filter tabs, search, individual note pages (Feedback guide, Quotes, Writing). Viewport: 1383px–1512px desktop. --- ## What's Working Well | Feature | Notes | |---|---| | Instant search | Cross-category, no reload, responsive as you type | | Filter tabs | All, Writing, Guides, Books, Papers, Quotes, Adventures, Ideas, Resources — correctly counted | | Card grid | Clean beige aesthetic, good typography, emoji category badges | | Reading time | Shows on every card | | Note pages | Good TOC sidebar, readable typography, dark/light toggle | | Internal linking | Purple hyperlinks work, open within the site | | "Schedule with me" | Cal.com link in header — professional, prominent | | Guides section | Deep content, 15+ min reads, rich internal links | | PDF embeds | Render inline on note pages | --- ## Bugs Fixed (already committed — needs Obsidian Publish re-deploy) ### 1. Card excerpts showing raw `---` separators Many notes have `---` horizontal rules at the top of the body. The excerpt generator was including them literally. **Before:** `--- (c) Lon Setnik - 2025 To Cynthia. I tattooed you on my finger...` **After:** `(c) Lon Setnik - 2025 To Cynthia. I tattooed you on my finger...` Affected: Matters of Fidelity - Draft, That's exactly right, Thanks for the Feedback, many others. **Fix:** `generate_index.py` — strip lines matching `^\s*[-*_]{3,}\s* before excerpt generation. --- ### 2. Card excerpts starting with `|` from tag lines Notes tagged with `#moc/publish | #on/feedback` in the body had their `|` separator appear in excerpts after tags were stripped. **Before:** `| What's the big idea here? - Feedback is any information...` **After:** `- Feedback is any information we get about ourselves, it's all data.` Affected: Feedback, Bunnietta Lacks, Key dilemmas facing all curriculum designers, others. **Fix:** Strip entire lines that are only Obsidian hashtag tags: `^(\s*#[A-Za-z0-9/_-]+\s*\|?\s*)+. --- ### 3. Standalone dates showing in excerpts Notes with a bare date line at the top of the body (like `2022-02-23` or `Dec 15, 2024`) had dates bleeding into the card text. **Before (Listening):** `2022-02-23 What's the big idea here? listening is a conversational...` **After:** `listening is a conversational procedure, a complex task with social, cultural...` **Before (Can you be angry):** `Dec 15, 2024 Anyone who starts the conversation...` **After:** `Anyone who starts the conversation with the statement...` **Fix:** Strip lines matching `^\d{4}-\d{2}-\d{2}\s* and `^[A-Z][a-z]{2} \d{1,2},? \d{4}\s*. --- ### 4. H1 title text echoing in excerpt Notes with a body H1 that mirrors the filename had the title text appear in the excerpt before the actual content. **Before (Name Claim Aim):** `Name Claim Aim - Leading with Good Judgment 2024-01-27 A Good Judgment framework...` **After:** `A Good Judgment framework for leading an ad hoc team. Name Claim Aim combines...` **Fix:** Strip entire heading lines (`^#{1,6}\s+.*), not just the `#` markers. --- ### 5. "438 min read" on book-length notes Matters of Fidelity - Draft is 87,700 words. At 200 wpm = 438 min, which showed literally on the card. Jarring for visitors. **Before:** `438 min read` **After:** `7 hr read` Notes ≥ 60 min now display as `X hr read`. Applied to both card footers and note detail meta chips. **Fix:** New `fmtReadTime(words)` helper in `publish.js`. --- ## Remaining Issues (not yet fixed) ### A. Internal tags visible on note pages Every published note shows its Obsidian tags as purple pill badges (`#moc/publish | #on/feedback`). The `#moc/publish` tag is internal housekeeping — visitors don't need to see it. **Options:** - Add CSS to hide `#moc/publish` chips: `.tag[href*="moc/publish"] { display: none; }` - Or rename to something visitor-friendly, e.g. `#type/guide` - Obsidian Publish Settings → can toggle tag visibility off entirely --- ### B. Lowercase note titles in Ideas section Many Ideas notes have lowercase titles ("psychological safety", "relational coordination", "goal setting"). These look unpolished next to the properly-titled Writing and Guides cards. **Not a code fix** — these need to be renamed in the vault. Low urgency but visible on the homepage. --- ### C. "Deadfall" folder in sidebar Obsidian Publish limitation — cannot exclude specific folders from the sidebar without unpublishing them. Low impact, most visitors won't notice. --- ### D. Tab bar wraps to 2 rows at certain viewport widths At ~1383px (the width of the original Obsidian Publish frame + sidebar), the "Ideas" tab is right at the edge. At wider native browser viewports, tabs wrap to a second row. The wrap behavior is fine, but the edge-case clipping at ~1383px is worth monitoring. --- ### E. "What's the big idea here?" appearing as a Guides card There is a note literally titled "What's the big idea here?" in the vault (not just a heading). Its excerpt starts with content from the Feedback guide, which is confusing. This note should either be renamed to something descriptive or merged into its parent guide. --- ### F. Schedule table `|` in some excerpts Notes like "Smoking Breaks" contain inline schedule tables with `8:00 – 8:45 AM | Introduction` format. The `|` in the middle of these lines isn't caught by the start-of-line strip. Low impact, rare pattern. --- ## Action Items - [ ] **Re-publish `publish.js`** via Obsidian Publish UI to deploy all 5 fixes above - [ ] **Add CSS** to hide `#moc/publish` tag chips on note pages (Obsidian Publish custom CSS) - [ ] **Rename** "What's the big idea here?" note to something descriptive - [ ] **Batch rename** high-value Ideas notes from lowercase to Title Case (50–100 notes, good Claude API task)