beenull/simple-note
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

removed style.min.css and script.min.js

Browse source
This commit is contained in:
westtle 2024-01-27 20:47:46 +07:00
parent 3fb001af7c
commit 54bf941153
2 changed files with 0 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
assets/scripts/script.min.js vendored
View file

@ -1 +0,0 @@
let timerId;const noteTitle=document.querySelector(".__title input"),noteBody=document.querySelector(".__body textarea"),selectAllButton=document.querySelector("._select-all"),deleteAllButton=document.querySelector("._delete-all"),confirmDeleteButton=document.querySelector("._delete-confirm"),saveToLocalButton=document.querySelector("._save-to-local");function selectAll(){noteBody.select()}function showDeleteConfirm(){confirmDeleteButton.style.display="inline",deleteAllButton.style.display="none",timerId=setTimeout(()=>{confirmDeleteButton.style.display="none",deleteAllButton.style.display="inline"},2500)}function confirmDelete(){confirmDeleteButton.style.display="none",deleteAllButton.style.display="inline",noteTitle.value="",noteBody.value="",clearInterval(timerId),saveTitle(),saveText()}function downloadNote(){let e=noteTitle.value||"Simple Note",t=noteBody.value,l=document.createElement("a");l.setAttribute("href","data:text/plain;charset=utf-8,"+encodeURIComponent(t)),l.setAttribute("download",e),l.style.display="none",document.body.appendChild(l),l.click(),document.body.removeChild(l)}const note_title="Note_Title",note_text="Note_Text";function saveTitle(){localStorage.setItem(note_title,noteTitle.value)}function saveText(){localStorage.setItem(note_text,noteBody.value)}function loadData(){let e=localStorage.getItem(note_title)||"";noteTitle.value=e;let t=localStorage.getItem(note_text)||"";noteBody.value=t}noteTitle.addEventListener("input",saveTitle),noteBody.addEventListener("input",saveText),selectAllButton.addEventListener("click",selectAll),deleteAllButton.addEventListener("click",showDeleteConfirm),confirmDeleteButton.addEventListener("click",confirmDelete),saveToLocalButton.addEventListener("click",downloadNote),document.addEventListener("DOMContentLoaded",()=>{loadData()});

1
assets/styles/style.min.css vendored
View file

@ -1 +0,0 @@
#simple-note,.__function,body,main{display:flex}:root{--font-size-primary:0.906rem;--font-size-secondary:0.688rem;--foreground:rgba(0, 0, 0, 0.75);--border-color:rgba(0, 0, 0, 0.55);--border-shorthand:0.063rem solid var(--border-color);--button-hover-foreground:rgba(255, 255, 255, 0.9);--button-hover-backround:rgba(0, 0, 0, 0.78);--font-size-button:0.769rem;--seven:0.438rem;--twelve:0.75rem}.__body textarea,.__title{border:var(--border-shorthand);width:100%}*,::after,::before{color:var(--foreground);box-sizing:border-box}body{justify-content:center;min-height:91vh;margin-top:4.5vh;margin-bottom:4.5vh;padding:var(--twelve);font-size:var(--font-size-primary);text-align:center}.__body textarea,.__title input,button{padding:var(--seven) var(--twelve);font-size:var(--font-size-button)}main{flex-direction:column;width:100%;max-width:32rem}h2{margin-top:0}#simple-note{flex-direction:column;align-items:center;height:100%;min-height:18.75rem}.__title{border-bottom:0}.__title input{border:none;width:100%;font-style:italic;font-weight:700;outline:0}.__body{height:100%;width:100%}.__body textarea{border-bottom:none;border-radius:0;height:100%;resize:none;overflow-y:scroll;outline:0}.__function{border:var(--border-shorthand);width:100%}button{background:0 0;border:none;min-width:20%;cursor:pointer}.__function button:not(:last-child){border-right:var(--border-shorthand)}._delete-all,._delete-confirm{color:#fff;background:#fd5e5e}._delete-confirm{display:none}._save-to-local{border-left:var(--border-shorthand)!important;margin-left:auto}#notice{margin-top:.656rem;padding:0 var(--seven);font-size:var(--font-size-secondary);line-height:1.1;word-wrap:break-word}@media (hover:hover){.__function button:hover{color:var(--button-hover-foreground);background:var(--button-hover-backround)}}@media (max-width:30rem){html{font-size:calc(1rem - 10%)}}