Add example 4play.light preview

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

Hide file tree

Showing 2 changed files with 22 additions and 0 deletions.
diff --git a/public/4play.light.html b/public/4play.light.html
@@ -0,0 +1,21 @@
+<!doctype html><html lang="pl-PL"><head><title>4play.light - Editor for 4programmers.net</title><meta charset="UTF-8"><script src="https://cdn.tailwindcss.com"></script><style lang="css">blockquote {
+          display: inline;
+          background: cornSilk;
+          color: gray;
+          border-left: 2px solid orange;
+          padding-left: 3px;
+      }
+
+      a {
+          color: steelBlue !important;
+      }
+
+      code {
+          background-color: lightGray;
+          color: dimGray;
+      }
+
+      mark {
+          background: white;
+          color: forestGreen;
+      }</style><script defer="defer" src="main.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/main.js b/public/main.js