<html lang="en"><head><%- include('layouts/head') %></head><body class="bg-gray-900 selection:bg-green-300 selection:text-black"><div class="form-row p-3"><div class="main form-group col-md-6"><div class="form-row"><div class="form-group col-md-6"><label for="font">Pilih Font</label><select class="form-control shadow-md shadow-sky-300/100 rounded-md text-slate-300 focus:text-slate-300 focus:bg-gray-600" id="font" onchange="localStorage.setItem('fontIndex', this.value);setup()"></select></div><div class="form-group col-md-6"><label for="book">Pilih Kertas</label><select class="form-control shadow-md shadow-sky-300/100 rounded-md text-slate-300 focus:text-slate-300 focus:bg-gray-600" id="book" onchange="localStorage.setItem('bookIndex', this.value);setup()"></select></div></div><div class="form-row"><div class="form-group col-md-6"><label for="warna">Warna Tinta</label><select class="form-control shadow-md shadow-sky-300/100 rounded-md text-slate-300 focus:text-slate-300 focus:bg-gray-600" id="warna"><option value="nothing" selected="selected">Hitam</option></select></div><div class="form-group col-md-6" id="detpiker"><label for="date">Tanggal</label><div class=""><div class="input-group"><input placeholder="Masukan tanggal" type="text" class="form-control shadow-md shadow-sky-300/100 rounded-md text-slate-300 focus:text-slate-300 focus:bg-gray-600" id="date"><div class="input-group-append shadow-md shadow-sky-300/100"><span class="input-group-text text-md">ðŸ“† </span></div></div></div></div></div><div class="form-row"><div class="form-group col-md-6"><label for="name">Nama</label><input type="text" class="form-control shadow-md shadow-sky-300/100 rounded-md text-slate-300 focus:text-slate-300 focus:bg-gray-600" id="name" oninput="txtName=this.value" placeholder="Nama : ZaaDev"></div><div class="form-group col-md-6"><label for="kelas">Kelas</label><input type="text" class="form-control shadow-md shadow-sky-300/100 rounded-md text-slate-300 focus:text-slate-300 focus:bg-gray-600" id="kelas" oninput="txtKelas=this.value" placeholder="Kelas : 8G"></div></div><div class="form-row"><div class="form-group col-md-12"><label for="fakultas">Mata Pelajaran</label><input type="text" class="form-control shadow-md shadow-sky-300/100 rounded-md text-slate-300 focus:text-slate-300 focus:bg-gray-600" id="fakultas" oninput="txtFakultas=this.value" placeholder="Mapel : IPS"></div></div><div class="form-group pb-1"><label for="content">Teks :</label><textarea class="form-control shadow-md shadow-sky-300/100 rounded-md text-slate-300 focus:text-slate-300 focus:bg-gray-600" id="content" rows="10" oninput="txtContent=this.value" placeholder="Masukan teks"></textarea></div><div class="form-group"><button class="shadow-md font-bold shadow-sky-300/100 bg-green-500 px-2 py-1 text-white rounded-lg font-sans mr-2" onclick="downloadCanvas(document.getElementById('defaultCanvas0'), 'awas-ketauan.png')">Unduh Hasil </button><button class="shadow-md font-bold shadow-sky-300/100 bg-red-500 px-2 py-1 text-white rounded-lg font-sans float-center" type="button" onclick="javascript:eraseText();">Hapus Semua </button></div></div><div class="form-group col-md-6"><main class="paper-container scale-50 -mt-52 -mb-80 mr-64 md:scale-100 md:mt-0 md:mb-0 md:mr-0"></main></div></div><div class="fixed top-0 text-center font-mono bg-gray-800 text-slate-300 py-0 text-sm w-full">Â© 2022 <a class="text-green-500" href="http://instagram.com/zaadevofc" target="_blank" rel="noopener noreferrer">ZaaDev</a> All Rights Reserved. </div><%- include('layouts/script'); %></body></html>