multipleof4/lynchmark
1
0
Fork 0
mirror of https://github.com/multipleof4/lynchmark.git synced 2026-01-13 16:17:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

Refactor: Add blog content and improve copy

Browse Source
This commit is contained in:
multipleof4
2025-11-24 13:46:48 -08:00
parent 5a2deba6e4
commit 7ad2a2d86f
1 changed files with 12 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
blog/lynchmark-newsletter-experiment.html
View File

@@ -23,14 +23,18 @@
<header class="bg-gray-50 px-8 py-10 border-b border-gray-200 text-center">
<div class="inline-flex items-center rounded-full border border-purple-200 bg-purple-50 text-purple-700 text-xs font-bold px-3 py-1 mb-4 uppercase tracking-wide">Experiment</div>
<h1 class="text-3xl font-bold text-gray-900 mb-4">Lynchmark Newsletter</h1>
<p class="text-lg text-gray-600 max-w-md mx-auto">Get notified when new benchmark results drop. No spam, just data.</p>
</header>
<div class="p-8">
<form id="sub-form" class="space-y-4">
<div class="p-8 space-y-6">
<div class="prose prose-gray text-gray-600 leading-relaxed space-y-4">
<p>I put what I find interesting and discover about AI on Lynchmark.</p>
<p>Recently I received some positive feedback about the site on Reddit—even getting some requests—so I decided to see if people would actually be interested in keeping up with news, blogs, and more, Lynchmark style.</p>
<p>This is a newsletter sign-up page to gauge interest. <strong class="text-gray-900">If you're a fan, sign up.</strong></p>
</div>
<form id="sub-form" class="space-y-4 pt-4 border-t border-gray-100">
<input type="email" id="email" required placeholder="you@example.com" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none mono text-sm">
<button type="submit" class="w-full px-6 py-3 bg-blue-600 text-white font-medium rounded-lg hover:bg-blue-700 transition">Subscribe</button>
</form>
<p id="msg" class="mt-4 text-center text-sm hidden"></p>
<p id="msg" class="text-center text-sm hidden"></p>
</div>
</article>
<footer class="mt-12 text-center text-xs text-gray-500 mono">Public Domain</footer>
@@ -39,15 +43,15 @@
const form=document.getElementById('sub-form'),msg=document.getElementById('msg');
form.onsubmit=async e=>{
e.preventDefault();
msg.className='mt-4 text-center text-sm text-gray-500';
msg.className='text-center text-sm text-gray-500';
msg.textContent='Subscribing...';
msg.classList.remove('hidden');
try{
const r=await fetch('/api/subscribe',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({email:document.getElementById('email').value})});
const d=await r.json();
if(d.ok){msg.textContent='✓ Subscribed!';msg.className='mt-4 text-center text-sm text-green-600';}
else{msg.textContent=d.error||'Error';msg.className='mt-4 text-center text-sm text-red-600';}
}catch{msg.textContent='Network error';msg.className='mt-4 text-center text-sm text-red-600';}
if(d.ok){msg.textContent='✓ Subscribed!';msg.className='text-center text-sm text-green-600';}
else{msg.textContent=d.error||'Error';msg.className='text-center text-sm text-red-600';}
}catch{msg.textContent='Network error';msg.className='text-center text-sm text-red-600';}
};
</script>
</body>