Created
April 27, 2022 20:05
-
-
Save shurane/dc35cdfa3ca9281f6d1a72797979185f to your computer and use it in GitHub Desktop.
data:text/html, <html contenteditable> with some extra styling to make it easier to use. Just copy/paste the code in your browser and type away. Or make it a bookmarklet.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| data:text/html;charset=utf-8,<title>TextEditor</title><style>body{background:#fbfbfb;color:#333;margin:0%50auto;width:100%}textarea{background:#fbfbfb;border:0;color:#333;font-family:sans-serif;font-size:2rem;height:98%;line-height:1.4;margin:0%20auto;outline:0;padding:4rem;width:100%}button{background-color:#fbfbfb;border:1px%20#ccc%20solid;color:#999;cursor:pointer;float:right;margin:10px%200;padding:5px%2010px}@media%20(max-width:100%){body{width:100%;padding:0}textarea{padding:10px}button{float:none}}</style><body><button%20onclick="sM();%20return%20false">Email%20this</button><textarea%20contenteditable%20id=TE%20spellcheck=false%20placeholder=Write...%20autofocus></textarea><script>function%20sM(){var%20a="mailto:?subject="+escape("Text%20from%20TextEditor")+"&body="+escape(document.getElementById("TE").value);window.location.href=a};</script> |
data:text/html,
<title>SIM Arsip</title> <style> *{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif} body{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:20px} .container{max-width:1200px;margin:0 auto} .header{background:white;padding:20px;border-radius:15px;text-align:center;margin-bottom:20px;box-shadow:0 4px 6px rgba(0,0,0,0.1)} .menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:20px} .menu-btn{background:white;border:none;padding:15px;border-radius:10px;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer} .card{background:white;padding:20px;border-radius:15px;margin-bottom:20px;box-shadow:0 4px 6px rgba(0,0,0,0.1)} .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px} .stat-item{background:#f8f9fa;padding:15px;border-radius:10px;text-align:center} table{width:100%;border-collapse:collapse;margin-top:20px} th,td{padding:12px;text-align:left;border-bottom:1px solid #ddd} .btn{background:#4CAF50;color:white;border:none;padding:12px 20px;border-radius:8px;cursor:pointer} .modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);align-items:center;justify-content:center;padding:20px} .modal-content{background:white;padding:25px;border-radius:15px;width:100%;max-width:500px} </style>📁 SIM ARSIP DIGITAL
Tanpa Server • Langsung Buka
📊 Dashboard
📋 Daftar Arsip
➕ Tambah
🔍 Cari
📊 Statistik Arsip
1,248
Total Arsip
985
Disetujui
42
Menunggu
| Kode | Judul | Status |
|---|---|---|
| AR/2023/001 | Laporan Keuangan | ✅ Disetujui |
| AR/2023/002 | Peraturan Internal | ✅ Disetujui |
📋 Semua Arsip
Daftar lengkap semua arsip digital.
➕ Tambah Arsip Baru
💾 Simpan ❌ Batal
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Wow, thanks for taking the time to make a more readable version! This is very helpful. Great contribution!