Add example 4play.light preview

pradoslaw · Jan 30, 2024 · be35798 · be35798
1 parent ae8e6b9
commit be35798
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/public/4play.light.html b/public/4play.light.html
@@ -0,0 +1 @@
+<!doctype html><html lang="pl"><head><title>4play.light - Editor for 4programmers.net</title><meta charset="utf-8"><script src="https://cdn.tailwindcss.com"></script><script defer="defer" src="4play.light.js"></script></head><body><div class="container mx-auto px-4 mt-4"><h1 class="text-2xl font-semibold mb-2">4play.light (wersja <code>0.0.0-alpha</code>, by <mark>@Riddle</mark>)</h1><p>Edytor treści na 4programmers.net, przeznaczony głównie do komentarzy pod postami.</p><div class="mt-4 flex justify-end"><button type="button" class="border-2 px-4 py-2 rounded-md">+ Add new</button></div><ul class="mt-14" id="examples"><template id="example"><li class="mb-12"><div class="lg:flex lg:justify-between"><div class="lg:w-1/2 lg:py-2 px-2"><span class="ml-1 text-xs">Markup</span><div class="border-2 rounded-md"><textarea class="w-full min-h-12 max-h-60 h-12 cursor-default bg-slate-100 text-slate-400" id="editor" readonly="readonly"></textarea></div><div class="mt-1 flex justify-end"><button class="border px-2 text-xs" type="button">x Remove</button></div></div><div class="lg:w-1/2 lg:py-2 px-2"><span class="ml-1 text-xs">Preview</span><div class="border px-2 py-0.5 d-inline-block" id="preview"></div></div></div></li></template></ul></div></body></html>
diff --git a/public/4play.light.js b/public/4play.light.js