mirror of
https://github.com/direct-img/direct-img.link.git
synced 2026-10-08 22:45:19 +00:00
Feat: Add GoatCounter analytics, Terms & Privacy pages, prompt copy button
- Update AI system prompt example (README + index) - Add copy button for the prompt on the index page - Add GoatCounter to homepage; report image hits server-side via waitUntil (optional GOATCOUNTER_URL/GOATCOUNTER_TOKEN) - Add TERMS.md and PRIVACY.md, linked in the index footer - Remove dead c.planetrenox.com tracker Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
+21
-4
@@ -5,7 +5,8 @@
|
||||
<title>direct-img.link | Live images in markdown</title>
|
||||
<meta name="description" content="Embed live images in markdown powered by search. No APIs, no tokens, just search.">
|
||||
<link rel="icon" href="/assets/favicon.ico" sizes="16x16 32x32 48x48"><link rel="icon" href="/assets/logo.svg" type="image/svg+xml">
|
||||
<script defer src="https://c.planetrenox.com/tracker.js"></script>
|
||||
<script data-goatcounter="https://direct-img.goatcounter.com/count"
|
||||
async src="//gc.zgo.at/count.js"></script>
|
||||
<style>
|
||||
:root{--bg:#fff;--text:#1a1a1a;--text-muted:#666;--accent:#0070f3;--warning:#eb5757;--code-bg:#f5f5f5;--border:#eaeaea;--radius:8px;}
|
||||
*{box-sizing:border-box;}
|
||||
@@ -21,6 +22,10 @@
|
||||
section{margin-bottom:48px;}
|
||||
h2{font-size:1.5rem;font-weight:700;margin-bottom:16px;border-bottom:1px solid var(--border);padding-bottom:8px;}
|
||||
pre{background:var(--code-bg);padding:16px;border-radius:var(--radius);overflow-x:auto;font-size:0.9rem;border:1px solid var(--border);}
|
||||
.copy-wrap{position:relative;}
|
||||
.copy-wrap pre{white-space:pre-wrap;padding-right:72px;}
|
||||
.copy{position:absolute;top:8px;right:8px;font:inherit;font-size:0.75rem;font-weight:600;padding:4px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text-muted);cursor:pointer;}
|
||||
.copy:hover{color:var(--accent);border-color:var(--accent);}
|
||||
code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;}
|
||||
table{width:100%;border-collapse:collapse;margin:16px 0;font-size:0.9rem;}
|
||||
th,td{text-align:left;padding:12px;border-bottom:1px solid var(--border);}
|
||||
@@ -50,10 +55,13 @@
|
||||
<section>
|
||||
<h2>For AI System Prompts</h2>
|
||||
<p>Add this to your system instructions:</p>
|
||||
<pre><code>When writing markdown, embed relevant images using direct-img.link — a free image search proxy that returns images directly from a URL. But keep it entertaining, for example use it to show reaction faces, anime girl, or fun, not technical.
|
||||
<div class="copy-wrap">
|
||||
<button class="copy" onclick="copyPrompt(this)">Copy</button>
|
||||
<pre><code id="prompt">When writing markdown, embed relevant images/gifs using direct-img.link — a free image search proxy that returns images directly from a URL. But keep it entertaining, for example use it to show reaction faces, girl, or fun, not technical.
|
||||
Example structure:
|
||||

|
||||

|
||||
Use images to complement your responses, powered by Brave.</code></pre>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
@@ -87,7 +95,16 @@ Use images to complement your responses, powered by Brave.</code></pre>
|
||||
|
||||
<footer>
|
||||
<div>Built for the AI era.</div>
|
||||
<div><a href="https://github.com/direct-img/direct-img.link">GitHub</a></div>
|
||||
<div><a href="https://github.com/direct-img/direct-img.link/blob/main/TERMS.md">Terms</a> · <a href="https://github.com/direct-img/direct-img.link/blob/main/PRIVACY.md">Privacy</a> · <a href="https://github.com/direct-img/direct-img.link">GitHub</a></div>
|
||||
</footer>
|
||||
<script>
|
||||
const copyPrompt=b=>{
|
||||
const p=document.getElementById('prompt');
|
||||
(navigator.clipboard?.writeText(p.textContent)??Promise.reject()).then(()=>{
|
||||
b.textContent='Copied!';
|
||||
setTimeout(()=>b.textContent='Copy',1500);
|
||||
},()=>getSelection().selectAllChildren(p));
|
||||
};
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user