From 24c475309382cb495bc6a176095e42660389d10a Mon Sep 17 00:00:00 2001 From: Kolkman Date: Mon, 7 Sep 2026 15:04:05 +0200 Subject: [PATCH] Profile tweaks --- .env.example | 2 +- CHANGELOG.MD | 8 ++++++++ VIBE/CHAT_LOG.md | 6 ++++++ VIBE/PROMPTS.md | 8 ++++++++ frontend/static/style.css | 16 ++++++++++++++++ frontend/templates/feed.html | 25 ++++++++++++++----------- 6 files changed, 53 insertions(+), 12 deletions(-) diff --git a/.env.example b/.env.example index b5bc2d1..58a5ea4 100644 --- a/.env.example +++ b/.env.example @@ -10,7 +10,7 @@ APP_HEALTHCHECK_RETRIES=3 LINKLOG_APP_NAME=LinkLog LINKLOG_SECRET_KEY=replace-with-a-long-random-secret LINKLOG_DATA_ENCRYPTION_KEY=generate-with-python-cryptography-fernet-key -LINKLOG_TOKEN_EXPIRY_MINUTES=15 +LINKLOG_TOKEN_EXPIRY_MINUTES=300 LINKLOG_REFRESH_TOKEN_EXPIRY_DAYS=30 LINKLOG_PUBLIC_URL=linklog.example.com LINKLOG_SMTP_HOST= diff --git a/CHANGELOG.MD b/CHANGELOG.MD index 0724bde..869512f 100644 --- a/CHANGELOG.MD +++ b/CHANGELOG.MD @@ -1,4 +1,11 @@ # Changelog +## Version v0.3.1 +### Features +### Fixed + * Made the feed profile summary visually distinct with a contrasting background and slightly smaller text + ### Modification + * Made the feed profile summary collapsible under a subdued `:profile` title + ## Version v0.3.0 ### Features * Implemented toolbar search functionality, using Google-like syntax (implicit AND, quoted phrases, `OR`, `-` exclusions, and the `site:` operator) @@ -17,6 +24,7 @@ + ## Version v0.2.0 ### Features * Users can edit or delete labels created by themselves on the labels page diff --git a/VIBE/CHAT_LOG.md b/VIBE/CHAT_LOG.md index eac3f66..c3c92a1 100644 --- a/VIBE/CHAT_LOG.md +++ b/VIBE/CHAT_LOG.md @@ -1616,4 +1616,10 @@ Implement the same functionality in the firefox plugin ### Assistant outcome Added the same live character-count warning to the Firefox extension popup: it fetches `/api/public/config` for the limit and the user's `/api/user/plugins/mastodon` post prefix, estimates the assembled Mastodon post length the same way as the New Entry page and backend plugin, and shows a localized `used/limit characters` counter (with an over-limit warning message) that updates on every relevant input and tag toggle. Added the `characterCount`/`characterCountOverLimit` translations to all five locale files (en-US, de, es, fr, nl) and verified all locale JSON files parse and `popup.js` passes a Node syntax check. + +### User +Make those colors less outstanding, this should not stand out. In fact, give the box a title :profile and make it collapsable + +### Assistant outcome +Made the feed profile summary use the normal subdued link-item colors and converted it to a native collapsible `
` section titled `:profile`. Template and stylesheet diagnostics passed. # Chat Log diff --git a/VIBE/PROMPTS.md b/VIBE/PROMPTS.md index 912d74d..9c93b82 100644 --- a/VIBE/PROMPTS.md +++ b/VIBE/PROMPTS.md @@ -298,6 +298,10 @@ Where date format is like: 2026 August 29 - 21:10 ## 2026-09-05 254. In firefox the search input field is wider (at 180px) then labe search control (at 135.5px) + +## 2026-09-07 + +255. Change bg color and slightly decrease the font for 'html body main.container section.link-item.profile-summary' so that it stands out 255. In the toolbar switch the search and tag filter's location ## 2026-09-06 @@ -316,6 +320,10 @@ If the user uses the filters and/or search in the toolbox then those should limi 261. In the new-entry form, provide a warning when the total ammount of characters is over LINKLOG_MAX_POST_CHARACTERS=500 (also indicat the number of characters used/500 count). This is to prevent Mastodon posts from failing - so all characters should be counted. 262. Implement the same functionality in the firefox plugin +## 2026-09-07 + +Make those colors less outstanding, this should not stand out. In fact, give the box a title :profile and make it collapsable + ## Future entries Append each new user prompt here with its date and preserve the chronological order. diff --git a/frontend/static/style.css b/frontend/static/style.css index 3975340..b3fac1c 100644 --- a/frontend/static/style.css +++ b/frontend/static/style.css @@ -946,6 +946,21 @@ button:disabled { box-shadow: var(--shadow); } +.profile-summary summary { + color: var(--subtext); + cursor: pointer; + font-size: 0.9rem; + font-weight: 600; +} + +.profile-summary[open] summary { + margin-bottom: 8px; +} + +.profile-summary-content { + font-size: 0.95rem; +} + .about-content { display: grid; gap: 14px; @@ -1012,6 +1027,7 @@ button:disabled { .profile-summary p { margin: 12px 0 0; color: var(--subtext); + font-size: 0.95rem; line-height: 1.65; } diff --git a/frontend/templates/feed.html b/frontend/templates/feed.html index 5ed645b..ac821a7 100644 --- a/frontend/templates/feed.html +++ b/frontend/templates/feed.html @@ -73,19 +73,22 @@
{% if profile %} -
-
-
- {% if profile.avatar_url %} - {{ profile.username }} avatar - {% else %} - {{ profile.username[:1].upper() }} - {% endif %} +
+ Profile +
+
+
+ {% if profile.avatar_url %} + {{ profile.username }} avatar + {% else %} + {{ profile.username[:1].upper() }} + {% endif %} +
+
{{ profile.username }}
-
{{ profile.username }}
+

{{ profile.bio or 'No profile information provided.' }}

-

{{ profile.bio or 'No profile information provided.' }}

-
+
{% endif %}