diff --git a/assets/GlacialIndifference-Regular-C5poZSJk.otf b/assets/GlacialIndifference-Regular-C5poZSJk.otf new file mode 100644 index 0000000..f28afdc Binary files /dev/null and b/assets/GlacialIndifference-Regular-C5poZSJk.otf differ diff --git a/assets/index-BILbmjzP.css b/assets/index-CevsC4jp.css similarity index 73% rename from assets/index-BILbmjzP.css rename to assets/index-CevsC4jp.css index 402e6db..7188d71 100644 --- a/assets/index-BILbmjzP.css +++ b/assets/index-CevsC4jp.css @@ -1 +1 @@ -.header-section{background-color:inherit}.header{padding:3rem;position:fixed;top:0;z-index:11;background-color:inherit;display:flex;align-items:center;justify-content:space-between;width:100vw;height:12rem}.trash-header{height:16rem}.theme-btn{border:none;background-color:gray;border-radius:50px;font-size:4rem;padding:1px;height:5rem;width:9rem;display:flex;align-items:center;justify-content:space-between}.sun-svg,.moon-svg{display:block;border-radius:100%;line-height:0;margin:1px}.sun-svg{animation:smooth-sun-btn .3s ease-in-out}.moon-svg{transform:translate(4.6rem);animation:smooth-moon-btn .3s ease-in-out}.light{background-color:#fff;color:#000;fill:#fff}.dark{background-color:#000;color:#fff;fill:#000}.empty-trash-btn{z-index:12;position:fixed;font-size:18px;right:3rem;top:12rem;padding:1.2rem;border-radius:6px;color:#fff;background-color:#000}.empty-trash-btn:after{content:"";background-color:#ffffff80;z-index:-12;position:absolute;border-radius:6px;top:0;left:0;height:100%;width:100%}.empty-trash-btn::hover{color:#3368fe}@keyframes smooth-sun-btn{0%{opacity:0;transform:translate(4.6rem)}to{opacity:1;transform:translate(0)}}@keyframes smooth-moon-btn{0%{opacity:0;transform:translate(0)}to{opacity:1;transform:translate(4.6rem)}}.nav-bar{display:flex;flex-direction:column;height:85vh;width:8rem;padding-left:2rem;align-items:center;justify-content:space-evenly;position:fixed;bottom:0;background-color:inherit}.nav-btn,.current-nav-btn{height:60px;width:60px;font-size:4rem;display:flex;justify-content:center;align-items:center;transition:.3s ease-in-out}.current-nav-btn{font-size:5rem;color:#3368fe}.hint-container{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;transition:.2s ease-in-out}.hint-text{display:flex;flex-direction:column;align-items:center;animation:smooth-laps .3s ease-in-out}.hint-text>h1{font-size:3.5rem;margin-top:1.2rem;white-space:nowrap}.home-hint{cursor:pointer}@keyframes smooth-laps{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.task-panel{display:flex;align-items:center;justify-content:center}.task-input-panel{position:relative;display:flex;align-items:center;justify-content:space-between;color:#000;border-radius:4px;padding:1rem;position:fixed;width:calc(100% - 6rem);z-index:120}.task-input-panel input{font-size:18px;width:calc(100% - 7rem)}.task-input-panel:before{content:"";position:absolute;background-color:#fff;z-index:-1;top:0;left:0;height:100%;width:100%;border-radius:6px}.checkbox,.task-add-btn{display:flex;align-items:center;justify-content:center;border-radius:100%;border:1px solid;line-height:0;height:2.2rem;width:2.2rem;font-size:1.8rem}.checkbox-black{border:1px solid black}.checkbox-white{border:1px solid white}.input-task::placeholder,.input-task{color:#000}.task-add-btn{border:none;line-height:0;height:3rem;width:3rem}.task-container{display:flex;flex-direction:column;width:100%}.list-box{display:flex;align-items:center;width:100%}.task-delete-btn{height:3rem;width:3rem}.overlay2{background-color:#000;opacity:.6;z-index:110;display:block;height:100%;width:100%;position:fixed;top:0;left:0}.theme-palette{display:flex;justify-content:center;margin-bottom:1rem}.palette-btn{display:flex;align-items:center;justify-content:center;position:relative;margin:5px;padding:5px;height:4rem;width:4rem;font-size:2.5rem;line-height:0;border-radius:100%;border:1px solid #161d26;box-shadow:0 0 10px 3px #161d26}.black-img{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAMAAADWOFNCAAAAllBMVEVFRUUwMDAREiQvLy9ERERGRkYxMTFDQ0MuLi4yMjJAQEA1NTUODyM8PD8qKi4ODyIAAAAAABoAABcAABQAABmUlJpBQUwHCR8UFiZZWmWMjZScnKB5eYHV1dkpKjhqanIAAB8AAAxPUFpubncZGyo0M0AsLDg6OkQjJTNiY2uqq67R0dRCRFF+f4fr6+vDxci1trcoKDgcoBQ3AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAA+klEQVRIie1V0QrDIAyMLEb8/x9e1+YSibZ0MoaMXV/K9c4Ec1Yi4JEUrESRyJiG3nDlKddcrfU7nKzFA5eicUXGNPYiGQumKHYGGkIXAoLRmLgL6F05asxFU665Wuu7BrshB1JlRalA6RhShiguaJ8sUdsolYLGXchY7XKIAFyl99x1dVLWqPXNDhtXUXDSeVcwpYJhMNv7ziAb4tkwpkRGLBsY9/9U3nRd7Qaduga1fDrdcAfj1nljbsyeqO4smwY1ybBW5tev1bjygdallN/LpCp32Sxe53R//EcNptP4JZ5R1e/lyDxcE5v3HJbI/Ni9/PEOLSV3XE+2CBLU/ctJsgAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-position:center;background-size:cover}.more-options{width:100%;position:fixed;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;background-color:inherit;border-radius:20px 20px 0 0;padding:2rem}.more-options button h2{font-size:18px}.options-container{animation:smooth-show-option .3s ease-in-out}@keyframes smooth-show-option{0%{transform:translateY(100%)}to{transform:translateY(0)}}.more-options-dark{background-color:#161d26;color:#fff;animation:smooth-show-option .3s ease-in-out}.pin-note-btn svg{padding:5px}.options-panel{display:flex;justify-content:space-between}.more-option-btn,.gallery-btn{font-size:3rem}.option-btn{fill:#fff;padding:5px;font-size:3rem}.option-btn h2{font-size:16px;padding:5px;margin:5px}.option-btn svg{height:3rem;width:3rem}.editor{position:fixed;z-index:100;top:50%;left:50%;transform:translate(-50%,-50%);overflow-y:hidden;height:55rem;width:45rem;padding:2rem;border-radius:.6rem;animation:smooth-editor-open .5s ease-in-out}@keyframes smooth-editor-open{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.editor-header{width:100%;position:sticky;z-index:10;top:0;background-color:inherit;display:flex;justify-content:space-between;padding:10px}.editor-header span{font-size:4rem}.note-content{height:35rem;overflow:auto}.task-close-btn{font-size:4rem;color:#000;background-color:#fff;position:fixed;top:20px;margin:10px;border-radius:4px;z-index:120}.img-container{padding:5px;column-count:2;column-gap:.5rem}.img-on-editor{display:inline-block;position:relative;overflow:hidden;break-inside:avoid;margin-bottom:5px}.img-on-editor img{width:100%;height:100%}.delete-img-btn{height:3rem;width:3rem;z-index:2;position:absolute;padding:.8rem;bottom:.5rem;right:.8rem;font-size:3rem;color:#fff}.delete-img-btn:after{z-index:-1;content:"";position:absolute;top:0;left:.8rem;height:100%;width:100%;opacity:.7;border-radius:6px;background:#000}.pin-btn{position:absolute;z-index:10;top:0;right:0;padding:5px;height:30px;width:30px;border-radius:100%;fill:inherit}.main{padding:13rem 1rem 1rem 9rem;width:100%;padding-bottom:90px;overflow-y:auto;column-count:6;column-gap:.5rem;background-color:inherit;opacity:1}.container{background-color:inherit}.archive-main #notes{opacity:0}.light-empty-btn{z-index:12;position:fixed;font-size:18px;right:3rem;top:12rem;padding:.4rem;border-radius:6px;color:#000;background-color:#fff}.light-empty-btn:after{content:"";background-color:#000;opacity:.2;z-index:-12;position:absolute;border-radius:6px;top:0;left:0;height:100%;width:100%}.note{position:relative;overflow:hidden;break-inside:avoid;min-height:10rem;max-height:70rem;padding:1.2rem;margin-bottom:5px;border-radius:4px;opacity:.9;transition:.2s ease-in}.note>div{width:100%}.note>ul{margin-bottom:.8rem;overflow-y:hidden}.note>h2{margin-bottom:.8rem}.note>h3{margin-bottom:.8rem}.note:hover{transform:scale(.9);opacity:1;transition:.2s ease-in;overflow:hidden}.white-box{border:1px solid rgba(0,0,0,.4)}.black-box{border:1px solid rgba(255,255,255,.3)}.pin-btn{position:absolute;z-index:10;top:0;right:0;padding:5px;height:30px;width:30px;border-radius:100%}.img-on-note{position:relative;overflow:hidden;break-inside:avoid;width:100%}.tasks-on-note span{align-items:center;list-style:none;display:flex;word-wrap:break-word}.tasks-on-note p{padding:1rem;width:90%;font-size:18px}.clear-trash-btn,.add-note-btn{background:transparent;position:fixed;bottom:10rem;right:5rem;width:6rem;height:6rem;background-color:#3368fe;color:#fff;border-radius:100%;transform:translate(1rem,1rem);display:flex;align-items:center;justify-content:center;font-size:4rem;cursor:pointer}.clear-trash-btn:after,.add-note-btn:after{content:"";position:fixed;width:6rem;height:6rem;background-color:#3368fe;border-radius:100%;z-index:-10;transform:scale(1);transition:all .5s ease-in-out;opacity:1}.clear-trash-btn:active,.add-note-btn:active{transform:translate(10%) scale(.8);transition:all .5s ease-in-out}.clear-trash-btn:hover:after,.add-note-btn:hover:after{transform:scale(2);transition:all 1s ease-in-out;opacity:0}.clear-trash-panel,.clear-trash-panel-white{color:#fff;background-color:#000;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;border:1px solid #fff;display:flex;flex-direction:column;align-items:end;text-align:center;padding:1rem;animation:smooth-panel-open .5s ease-in-out}.clear-trash-panel span,.clear-trash-panel-white span{display:flex}.clear-trash-panel h2,.clear-trash-panel-white h2{font-size:2.2rem;margin:1rem}.clear-trash-panel-white{color:#000;background-color:#fff;border:1px solid #000}@keyframes smooth-panel-open{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.archive-btn,.delete-all-btn,.archive-btn-white,.delete-all-btn-white{border:1px solid #fff;font-size:1.4rem;padding:1rem 1.5rem;margin:1rem}.archive-btn-white,.delete-all-btn-white{border:1px solid #000}@font-face{font-family:Glacial Indifference;src:url(@/assets/fonts/GlacialIndifference-Regular.otf)}*{padding:0;margin:0;box-sizing:border-box}html{font-size:62.5%}body,body *{font-family:Glacial Indifference,sans-serif}.material-symbols-outlined,.material-symbols-rounded{color:inherit;font-size:inherit}button{border:none;background-color:transparent;color:inherit;display:flex;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}svg{height:12rem}input,textarea{width:100%;padding:1.5rem;border:none;outline:none;color:inherit;background-color:transparent;resize:none}input,h2{font-weight:300;font-size:2.4rem}h3,textarea{font-weight:200;font-size:1.8rem}textarea::placeholder,input::placeholder{color:inherit}img{display:inline-block;overflow:hidden;border-radius:10px}h1{font-weight:100;font-size:5rem}ul{width:100%;margin-bottom:.8rem}li{list-style:none;display:flex;align-items:center;width:100%;word-wrap:break-word}li p{padding:1rem;width:calc(100% - 6rem);font-size:18px}textarea::-webkit-scrollbar,.note-content::-webkit-scrollbar{width:1px}textarea::-webkit-scrollbar-track,.note-content::-webkit-scrollbar-track{box-shadow:inset 0 0 4px transparent}textarea::-webkit-scrollbar-thumb,.note-content::-webkit-scrollbar-thumb{background-color:gray;outline:solid 1px gray;border-radius:1rem}.main-container{height:100vh}.ultramarine-blue{background:#3368fe;color:#fff;fill:#fff}.mustard{background:#ffdb46;color:#000;fill:#000}.white{background:#fefeff;color:#000;fill:#000}.mystic-maroon{background:#ef476f;color:#fff;fill:#fff}.bright-mint{background:#0aeaae;color:#000;fill:#000}.coral{background:#f2542d;color:#fff;fill:#fff}.black{background:#000;color:#fff;fill:#fff}.purple{background:#8338ec;color:#fff;fill:#fff}.task-completed{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.overlay{background-color:#000;opacity:.5;z-index:12;display:block;height:100%;width:100%;position:fixed;top:0;left:0}@media screen and (max-width: 1600px){.main{column-count:5}}@media screen and (max-width: 1400px){.main{column-count:4}}@media screen and (max-width: 1100px){.main{column-count:3}}@media screen and (max-width: 800px){.main{column-count:2}}@media screen and (max-width: 600px){.editor{position:fixed;z-index:100;top:0;left:0;transform:translate(0);overflow-y:auto;height:100dvh;width:100vw;border-radius:0;animation:smooth-editor-open-mobile .5s ease-in-out}.note-content{height:80vh}.main{margin-left:0;padding:13rem 3rem 9rem;column-count:1}.trash-main{padding:18rem 3rem 9rem}.img-container{column-count:1}.nav-bar{flex-direction:row;height:8rem;width:100%;padding-left:0;justify-content:space-evenly;position:fixed;bottom:0;background-color:transparent;-webkit-backdrop-filter:blur(4rem);backdrop-filter:blur(4rem)}.password-panel{width:30rem}.password-panel h1{font-size:28px}.clear-trash-panel,.clear-trash-panel-white,.password-panel,.password-panel-white{width:30rem}.clear-trash-panel h2,.clear-trash-panel-white h2,.password-panel h2,.password-panel-white h2{font-size:2rem}}@media screen and (max-width: 500px){.palette-btn{height:3rem;width:3rem}.theme-palette{justify-content:space-evenly}}@keyframes smooth-editor-open-mobile{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}} +.header-section{background-color:inherit}.header{padding:3rem;position:fixed;top:0;z-index:11;background-color:inherit;display:flex;align-items:center;justify-content:space-between;width:100vw;height:12rem}.trash-header{height:16rem}.theme-btn{border:none;background-color:gray;border-radius:50px;font-size:4rem;padding:1px;height:5rem;width:9rem;display:flex;align-items:center;justify-content:space-between}.sun-svg,.moon-svg{display:block;border-radius:100%;line-height:0;margin:1px}.sun-svg{animation:smooth-sun-btn .3s ease-in-out}.moon-svg{transform:translate(4.6rem);animation:smooth-moon-btn .3s ease-in-out}.light{background-color:#fff;color:#000;fill:#fff}.dark{background-color:#000;color:#fff;fill:#000}.empty-trash-btn{z-index:12;position:fixed;font-size:18px;right:3rem;top:12rem;padding:1.2rem;border-radius:6px;color:#fff;background-color:#000}.empty-trash-btn:after{content:"";background-color:#ffffff80;z-index:-12;position:absolute;border-radius:6px;top:0;left:0;height:100%;width:100%}.empty-trash-btn::hover{color:#3368fe}@keyframes smooth-sun-btn{0%{opacity:0;transform:translate(4.6rem)}to{opacity:1;transform:translate(0)}}@keyframes smooth-moon-btn{0%{opacity:0;transform:translate(0)}to{opacity:1;transform:translate(4.6rem)}}.nav-bar{display:flex;flex-direction:column;height:85vh;width:8rem;padding-left:2rem;align-items:center;justify-content:space-evenly;position:fixed;bottom:0;background-color:inherit}.nav-btn,.current-nav-btn{height:60px;width:60px;font-size:4rem;display:flex;justify-content:center;align-items:center;transition:.3s ease-in-out}.current-nav-btn{font-size:5rem;color:#3368fe}.hint-container{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;transition:.2s ease-in-out}.hint-text{display:flex;flex-direction:column;align-items:center;animation:smooth-laps .3s ease-in-out}.hint-text>h1{font-size:3.5rem;margin-top:1.2rem;white-space:nowrap}.home-hint{cursor:pointer}@keyframes smooth-laps{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.task-panel{display:flex;align-items:center;justify-content:center}.task-input-panel{position:relative;display:flex;align-items:center;justify-content:space-between;color:#000;border-radius:4px;padding:1rem;position:fixed;width:calc(100% - 6rem);z-index:120}.task-input-panel input{font-size:18px;width:calc(100% - 7rem)}.task-input-panel:before{content:"";position:absolute;background-color:#fff;z-index:-1;top:0;left:0;height:100%;width:100%;border-radius:6px}.checkbox,.task-add-btn{display:flex;align-items:center;justify-content:center;border-radius:100%;border:1px solid;line-height:0;height:2.2rem;width:2.2rem;font-size:1.8rem}.checkbox-black{border:1px solid black}.checkbox-white{border:1px solid white}.input-task::placeholder,.input-task{color:#000}.task-add-btn{border:none;line-height:0;height:3rem;width:3rem}.task-container{display:flex;flex-direction:column;width:100%}.list-box{display:flex;align-items:center;width:100%}.task-delete-btn{height:3rem;width:3rem}.overlay2{background-color:#000;opacity:.6;z-index:110;display:block;height:100%;width:100%;position:fixed;top:0;left:0}.theme-palette{display:flex;justify-content:center;margin-bottom:1rem}.palette-btn{display:flex;align-items:center;justify-content:center;position:relative;margin:5px;padding:5px;height:4rem;width:4rem;font-size:2.5rem;line-height:0;border-radius:100%;border:1px solid #161d26;box-shadow:0 0 10px 3px #161d26}.black-img{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAMAAADWOFNCAAAAllBMVEVFRUUwMDAREiQvLy9ERERGRkYxMTFDQ0MuLi4yMjJAQEA1NTUODyM8PD8qKi4ODyIAAAAAABoAABcAABQAABmUlJpBQUwHCR8UFiZZWmWMjZScnKB5eYHV1dkpKjhqanIAAB8AAAxPUFpubncZGyo0M0AsLDg6OkQjJTNiY2uqq67R0dRCRFF+f4fr6+vDxci1trcoKDgcoBQ3AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAA+klEQVRIie1V0QrDIAyMLEb8/x9e1+YSibZ0MoaMXV/K9c4Ec1Yi4JEUrESRyJiG3nDlKddcrfU7nKzFA5eicUXGNPYiGQumKHYGGkIXAoLRmLgL6F05asxFU665Wuu7BrshB1JlRalA6RhShiguaJ8sUdsolYLGXchY7XKIAFyl99x1dVLWqPXNDhtXUXDSeVcwpYJhMNv7ziAb4tkwpkRGLBsY9/9U3nRd7Qaduga1fDrdcAfj1nljbsyeqO4smwY1ybBW5tev1bjygdallN/LpCp32Sxe53R//EcNptP4JZ5R1e/lyDxcE5v3HJbI/Ni9/PEOLSV3XE+2CBLU/ctJsgAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-position:center;background-size:cover}.more-options{width:100%;position:fixed;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;background-color:inherit;border-radius:20px 20px 0 0;padding:2rem}.more-options button h2{font-size:18px}.options-container{animation:smooth-show-option .3s ease-in-out}@keyframes smooth-show-option{0%{transform:translateY(100%)}to{transform:translateY(0)}}.more-options-dark{background-color:#161d26;color:#fff;animation:smooth-show-option .3s ease-in-out}.pin-note-btn svg{padding:5px}.options-panel{display:flex;justify-content:space-between}.more-option-btn,.gallery-btn{font-size:3rem}.option-btn{fill:#fff;padding:5px;font-size:3rem}.option-btn h2{font-size:16px;padding:5px;margin:5px}.option-btn svg{height:3rem;width:3rem}.editor{position:fixed;z-index:100;top:50%;left:50%;transform:translate(-50%,-50%);overflow-y:hidden;height:55rem;width:45rem;padding:2rem;border-radius:.6rem;animation:smooth-editor-open .5s ease-in-out}@keyframes smooth-editor-open{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.editor-header{width:100%;position:sticky;z-index:10;top:0;background-color:inherit;display:flex;justify-content:space-between;padding:10px}.editor-header span{font-size:4rem}.note-content{height:35rem;overflow:auto}.task-close-btn{font-size:4rem;color:#000;background-color:#fff;position:fixed;top:20px;margin:10px;border-radius:4px;z-index:120}.img-container{padding:5px;column-count:2;column-gap:.5rem}.img-on-editor{display:inline-block;position:relative;overflow:hidden;break-inside:avoid;margin-bottom:5px}.img-on-editor img{width:100%;height:100%}.delete-img-btn{height:3rem;width:3rem;z-index:2;position:absolute;padding:.8rem;bottom:.5rem;right:.8rem;font-size:3rem;color:#fff}.delete-img-btn:after{z-index:-1;content:"";position:absolute;top:0;left:.8rem;height:100%;width:100%;opacity:.7;border-radius:6px;background:#000}.pin-btn{position:absolute;z-index:10;top:0;right:0;padding:5px;height:30px;width:30px;border-radius:100%;fill:inherit}.main{padding:13rem 1rem 1rem 9rem;width:100%;padding-bottom:90px;overflow-y:auto;column-count:6;column-gap:.5rem;background-color:inherit;opacity:1}.container{background-color:inherit}.archive-main #notes{opacity:0}.light-empty-btn{z-index:12;position:fixed;font-size:18px;right:3rem;top:12rem;padding:.4rem;border-radius:6px;color:#000;background-color:#fff}.light-empty-btn:after{content:"";background-color:#000;opacity:.2;z-index:-12;position:absolute;border-radius:6px;top:0;left:0;height:100%;width:100%}.note{position:relative;overflow:hidden;break-inside:avoid;min-height:10rem;max-height:70rem;padding:1.2rem;margin-bottom:5px;border-radius:4px;opacity:.9;transition:.2s ease-in}.note>div{width:100%}.note>ul{margin-bottom:.8rem;overflow-y:hidden}.note>h2{margin-bottom:.8rem}.note>h3{margin-bottom:.8rem}.note:hover{transform:scale(.9);opacity:1;transition:.2s ease-in;overflow:hidden}.white-box{border:1px solid rgba(0,0,0,.4)}.black-box{border:1px solid rgba(255,255,255,.3)}.pin-btn{position:absolute;z-index:10;top:0;right:0;padding:5px;height:30px;width:30px;border-radius:100%}.img-on-note{position:relative;overflow:hidden;break-inside:avoid;width:100%}.tasks-on-note span{align-items:center;list-style:none;display:flex;word-wrap:break-word}.tasks-on-note p{padding:1rem;width:90%;font-size:18px}.clear-trash-btn,.add-note-btn{background:transparent;position:fixed;bottom:10rem;right:5rem;width:6rem;height:6rem;background-color:#3368fe;color:#fff;border-radius:100%;transform:translate(1rem,1rem);display:flex;align-items:center;justify-content:center;font-size:4rem;cursor:pointer}.clear-trash-btn:after,.add-note-btn:after{content:"";position:fixed;width:6rem;height:6rem;background-color:#3368fe;border-radius:100%;z-index:-10;transform:scale(1);transition:all .5s ease-in-out;opacity:1}.clear-trash-btn:active,.add-note-btn:active{transform:translate(10%) scale(.8);transition:all .5s ease-in-out}.clear-trash-btn:hover:after,.add-note-btn:hover:after{transform:scale(2);transition:all 1s ease-in-out;opacity:0}.clear-trash-panel,.clear-trash-panel-white{color:#fff;background-color:#000;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;border:1px solid #fff;display:flex;flex-direction:column;align-items:end;text-align:center;padding:1rem;animation:smooth-panel-open .5s ease-in-out}.clear-trash-panel span,.clear-trash-panel-white span{display:flex}.clear-trash-panel h2,.clear-trash-panel-white h2{font-size:2.2rem;margin:1rem}.clear-trash-panel-white{color:#000;background-color:#fff;border:1px solid #000}@keyframes smooth-panel-open{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.archive-btn,.delete-all-btn,.archive-btn-white,.delete-all-btn-white{border:1px solid #fff;font-size:1.4rem;padding:1rem 1.5rem;margin:1rem}.archive-btn-white,.delete-all-btn-white{border:1px solid #000}@font-face{font-family:Glacial_Indifference;src:url(/notes-app/assets/GlacialIndifference-Regular-C5poZSJk.otf)}*{padding:0;margin:0;box-sizing:border-box}html{font-size:62.5%}body,body *{font-family:Glacial_Indifference,sans-serif}.material-symbols-outlined,.material-symbols-rounded{color:inherit;font-size:inherit}button{border:none;background-color:transparent;color:inherit;display:flex;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}svg{height:12rem}input,textarea{width:100%;padding:1.5rem;border:none;outline:none;color:inherit;background-color:transparent;resize:none}input,h2{font-weight:300;font-size:2.4rem}h3,textarea{font-weight:200;font-size:1.8rem}textarea::placeholder,input::placeholder{color:inherit}img{display:inline-block;overflow:hidden;border-radius:10px}h1{font-weight:100;font-size:5rem}ul{width:100%;margin-bottom:.8rem}li{list-style:none;display:flex;align-items:center;width:100%;word-wrap:break-word}li p{padding:1rem;width:calc(100% - 6rem);font-size:18px}textarea::-webkit-scrollbar,.note-content::-webkit-scrollbar{width:1px}textarea::-webkit-scrollbar-track,.note-content::-webkit-scrollbar-track{box-shadow:inset 0 0 4px transparent}textarea::-webkit-scrollbar-thumb,.note-content::-webkit-scrollbar-thumb{background-color:gray;outline:solid 1px gray;border-radius:1rem}.main-container{height:100vh}.ultramarine-blue{background:#3368fe;color:#fff;fill:#fff}.mustard{background:#ffdb46;color:#000;fill:#000}.white{background:#fefeff;color:#000;fill:#000}.mystic-maroon{background:#ef476f;color:#fff;fill:#fff}.bright-mint{background:#0aeaae;color:#000;fill:#000}.coral{background:#f2542d;color:#fff;fill:#fff}.black{background:#000;color:#fff;fill:#fff}.purple{background:#8338ec;color:#fff;fill:#fff}.task-completed{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.overlay{background-color:#000;opacity:.5;z-index:12;display:block;height:100%;width:100%;position:fixed;top:0;left:0}@media screen and (max-width: 1600px){.main{column-count:5}}@media screen and (max-width: 1400px){.main{column-count:4}}@media screen and (max-width: 1100px){.main{column-count:3}}@media screen and (max-width: 800px){.main{column-count:2}}@media screen and (max-width: 600px){.editor{position:fixed;z-index:100;top:0;left:0;transform:translate(0);overflow-y:auto;height:100dvh;width:100vw;border-radius:0;animation:smooth-editor-open-mobile .5s ease-in-out}.note-content{height:80vh}.main{margin-left:0;padding:13rem 3rem 9rem;column-count:1}.trash-main{padding:18rem 3rem 9rem}.img-container{column-count:1}.nav-bar{flex-direction:row;height:8rem;width:100%;padding-left:0;justify-content:space-evenly;position:fixed;bottom:0;background-color:transparent;-webkit-backdrop-filter:blur(4rem);backdrop-filter:blur(4rem)}.password-panel{width:30rem}.password-panel h1{font-size:28px}.clear-trash-panel,.clear-trash-panel-white,.password-panel,.password-panel-white{width:30rem}.clear-trash-panel h2,.clear-trash-panel-white h2,.password-panel h2,.password-panel-white h2{font-size:2rem}}@media screen and (max-width: 500px){.palette-btn{height:3rem;width:3rem}.theme-palette{justify-content:space-evenly}}@keyframes smooth-editor-open-mobile{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}} diff --git a/assets/index-D-_w5bnH.js b/assets/index-St9U07mf.js similarity index 100% rename from assets/index-D-_w5bnH.js rename to assets/index-St9U07mf.js diff --git a/index.html b/index.html index 0c76997..419719c 100644 --- a/index.html +++ b/index.html @@ -10,8 +10,8 @@ - - + +