Profile tweaks

.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=

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

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 `<details>` section titled `:profile`. Template and stylesheet diagnostics passed.
 # Chat Log

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.

frontend/static/style.css

@@ -847,6 +847,11 @@ button:disabled {
   border-top: 1px solid var(--border);
 }
 
+.edit-form textarea {
+  width: 100%;
+}
+
+
 .edit-tags {
   display: grid;
   gap: 8px;
@@ -941,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;
@@ -1007,6 +1027,7 @@ button:disabled {
 .profile-summary p {
   margin: 12px 0 0;
   color: var(--subtext);
+  font-size: 0.95rem;
   line-height: 1.65;
 }
 

frontend/templates/feed.html

@@ -73,19 +73,22 @@
 
     <main class="container">
       {% if profile %}
-      <section class="link-item profile-summary">
-        <div class="link-header">
-          <div class="avatar">
-            {% if profile.avatar_url %}
-            <img src="{{ profile.avatar_url }}" alt="{{ profile.username }} avatar" />
-            {% else %}
-            {{ profile.username[:1].upper() }}
-            {% endif %}
+      <details class="link-item profile-summary">
+        <summary>Profile</summary>
+        <div class="profile-summary-content">
+          <div class="link-header">
+            <div class="avatar">
+              {% if profile.avatar_url %}
+              <img src="{{ profile.avatar_url }}" alt="{{ profile.username }} avatar" />
+              {% else %}
+              {{ profile.username[:1].upper() }}
+              {% endif %}
+            </div>
+            <div class="user-name">{{ profile.username }}</div>
           </div>
-          <div class="user-name">{{ profile.username }}</div>
+          <p>{{ profile.bio or 'No profile information provided.' }}</p>
         </div>
-        <p>{{ profile.bio or 'No profile information provided.' }}</p>
-      </section>
+      </details>
       {% endif %}
       <section id="feed" class="feed" aria-live="polite"></section>
       <nav id="pagination" class="pagination" aria-label="Feed pages"></nav>