Tweaks

Logos, meta tags, About copy

docs/assets/diffdown-logo-inkscape.svg

···
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
-   width="420"
-   height="420"
-   viewBox="43 84 327.6 327.6"
+   width="460"
+   height="460"
+   viewBox="43 84 358.8 358.8"
    version="1.1"
    id="svg2"
    sodipodi:docname="diffdown-logo-inkscape.svg"
    inkscape:version="1.3.2 (091e20e, 2023-11-25)"
-   inkscape:export-filename="favicon.png"
+   inkscape:export-filename="../../static/favicon.svg"
    inkscape:export-xdpi="96"
    inkscape:export-ydpi="96"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
···
      id="defs2" />
   <sodipodi:namedview
      id="namedview2"
-     pagecolor="#ffffff"
+     pagecolor="#dddddd"
      bordercolor="#000000"
      borderopacity="0.25"
      inkscape:showpageshadow="2"
      inkscape:pageopacity="0.0"
      inkscape:pagecheckerboard="0"
      inkscape:deskcolor="#d1d1d1"
-     inkscape:zoom="3.42"
-     inkscape:cx="43.128655"
-     inkscape:cy="49.853801"
-     inkscape:window-width="1392"
+     inkscape:zoom="1"
+     inkscape:cx="57.5"
+     inkscape:cy="161.5"
+     inkscape:window-width="1560"
      inkscape:window-height="1184"
-     inkscape:window-x="3277"
+     inkscape:window-x="2998"
      inkscape:window-y="31"
      inkscape:window-maximized="0"
-     inkscape:current-layer="svg2"
-     inkscape:export-bgcolor="#ffffffff" />
+     inkscape:current-layer="g2"
+     inkscape:export-bgcolor="#ffffff89" />
   <g
      id="g2"
-     transform="matrix(5.7367355,0,0,5.7367355,-259.39616,-458.25129)">
+     transform="matrix(5.7367355,0,0,5.7367355,-243.79616,-442.65129)">
+    <circle
+       style="fill:#ffffff;stroke-width:19.1338"
+       id="path2"
+       cx="222.39999"
+       cy="263.39999"
+       r="179.39999"
+       transform="matrix(0.17431517,0,0,0.17431517,42.497368,77.160833)" />
     <text
        style="font-style:normal;font-size:50.8px;line-height:1;font-family:'Inter 18pt';letter-spacing:0px;fill:#2563eb;fill-opacity:1"
        x="52.5"

fly-staging.toml

···
 [http_service]
   internal_port = 8080
   force_https = true
-  auto_stop_machines = "off"
+  auto_stop_machines = "suspend"
   auto_start_machines = true
   min_machines_running = 1
 

internal/handler/handler.go

