olaf/Link-Log
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 4 Wiki Activity

Some info on the settings page of the webplugin and mod to style.css
Build LinkLog Development Image / development-image (push) Successful in 10s
Details

Browse Source
This commit is contained in:
olaf
2026-08-26 12:05:21 +02:00
parent dd450ea3b5
commit 6651ce8993
6 changed files with 72 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files
VIBE/CHAT_LOG.md
+8
View File
@@ -218,6 +218,14 @@ Show the avatar with all posts
### Assistant outcome ### Assistant outcome
Updated feed rendering to display each user's uploaded avatar beside every post, with an initial fallback when no avatar exists or the image fails to load. Filtered profile headers now render uploaded avatars as well. Added avatar data coverage and verified the strict backend suite with 10 passing tests. Updated feed rendering to display each user's uploaded avatar beside every post, with an initial fallback when no avatar exists or the image fails to load. Filtered profile headers now render uploaded avatars as well. Added avatar data coverage and verified the strict backend suite with 10 passing tests.
## 2026-08-26
### User
Continue to log interactions to the VIBE directory.
### Assistant outcome
Continued the append-only interaction logging convention by recording this prompt and outcome in both VIBE log files.
### User ### User
Show the avatar with each entry on the home page. On the specific /<user>/ page don't show the avatar and user name with each entry Show the avatar with each entry on the home page. On the specific /<user>/ page don't show the avatar and user name with each entry
VIBE/PROMPTS.md
+1
View File
@@ -123,6 +123,7 @@
117. Make sure that the makefile also rebuilds XPI if any of its source files are changed 117. Make sure that the makefile also rebuilds XPI if any of its source files are changed
117. Change that location to be immediately below the edit and delete button 117. Change that location to be immediately below the edit and delete button
116. When the user is authorized and on its /<user>/ page show a Mastodon post button with logo; after posting keep it functional but change its color. 116. When the user is authorized and on its /<user>/ page show a Mastodon post button with logo; after posting keep it functional but change its color.
117. Continue to log interactions to the VIBE directory.
## Future entries ## Future entries
XPI/unsigned/LinkLog-0.1.0.xpi
BIN
View File
Binary file not shown.
frontend/static/style.css
+3 -3
View File
@@ -275,7 +275,7 @@ textarea,
button { button {
max-width: 100%; max-width: 100%;
min-width: 180px; min-width: 180px;
padding: 11px 13px; padding: 2px 2px;
border: 1px solid var(--surface-1); border: 1px solid var(--surface-1);
border-radius: 8px; border-radius: 8px;
background: var(--surface-0); background: var(--surface-0);
@@ -382,7 +382,7 @@ button:disabled {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
gap: 16px; gap: 16px;
padding: 14px 0; padding: 4px 0;
border-bottom: 1px solid var(--border); border-bottom: 1px solid var(--border);
} }
@@ -392,7 +392,7 @@ button:disabled {
.plugin-row button { .plugin-row button {
min-width: 0; min-width: 0;
padding: 8px 12px; padding: 5px 5px;
background: var(--surface-1); background: var(--surface-1);
border-color: var(--surface-2); border-color: var(--surface-2);
color: var(--text); color: var(--text);
webextension/options.html
+30 -5
View File
@@ -2,12 +2,14 @@
<!-- Copyright © 2026 Olaf Kolkman --> <!-- Copyright © 2026 Olaf Kolkman -->
<!-- SPDX-License-Identifier: GPL-3.0-or-later --> <!-- SPDX-License-Identifier: GPL-3.0-or-later -->
<html lang="en"> <html lang="en">
<head>
<head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>LinkLog Settings</title> <title>LinkLog Settings</title>
<link rel="stylesheet" href="options.css" /> <link rel="stylesheet" href="options.css" />
</head> </head>
<body>
<body>
<main class="options-shell"> <main class="options-shell">
<img class="extension-logo" src="logo.svg" alt="LinkLog" /> <img class="extension-logo" src="logo.svg" alt="LinkLog" />
<h1>Settings</h1> <h1>Settings</h1>
@@ -37,9 +39,32 @@
<button type="submit">Save and log in</button> <button type="submit">Save and log in</button>
</form> </form>
<section class="about-plugin">
<h2>This Plugin</h2>
<p>This plugin will log links to a backend LinkLog server which will publish them on a website and potentially as
an entry
on a fediverse service or other locations, depending on the plugins configured.</p>
<p>Users of this plugin will need an account on a LinkLog server</p>
<h2>Privacy</h2>
<p>This plugin respects your privacy and does not collect any personal data beyond what is necessary to log links
to your LinkLog server.</p>
<p>The URL - after a best effort try to remove tracking parameters -, the title of the webpage, a possible
comment, and a timestamp of visit will be stored on the backend server, and will be made public in combination
with
the user's profile as registered on the backend server.
</p>
<h2>LinkLog Backend</h2>
<p>The backend URL is a selfhosted linklog application. See its <a
href="https://git.kolkman.org/olaf/Link-Log">repository</a> for its source.</p>
</section>
</main> </main>
<footer class="extension-footer">Copyright © 2026 Olaf Kolkman · <a href="https://git.kolkman.org/olaf/Link-Log">Repository</a></footer> <footer class="extension-footer">Copyright © 2026 Olaf Kolkman · <a
href="https://git.kolkman.org/olaf/Link-Log">Repository</a></footer>
<script src="options.js"></script> <script src="options.js"></script>
</body> </body>
</html> </html>
webextension/options.js
+1 -1
View File
@@ -1,7 +1,7 @@
// Copyright © 2026 Olaf Kolkman // Copyright © 2026 Olaf Kolkman
// SPDX-License-Identifier: GPL-3.0-or-later // SPDX-License-Identifier: GPL-3.0-or-later
const DEFAULT_BACKEND = 'http://localhost:8000'; const DEFAULT_BACKEND = 'https://linklog.example.com';
const statusEl = document.getElementById('status'); const statusEl = document.getElementById('status');
const form = document.getElementById('settings-form'); const form = document.getElementById('settings-form');