···
 func (h *Handler) Dashboard(w http.ResponseWriter, r *http.Request) {
 	user, userHandle := h.currentUser(r)
 	if user == nil {
-		h.render(w, "landing.html", PageData{Title: "Diffdown"})
+		h.render(w, "landing.html", PageData{Title: "A Markdown Editor on AT Protocol"})
 		return
 	}
 

static/css/style.css

···
-@import url(https://fonts.bunny.net/css?family=barlow:100,200,300,400,500,600|lexend:100,200,300,400,500,600,700,800,900);
+@import url(https://fonts.bunny.net/css?family=barlow:100,200,300,400,500,600|lexend:100,200,300,400,500,600,700,800,900|albert-sans:100,200,300,400,450,500,600,700,800,900);
 
 *, *::before, *::after {
     box-sizing: border-box;
···
     --code-bg: #f3f4f6;
     --alert-error-bg: #fef2f2;
     --alert-error-border: #fecaca;
-    --heading-font: "Lexend", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+    --heading-font: "Lexend", -apple-system, Roboto, BlinkMacSystemFont, "Segoe UI", sans-serif;
     --radius: 6px;
-    --font: "Barlow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+    --font: "Albert Sans", -apple-system, Roboto, BlinkMacSystemFont, "Segoe UI", sans-serif;
     --font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;
 }
 
···
     line-height: 1.5;
 }
 
+strong {
+    font-weight: 500;
+}
+
 a { color: var(--primary); text-decoration: none; }
 a:hover { text-decoration: underline; }
 
 h1, h2, h3, h4, h5 {
     font-family: var(--heading-font);
-    font-weight: 500;
+    font-weight: 450;
     margin-top: 1.5rem;
     margin-bottom: 0.5rem;
 }
···
 }
 
 .landing h1, .about-page h1 { font-size: 2.5rem; margin-bottom: 1.25rem; }
-.landing p, .about-page p { font-weight: 400; margin-bottom: 1.25rem; }
+.landing p, .about-page p { margin-bottom: 1.25rem; }
 .landing-actions { display: flex; gap: 1rem; justify-content: center; }
 
 .landing-header, .about-header {
···
 
 .landing-header p {
     text-align: center;
-    font-size: 1.1rem;
-    font-weight: 400;
-    margin-bottom: 1.25rem;
+    font-size: 1.1rem;   margin-bottom: 1.25rem;
 }
 
 .about-header {
···
 .about-header p {
     text-align: left;
     font-size: 1.1rem;
-    font-weight: 400;
     margin-bottom: 1.25rem;
 }
 
···
 .repo-list.list-view .repo-card:last-child { border-radius: 0 0 var(--radius) var(--radius); border-bottom: 1px solid var(--border); }
 .repo-list.list-view .repo-card:only-child { border-radius: var(--radius); border-bottom: 1px solid var(--border); }
 
-.repo-list.list-view .repo-card h3 { margin-bottom: 0; font-size: 1rem; font-weight: 500; }
+.repo-list.list-view .repo-card h3 { margin-bottom: 0; font-size: 1rem; font-weight: 450; }
 .repo-list.list-view .repo-card time { margin-top: 0; margin-left: auto; }
 .repo-list.list-view .repo-card:hover { border-color: var(--border); background: color-mix(in srgb, var(--primary) 5%, var(--bg-card)); }
 
···
     align-items: center;
     padding: 0.75rem 1rem;
     border-bottom: 1px solid var(--border);
-    font-weight: 600;
+    font-weight: 550;
 }
 
 .file-list { list-style: none; }
···
     border-bottom: 1px solid var(--border);
 }
 
-.version-table th { background: var(--bg); font-weight: 600; }
+.version-table th { background: var(--bg); font-weight: 550; }
 
 .diff-controls { margin-bottom: 1rem; }
 

static/favicon.svg

···
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
-   width="420"
-   height="420"
-   viewBox="43 84 327.6 327.6"
+   width="459.99997"
+   height="459.99997"
+   viewBox="43 84 358.79998 358.79998"
    version="1.1"
    id="svg2"
    xmlns="http://www.w3.org/2000/svg"
···
      id="defs2" />
   <g
      id="g2"
-     transform="matrix(5.7367355,0,0,5.7367355,-259.39616,-458.25129)">
+     transform="matrix(5.7367355,0,0,5.7367355,-243.79616,-442.65129)">
+    <circle
+       style="fill:#ffffff;stroke-width:19.1338"
+       id="path2"
+       cx="222.39999"
+       cy="263.39999"
+       r="179.39999"
+       transform="matrix(0.17431517,0,0,0.17431517,42.497368,77.160833)" />
     <text
        style="font-style:normal;font-size:50.8px;line-height:1;font-family:'Inter 18pt';letter-spacing:0px;fill:#2563eb;fill-opacity:1"
        x="52.5"

static/img/favicon.svg

···
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="420"
-   height="420"
-   viewBox="43 84 327.6 327.6"
-   version="1.1"
-   id="svg2"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs2" />
-  <g
-     id="g2"
-     transform="matrix(5.7367355,0,0,5.7367355,-259.39616,-458.25129)">
-    <text
-       style="font-style:normal;font-size:50.8px;line-height:1;font-family:'Inter 18pt';letter-spacing:0px;fill:#2563eb;fill-opacity:1"
-       x="52.5"
-       y="141.88016"
-       id="text1">D</text>
-    <text
-       style="font-style:normal;font-size:50.8px;line-height:1;font-family:'Inter 18pt';letter-spacing:0px;fill:#0000ff"
-       x="78.900238"
-       y="141.22972"
-       id="text2">d</text>
-  </g>
-</svg>

templates/about.html

···
             <h2>What is This?</h2>
             <p>Diffdown is a real-time collaborative <a href="https://www.markdownguide.org/basic-syntax/">Markdown</a> editor/previewer built on <a href="https://atproto.brussels/about-the-atmosphere">AT Protocol</a> (the tech that powers <a href="https://bsky.app">Bluesky</a> and <a href="https://blueskydirectory.com">many other cool apps</a>).
             <p>Diffdown is decentralized; it stores documents as <a href="https://atproto.wiki/en/wiki/reference/data/records">records</a> on the document creator's <a href="https://atproto.wiki/en/wiki/reference/core-architecture/pds">Personal Data Server (PDS)</a>, not on the Diffdown server or a cloud provider. Your data is yours, literally.</p>
-            <h3>About Me</h3>
-            <p>I'm a tech tinkerer, co-founder of <a href="https://limeleaf.coop">Limeleaf Worker Collective</a>, and an advisor to a few startups. Read about my journey building Diffdown <a href="https://leaflet.jluther.net">on my Leaflet</a>.</p>
-            <h2>Contact</h2>
-            <p>Feedback is welcome! Create an issue in the <a href="https://tangled.org/diffdown.com/diffdown-app/issues">Diffdown repository on Tangled</a>.</p>
-        </div>
-        <div class="about-col">
-            <h2>Status</h2>
-            <p>This app is alpha quality. Use at your own risk. Expect bugs, breaking changes, and limited features. However, any documents you create will be stored on your AT Proto PDS, so even if Diffdown goes away, you will still have your documents and comments.</p>
-            <p><strong class="warning">Important:</strong> Because AT Proto does not support private records (<a href="https://atproto.wiki/en/working-groups/private-data">yet</a>), any documents you create will be visible to the world (not on diffdown.com, but with a PDS record viewer, <a href="https://atproto.at/viewer?uri=did:plc:za4vlvbizdstoym7lpymc5q5/com.diffdown.document/3mhg62vlznz24">see this example</a>).</p>
-            <p>The app wasn't designed for mobile, so it is likely to be a very bad UX on small screens.</p>
-            <p>Also, it is running on a free <a href="https://fly.io">fly.io</a> instance, so it may be slow or unavailable at times.</p>
-            <h3>Roadmap</h3>
-            <ul>
-                <li>Export to .md, HTML, PDF</li>
-                <li>Publish to the ATmosphere (for example, <a href="https://leaflet.pub">Leaflet</a>)</li>
-                <li>Document versioning</li>
-                <li>Other ideas? <a href="https://tangled.org/diffdown.com/diffdown-app/issues">Create an issue</a>.</li>
-            </ul>
             <h3>Technology</h3>
+            <p>I wrote this app to learn more about AT Protocol and see if I (not a software engineer) could build a useable product with <a href="https://www.ibm.com/think/topics/agentic-engineering">agentic engineering</a>. I used the following:</p>
             <ul>
-                <li><strong>Backend:</strong> Go, SQLite (only for session management; no user data is stored)</li>
-                <li><strong>Frontend:</strong> Plain 'ole HTML, CSS, JavaScript</li>
+                <li><strong>Backend:</strong> Go, SQLite (only for session management; Diffdown sotres <strong>no</strong> user data)</li>
+                <li><strong>Frontend:</strong> Plain 'ole HTML, CSS, and JavaScript; eventually I will move it to <a href="https://htmx.org">HTMX</a> and <a href="https://tailwindcss.com/">Tailwind CSS</a></li>
                 <li><strong>Editor:</strong> <a href="https://prosemirror.net/">ProseMirror</a> with <a href="https://github.com/ProseMirror/prosemirror-collab">prosemirror-collab</a> for real-time collaboration; <a href="https://milkdown.dev/">Milkdown</a> for Markdown parsing and rendering</li>
                 <li><strong>Authentication:</strong> <a href="https://atproto.com/guides/auth">ATProto OAuth</a> (any PDS)</li>
                 <li><strong>Deployment and hosting:</strong> <a href="https://fly.io">Fly.io</a></li>
+                <li><strong>LLM assistance:</strong> <a href="https://opencode.ai">OpenCode</a> with <a href="https://www.anthropic.com/news/claude-sonnet-4-6">Claude Sonnet 4.6</a> and <a href="https://www.minimax.io/">Minimax M2.7</a> models via <a href="https://openrouter.ai/">OpenRouter</a></li>
             </ul>
+            
+        </div>
+        <div class="about-col">
+            <h2>Status</h2>
+            <p>As I said, I am not an engineer. 95% of Diffdown was written by LLMs. I am not qualified to assess the security or robustness of the code. Don't use it without a real engineer reviewing it first.</p>
+            <p>Functionally, the app is alpha quality, at best. Expect bugs, flakiness, breaking changes, and limited features.</p>
+            <p>The good news is that any documents you create will be stored on your AT Proto PDS, so even if Diffdown goes away, you will still have your documents and comments.</p>
+            <p><strong class="warning">Important:</strong> Because AT Proto does not support private records (<a href="https://atproto.wiki/en/working-groups/private-data">yet</a>), any documents you create will be visible to the world (not on diffdown.com, but with a PDS record viewer, <a href="https://atproto.at/viewer?uri=did:plc:za4vlvbizdstoym7lpymc5q5/com.diffdown.document/3mhg62vlznz24">see this example</a>).</p>
+            <p>The app wasn't designed for mobile, so it is likely to be a very bad UX on small screens.</p>
+            <p>Also, it is running on a free <a href="https://fly.io">fly.io</a> instance, so it may be slow or unavailable at times.</p>
+            <h2>Contact</h2>
+            <p>Feedback is welcome! Create an issue, comment on the roadmap, or suggest an improvement in the <a href="https://tangled.org/diffdown.com/diffdown-app/issues">Diffdown repository on Tangled</a>.</p>
+
+            
         </div>
     </section>
 </div>

templates/base.html

···
     <link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png">
     <link rel="manifest" href="/favicon/site.webmanifest">
     <title>{{.Title}} — Diffdown</title>
-    <meta name="description" content="{{if .Description}}{{.Description}}{{else}}Diffdown — collaborative markdown editing.{{end}}">
+    <meta name="description" content="{{if .Description}}{{.Description}}{{else}}Diffdown — collaborative Markdown editing on AT Protocol.{{end}}">
     <!-- Open Graph -->
     <meta property="og:type" content="website">
     <meta property="og:site_name" content="Diffdown">
     <meta property="og:title" content="{{.Title}} — Diffdown">
-    <meta property="og:description" content="{{if .Description}}{{.Description}}{{else}}Diffdown — collaborative markdown editing.{{end}}">
+    <meta property="og:description" content="{{if .Description}}{{.Description}}{{else}}Diffdown — collaborative Markdown editing on AT Protocol.{{end}}">
     <meta property="og:image" content="{{if .OGImage}}{{.OGImage}}{{else}}/favicon/android-chrome-512x512.png{{end}}">
     <!-- Twitter Card -->
     <meta name="twitter:card" content="summary">
     <meta name="twitter:title" content="{{.Title}} — Diffdown">
-    <meta name="twitter:description" content="{{if .Description}}{{.Description}}{{else}}Diffdown — collaborative markdown editing.{{end}}">
+    <meta name="twitter:description" content="{{if .Description}}{{.Description}}{{else}}Diffdown — collaborative markdown editing on AT Protocol.{{end}}">
     <meta name="twitter:image" content="{{if .OGImage}}{{.OGImage}}{{else}}/favicon/android-chrome-512x512.png{{end}}">
     <link rel="stylesheet" href="/static/css/style.css">
     {{block "head" .}}{{end}}

templates/landing.html

···
     <section>
         <p><a href="/about">Diffdown is alpha-quality software</a>.</p>
     </section>
-
 </div>
 {{end}}