diff --git a/src/assets/css/style.css b/src/assets/css/style.css index 686c08d..c0b8634 100644 --- a/src/assets/css/style.css +++ b/src/assets/css/style.css @@ -1 +1 @@ -@keyframes slide-left{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes slide-right{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@font-face{font-family:OpenSans;font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/OpenSans.woff2") format("woff2")}@font-face{font-family:OpenSans;font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/OpenSans-700.woff2") format("woff2")}html{scroll-behavior:smooth;-webkit-tap-highlight-color:rgba(0,0,0,0);scrollbar-color:rgba(100,100,100,.5) rgba(0,0,0,0);font-family:OpenSans,sans-serif}*{margin:0;box-sizing:border-box}::-webkit-scrollbar-thumb{background:rgba(100,100,100,.5)}::-webkit-scrollbar{width:5px;height:5px}::placeholder{opacity:1}h1{font-size:1.2rem}h2{font-size:1.1rem}h3{font-size:1rem}table{border-collapse:collapse;text-align:center;border:1px solid #000;margin:10px 0}table thead{background:rgba(100,100,100,.2)}table th,table td{padding:4px 8px;border:1px solid #000}a{text-decoration:none;font-weight:700}kbd{border-radius:5px;margin:0 2px;font-size:.8rem;font-weight:700;padding:2px 4px;box-shadow:1px 1px 3px rgba(0,0,0,.2)}blockquote{border-left:3px solid rgba(100,100,100,.5);padding-left:10px}header{padding:10px}header .fa-xmark{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;transition:.1s}header .fa-xmark:hover{background:rgba(100,100,100,.2)}pre{margin:10px auto}pre,code{background:#000;color:#fff;border-radius:4px;padding:4px;white-space:break-spaces}li{margin-left:-1.4rem}img{max-width:100%;height:auto;border-radius:10px}#noscript{padding:4px}nav{top:0;left:0;right:0;text-align:center;position:fixed;z-index:2;-webkit-user-select:none;user-select:none}nav h1{display:none}nav .log-in,nav .manage-account{font-size:2rem}nav div{margin:10px 2rem;display:inline-flex;align-items:center;vertical-align:middle}nav #divSearch{width:300px;height:50px;border-radius:10px;padding:0 10px}nav #divSearch:focus-within{box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 2px 6px 0 rgba(0,0,0,.2)}nav #divSearch i{font-size:1rem;margin:0 5px}nav #divSearch input{width:180px;border:none;border-radius:24px;padding:0 10px}nav #divSearch input:focus{outline:none}nav #dot-connected{width:10px;height:10px;border-radius:50%;background:lime;margin-top:-15px}nav #last-sync{font-size:.8rem}nav #last-sync i{margin:0 5px;cursor:pointer}main{margin:86px auto 2rem;padding:0 2rem 0 414px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2rem}#sideBar{position:fixed;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;left:0;top:70px;bottom:0;width:382px;padding:1rem;border-radius:1rem;margin:1rem}#sideBar #listNotes{flex-grow:1;overflow-y:auto}#sideBar #listNotes p{margin:5px 0;padding:5px;border-radius:0 1rem 1rem 0;font-size:.8rem;font-weight:700;overflow:hidden;cursor:pointer}#sideBar #listNotes p:hover,#sideBar #listNotes p:focus{outline:none;background:rgba(100,100,100,.2)}#sideBar #listNotes p:hover .titleList,#sideBar #listNotes p:focus .titleList{display:none}#sideBar #listNotes p:hover .dateList,#sideBar #listNotes p:focus .dateList{display:inline-flex}#sideBar #listNotes p .category{background:rgba(100,100,100,.2);padding:4px 8px;margin:0 8px 0 0;border-radius:24px}#sideBar #listNotes p .titleList{display:inline-flex;align-items:baseline}#sideBar #listNotes p .dateList{display:none}#sideBar #close-sidebar{display:none}#sideBar button{margin:1rem auto}#sidebar-indicator{position:fixed;height:15vh;width:4px;border-radius:5px;background:rgba(100,100,100,.5);left:4px;top:50%;transform:translate(-50%, -50%)}input{font-family:OpenSans,sans-serif}input[type=text],input[type=password],input[type=search],input[type=number],input[type=date],select{height:50px;width:100%;font-size:1rem;padding:0 1rem}input[type=text]:disabled,input[type=password]:disabled{cursor:not-allowed;opacity:.6}input[type=radio],input[type=checkbox]{margin-right:10px;vertical-align:middle}input[type=checkbox]{pointer-events:none}input[type=text]:focus,input[type=password]:focus,textarea:focus{outline:2px solid rgba(100,100,100,.5)}.task-list-item input[type=checkbox]:checked+label{text-decoration:line-through}select,option{font-family:Arial,sans-serif}textarea{font-family:OpenSans,sans-serif;font-size:1rem;height:35vh;width:100%;min-height:200px;max-height:600px;resize:vertical;padding:10px}button{font-family:OpenSans,sans-serif;font-size:1rem;cursor:pointer;width:100%;height:50px;border:none;padding:0 1rem;transition:.1s}button:disabled{cursor:not-allowed}form{margin:10px 0}.note{position:relative;display:flex;flex-direction:column;border-radius:1rem;clip-path:polygon(1rem 0, 100% 0, 100% 100%, 0 100%, 0 1rem);transition:clip-path .4s;max-width:50vw;line-height:2;padding:10px 1rem}.note:hover,.note:focus{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0)}.note:hover .bottom-content,.note:focus .bottom-content{visibility:visible;opacity:1}.note:after{position:absolute;content:"";top:0;left:0;width:1rem;height:1rem;border-radius:0 0 1rem;transition:transform .4s}.note:hover:after,.note:focus:after{transform:translate(-100%, -100%)}.note:focus-within .bottom-content{visibility:visible;opacity:1}.note .title{text-align:right;font-weight:700;margin:0 10px}.note a{text-decoration:underline}.note a:hover{text-decoration:none}.note .details{max-height:420px;overflow-x:hidden;overflow-y:auto;overflow-wrap:break-word;word-break:break-word;padding:0 4px;font-size:.9rem;font-weight:700}.note .bottom-content{-webkit-user-select:none;user-select:none;margin-top:5px;text-align:center;opacity:0;visibility:hidden;transition:opacity .1s}.note .bottom-content:focus-within{opacity:1;visibility:visible}.note .bottom-content i{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin:0 5px;width:30px;height:30px;border-radius:50%;transition:.1s}.note .bottom-content i:hover{background:rgba(100,100,100,.2)}.linkp{cursor:pointer;font-weight:700}.body-fullscreen{overflow:hidden}.fullscreen{position:fixed;z-index:3;width:100vw;max-width:100vw;min-height:100vh;margin:auto;inset:0;border-radius:5px}.fullscreen .title{text-align:center;margin-bottom:1rem}.fullscreen .details{max-height:100%}.popup .content,input,textarea,select,button{border-radius:10px}#colors,#accent-colors{display:flex;align-items:center;min-height:30px}#colors span,#accent-colors span{width:20px;height:20px;margin:0 10px;border-radius:50%;cursor:pointer;transition:.1s}#colors span.selected,#accent-colors span.selected{width:28px;height:28px}#colors{justify-content:center}#connect-box,#create-box,#manage-popup-box,#settings-popup-box,#public-note-popup-box,#private-note-popup-box,#note-popup-box,#sort-popup-box,#filter-popup-box{display:none;position:fixed;top:0;left:0;z-index:2;height:100vh;width:100vw;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#connect-box .popup,#create-box .popup,#manage-popup-box .popup,#settings-popup-box .popup,#public-note-popup-box .popup,#private-note-popup-box .popup,#note-popup-box .popup,#sort-popup-box .popup,#filter-popup-box .popup{-webkit-user-select:none;user-select:none;position:absolute;top:50%;left:50%;z-index:3;overflow-y:auto;transform:translate(-50%, -50%)}#connect-box.show,#create-box.show,#manage-popup-box.show,#settings-popup-box.show,#note-popup-box.show,#public-note-popup-box.show,#private-note-popup-box.show,#sort-popup-box.show,#filter-popup-box.show{display:flex}.content{width:500px;max-width:98vw;padding:5px 1rem}#note-popup-box .content{width:900px}.row{margin-bottom:10px}.category{margin:2px 1px;display:inline-flex}.category span{padding:4px 8px;border-radius:24px;cursor:pointer}.category input[type=radio]{display:none}.switch{position:relative;display:inline-flex;vertical-align:middle;width:4rem;height:2rem;margin:0 5px}.switch input{opacity:0;width:0;height:0}.switch input:checked+.slider:before{left:2rem}.switch input:disabled+.slider{cursor:not-allowed}.switch .slider{position:absolute;cursor:pointer;border-radius:2rem;inset:0}.switch .slider:before{position:absolute;content:"";border-radius:50%;height:2rem;width:2rem;box-shadow:1px 1px 3px rgba(0,0,0,.2)}.version{text-align:right;font-size:.8rem;margin:0 5px}#newVersion{-webkit-user-select:none;user-select:none;border:2px dashed rgba(100,100,100,.5);text-align:center;border-radius:1rem;margin:10px 0;padding-bottom:1.5rem;font-size:.9rem}#newVersion header{padding:4px;text-align:left}#newVersion p{margin:.5rem}#language{width:50px;height:40px;vertical-align:middle;padding:0}#textareaLength{font-size:.8rem}#genPsswd{margin:10px auto}#genPsswd input{margin:10px auto;width:65%}.delete-account{font-weight:700;cursor:pointer}#settings{font-size:1.2rem;vertical-align:middle;margin-right:1rem}#legal,#license{font-size:.8rem}#successNotification,#errorNotification{position:fixed;top:1rem;right:2rem;text-align:center;font-weight:700;max-width:320px;padding:10px;border-radius:5px;color:#fff;display:none;z-index:999}#successNotification{background:#1c7f1d}#errorNotification{background:#a93b3b}#copyNoteLink,#psswdGen{display:inline-flex;width:70%;margin:auto;border-radius:20px;justify-content:center;padding:10px;font-weight:700;word-break:break-all}#copyNoteLinkBtn,#copyPasswordBtn,#submitGenPsswd{display:inline-flex;width:36px;height:36px;border-radius:48px;justify-content:center;align-items:center}#btnTheme{display:flex;justify-content:center;align-items:center;font-size:1.2rem;width:36px;height:36px;border-radius:48px}#btnTheme:focus{box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 2px 6px 0 rgba(0,0,0,.2)}#btnSort,#btnFilter{position:fixed;display:flex;justify-content:center;align-items:center;right:1.5rem;font-size:1.2rem;width:36px;height:36px;border-radius:48px;z-index:2}#btnSort:focus,#btnFilter:focus{box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 2px 6px 0 rgba(0,0,0,.2)}#btnSort{top:135px}#btnFilter{top:195px}.task-list-item{margin-left:-2.4rem;pointer-events:none}@media(min-width: 901px){#iconFloatAdd,#sidebar-indicator{display:none}}@media(max-width: 900px){nav{position:fixed;margin:0}nav div{margin:10px 5px}nav #divSearch{width:60%}nav #divSearch input{width:80%;padding:5px}nav #divSearch .linkp{margin:0}nav #divSearch kbd{display:none}nav #last-sync{display:none}main{padding:0 0 5rem;gap:10px}#iconFloatAdd{position:fixed;bottom:2rem;right:2rem;z-index:2;width:60px;height:60px;font-size:1.4rem;border-radius:48px;display:flex;justify-content:center;align-items:center}#sideBar{display:none;width:95vw;margin:0;top:0;border-radius:0 1rem 1rem 0;box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 2px 6px 0 rgba(0,0,0,.2);animation:slide-right .3s ease-in-out}#sideBar button{display:none}#sideBar .titleList{max-width:140px}#sideBar.show{display:flex;z-index:3;animation:slide-left .3s ease-in-out}.note{width:100%;max-width:100vw;max-height:300px;margin:0 10px}.note .bottom-content{visibility:visible;opacity:1}.note .title{font-size:1.1rem}.note .details{overflow:hidden}.fullscreen{min-height:100vh;inset:auto;top:0}.fullscreen .details{overflow:auto}#colors span,#accent-colors span{margin:0 4px}.bottom-content i{margin:0 2px}}html.dark{background:#000;color:#c6c6c6}html.dark .accentBlue{accent-color:#8ab4f8}html.dark .accentBlue ::selection{background:#8ab4f8;color:#000}html.dark .accentBlue a,html.dark .accentBlue .linkp{color:#8ab4f8}html.dark .accentBlue button,html.dark .accentBlue .category input[type=radio]:checked+span,html.dark .accentBlue .switch input:checked+.slider{background:#8ab4f8}html.dark .accentGreen{accent-color:#8af8a4}html.dark .accentGreen ::selection{background:#8af8a4;color:#000}html.dark .accentGreen a,html.dark .accentGreen .linkp{color:#8af8a4}html.dark .accentGreen button,html.dark .accentGreen .category input[type=radio]:checked+span,html.dark .accentGreen .switch input:checked+.slider{background:#8af8a4}html.dark .accentYellow{accent-color:#f8f48a}html.dark .accentYellow ::selection{background:#f8f48a;color:#000}html.dark .accentYellow a,html.dark .accentYellow .linkp{color:#f8f48a}html.dark .accentYellow button,html.dark .accentYellow .category input[type=radio]:checked+span,html.dark .accentYellow .switch input:checked+.slider{background:#f8f48a}html.dark .accentPink{accent-color:#f68af8}html.dark .accentPink ::selection{background:#f68af8;color:#000}html.dark .accentPink a,html.dark .accentPink .linkp{color:#f68af8}html.dark .accentPink button,html.dark .accentPink .category input[type=radio]:checked+span,html.dark .accentPink .switch input:checked+.slider{background:#f68af8}html.dark .accentBlueSpan{background:#8ab4f8}html.dark .accentGreenSpan{background:#8af8a4}html.dark .accentYellowSpan{background:#f8f48a}html.dark .accentPinkSpan{background:#f68af8}html.dark ::placeholder{color:#c6c6c6}html.dark kbd{background:#171717}html.dark nav{background:#171717}html.dark nav #divSearch{background:#000}html.dark nav #divSearch input{background:#000;border:none}html.dark nav #divSearch input:focus{outline:none}html.dark #sideBar{background:#171717}html.dark input,html.dark textarea,html.dark select{border:2px solid #000}html.dark button{color:#000}html.dark button:disabled{background:#c6c6c6}html.dark .popup .content,html.dark input,html.dark textarea,html.dark select{background:#171717;color:#c6c6c6}html.dark #colors span,html.dark #accent-colors span{border:1px solid #000}html.dark .Rouge a,html.dark .Orange a,html.dark .Jaune a,html.dark .Vert a,html.dark .Cyan a,html.dark .BleuCiel a,html.dark .Bleu a,html.dark .Violet a,html.dark .Rose a{color:#000}html.dark .Noir{background:#171717}html.dark .category span{background:#000}html.dark .category input[type=radio]:checked+span{color:#000}html.dark .switch input:disabled+.slider:before{background:#c6c6c6}html.dark .switch .slider{background:#000}html.dark .switch .slider:before{background:#fff}html.dark #note-popup-box,html.dark #create-box,html.dark #manage-popup-box,html.dark #settings-popup-box,html.dark #connect-box,html.dark #private-note-popup-box,html.dark #public-note-popup-box,html.dark #sort-popup-box,html.dark #filter-popup-box{background:rgba(0,0,0,.5)}html.dark #noscript{background:#fe7575;color:#000}html.dark .warning,html.dark .linkp.warning{color:#fe7575}html.dark #btnTheme{background:#000;color:#c6c6c6}html.dark #language{border:none;background:#171717}html.dark #copyNoteLink,html.dark #psswdGen{background:#000}html.dusk{background:#272342;color:#cecbe3}html.dusk .accentBlue{accent-color:#8ab4f8}html.dusk .accentBlue ::selection{background:#8ab4f8;color:#000}html.dusk .accentBlue a,html.dusk .accentBlue .linkp{color:#8ab4f8}html.dusk .accentBlue button,html.dusk .accentBlue .category input[type=radio]:checked+span,html.dusk .accentBlue .switch input:checked+.slider{background:#8ab4f8}html.dusk .accentGreen{accent-color:#8af8a4}html.dusk .accentGreen ::selection{background:#8af8a4;color:#000}html.dusk .accentGreen a,html.dusk .accentGreen .linkp{color:#8af8a4}html.dusk .accentGreen button,html.dusk .accentGreen .category input[type=radio]:checked+span,html.dusk .accentGreen .switch input:checked+.slider{background:#8af8a4}html.dusk .accentYellow{accent-color:#f8f48a}html.dusk .accentYellow ::selection{background:#f8f48a;color:#000}html.dusk .accentYellow a,html.dusk .accentYellow .linkp{color:#f8f48a}html.dusk .accentYellow button,html.dusk .accentYellow .category input[type=radio]:checked+span,html.dusk .accentYellow .switch input:checked+.slider{background:#f8f48a}html.dusk .accentPink{accent-color:#f68af8}html.dusk .accentPink ::selection{background:#f68af8;color:#000}html.dusk .accentPink a,html.dusk .accentPink .linkp{color:#f68af8}html.dusk .accentPink button,html.dusk .accentPink .category input[type=radio]:checked+span,html.dusk .accentPink .switch input:checked+.slider{background:#f68af8}html.dusk .accentBlueSpan{background:#8ab4f8}html.dusk .accentGreenSpan{background:#8af8a4}html.dusk .accentYellowSpan{background:#f8f48a}html.dusk .accentPinkSpan{background:#f68af8}html.dusk ::placeholder{color:#cecbe3}html.dusk kbd{background:#1c1936}html.dusk nav{background:#1c1936}html.dusk nav #divSearch{background:#272342}html.dusk nav #divSearch input{background:#272342;border:none}html.dusk nav #divSearch input:focus{outline:none}html.dusk #sideBar{background:#1c1936}html.dusk input,html.dusk textarea,html.dusk select{border:2px solid #1c1936}html.dusk button{color:#272342}html.dusk button:disabled{background:#cecbe3}html.dusk .popup .content,html.dusk input,html.dusk textarea,html.dusk select{background:#272342;color:#cecbe3}html.dusk #colors span,html.dusk #accent-colors span{border:1px solid #1c1936}html.dusk .Rouge a,html.dusk .Orange a,html.dusk .Jaune a,html.dusk .Vert a,html.dusk .Cyan a,html.dusk .BleuCiel a,html.dusk .Bleu a,html.dusk .Violet a,html.dusk .Rose a{color:#272342}html.dusk .Noir{background:#1c1936}html.dusk .category span{background:#1c1936}html.dusk .category input[type=radio]:checked+span{color:#000}html.dusk .switch input:disabled+.slider:before{background:#c6c6c6}html.dusk .switch .slider{background:#1c1936}html.dusk .switch .slider:before{background:#cecbe3}html.dusk #note-popup-box,html.dusk #create-box,html.dusk #manage-popup-box,html.dusk #settings-popup-box,html.dusk #connect-box,html.dusk #private-note-popup-box,html.dusk #public-note-popup-box,html.dusk #sort-popup-box,html.dusk #filter-popup-box{background:rgba(0,0,0,.5)}html.dusk #noscript{background:#fe7575;color:#000}html.dusk .warning,html.dusk .linkp.warning{color:#fe7575}html.dusk #btnTheme{background:#272342;color:#cecbe3}html.dusk #language{border:none;background:#1c1936}html.dusk #copyNoteLink,html.dusk #psswdGen{background:#1c1936}html.light{background:#fff;color:#171717}html.light .accentBlue{accent-color:#2b5790}html.light .accentBlue ::selection{background:#2b5790;color:#fff}html.light .accentBlue a,html.light .accentBlue .linkp{color:#2b5790}html.light .accentBlue button,html.light .accentBlue .category input[type=radio]:checked+span,html.light .accentBlue .switch input:checked+.slider{background:#2b5790}html.light .accentGreen{accent-color:#146727}html.light .accentGreen ::selection{background:#146727;color:#fff}html.light .accentGreen a,html.light .accentGreen .linkp{color:#146727}html.light .accentGreen button,html.light .accentGreen .category input[type=radio]:checked+span,html.light .accentGreen .switch input:checked+.slider{background:#146727}html.light .accentYellow{accent-color:#a25c00}html.light .accentYellow ::selection{background:#a25c00;color:#fff}html.light .accentYellow a,html.light .accentYellow .linkp{color:#a25c00}html.light .accentYellow button,html.light .accentYellow .category input[type=radio]:checked+span,html.light .accentYellow .switch input:checked+.slider{background:#a25c00}html.light .accentPink{accent-color:#942796}html.light .accentPink ::selection{background:#942796;color:#fff}html.light .accentPink a,html.light .accentPink .linkp{color:#942796}html.light .accentPink button,html.light .accentPink .category input[type=radio]:checked+span,html.light .accentPink .switch input:checked+.slider{background:#942796}html.light .accentBlueSpan{background:#2b5790}html.light .accentGreenSpan{background:#146727}html.light .accentYellowSpan{background:#a25c00}html.light .accentPinkSpan{background:#942796}html.light ::placeholder{color:#171717}html.light kbd{background:#eee}html.light input,html.light textarea,html.light select{border:2px solid #c6c6c6}html.light nav{background:#eee}html.light nav #divSearch{background:#fff}html.light nav #divSearch input{background:#fff;border:none}html.light nav #divSearch input:focus{outline:none}html.light #sideBar{background:#eee}html.light button{color:#fff}html.light button:disabled{background:#c6c6c6;color:#000}html.light .popup .content,html.light input,html.light textarea,html.light select{background:#fff;color:#171717}html.light #colors span,html.light #accent-colors span{border:1px solid #c6c6c6}html.light .Rouge a,html.light .Orange a,html.light .Jaune a,html.light .Vert a,html.light .Cyan a,html.light .BleuCiel a,html.light .Bleu a,html.light .Violet a,html.light .Rose a{color:#000}html.light .Noir{background:#eee}html.light .category span{background:#eee}html.light .switch input:disabled+.slider:before{background:#c6c6c6}html.light .switch .slider{background:#eee}html.light .switch .slider:before{background:#fff}html.light #note-popup-box,html.light #create-box,html.light #manage-popup-box,html.light #settings-popup-box,html.light #connect-box,html.light #private-note-popup-box,html.light #public-note-popup-box,html.light #sort-popup-box,html.light #filter-popup-box{background:rgba(220,220,220,.5)}html.light #noscript{background:#a93b3b;color:#fff}html.light .warning,html.light .linkp.warning{color:#a93b3b}html.light #copyNoteLink,html.light #psswdGen{background:#eee}html.light #btnTheme{background:#fff;color:#171717}html.light #language{border:none;background:none}.note:after{box-shadow:2px 2px 2px rgba(0,0,0,.2)}.Rouge{background:#fd948a}.Orange{background:#ffc65c}.Jaune{background:#fdf488}.Vert{background:#d6fe9d}.Cyan{background:#bbfdec}.BleuCiel{background:#d2eff7}.Bleu{background:#b4caf6}.Violet{background:#d1acff}.Rose{background:#fdd0e7}.Rouge,.Orange,.Jaune,.Vert,.Cyan,.BleuCiel,.Bleu,.Violet,.Rose{color:#000}.bold{font-weight:700}.italic{font-style:italic}.underline{text-decoration:underline}.strikethrough{text-decoration:line-through}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.align-justify{text-align:justify}.float-left{float:left}.float-right{float:right}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}/*# sourceMappingURL=style.css.map */ +@keyframes slide-left{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes slide-right{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@font-face{font-family:OpenSans;font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/OpenSans.woff2") format("woff2")}@font-face{font-family:OpenSans;font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/OpenSans-700.woff2") format("woff2")}html{scroll-behavior:smooth;-webkit-tap-highlight-color:rgba(0,0,0,0);scrollbar-color:rgba(100,100,100,.5) rgba(0,0,0,0);font-family:OpenSans,sans-serif}*{margin:0;box-sizing:border-box}::-webkit-scrollbar-thumb{background:rgba(100,100,100,.5)}::-webkit-scrollbar{width:5px;height:5px}::placeholder{opacity:1}h1{font-size:1.2rem}h2{font-size:1.1rem}h3{font-size:1rem}table{border-collapse:collapse;text-align:center;border:1px solid #000;margin:10px 0}table thead{background:rgba(100,100,100,.2)}table th,table td{padding:4px 8px;border:1px solid #000}a{text-decoration:none;font-weight:700}kbd{border-radius:5px;margin:0 2px;font-size:.8rem;font-weight:700;padding:2px 4px;box-shadow:1px 1px 3px rgba(0,0,0,.2)}blockquote{border-left:3px solid rgba(100,100,100,.5);padding-left:10px}header{padding:10px}header .fa-xmark{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;transition:.1s}header .fa-xmark:hover{background:rgba(100,100,100,.2)}details{margin:10px auto}details summary{margin:5px}pre{margin:10px auto}pre,code{background:#000;color:#fff;border-radius:4px;padding:4px;white-space:break-spaces}li{margin-left:-1.4rem}img{max-width:100%;height:auto;border-radius:10px}#noscript{padding:4px}nav{top:0;left:0;right:0;text-align:center;position:fixed;z-index:2;-webkit-user-select:none;user-select:none}nav h1{display:none}nav .log-in,nav .manage-account{font-size:2rem}nav div{margin:10px 2rem;display:inline-flex;align-items:center;vertical-align:middle}nav #divSearch{width:300px;height:50px;border-radius:10px;padding:0 10px}nav #divSearch:focus-within{box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 2px 6px 0 rgba(0,0,0,.2)}nav #divSearch i{font-size:1rem;margin:0 5px}nav #divSearch input{width:180px;border:none;border-radius:24px;padding:0 10px}nav #divSearch input:focus{outline:none}nav #dot-connected{width:10px;height:10px;border-radius:50%;background:#2adc2d;margin-top:-20px;margin-left:-8px}nav #last-sync{font-size:.8rem}nav #last-sync i{margin:0 5px;cursor:pointer}main{margin:86px auto 2rem;padding:0 2rem 0 414px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2rem}#sideBar{position:fixed;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;left:0;top:70px;bottom:0;width:382px;padding:1rem;border-radius:1rem;margin:1rem}#sideBar #listNotes{flex-grow:1;overflow-y:auto}#sideBar #listNotes h2{margin-bottom:1rem}#sideBar #listNotes p{margin:5px 0;padding:5px;border-radius:0 1rem 1rem 0;font-size:.8rem;font-weight:700;overflow:hidden;cursor:pointer}#sideBar #listNotes p:hover,#sideBar #listNotes p:focus{outline:none;background:rgba(100,100,100,.2)}#sideBar #listNotes p:hover .titleList,#sideBar #listNotes p:focus .titleList{display:none}#sideBar #listNotes p:hover .dateList,#sideBar #listNotes p:focus .dateList{display:inline-flex}#sideBar #listNotes p .category{background:rgba(100,100,100,.2);padding:4px 8px;margin:0 8px 0 0;border-radius:24px}#sideBar #listNotes p .titleList{display:inline-flex;align-items:baseline}#sideBar #listNotes p .dateList{display:none}#sideBar #close-sidebar{display:none}#sidebar-indicator{position:fixed;height:15vh;width:4px;border-radius:5px;background:rgba(100,100,100,.5);left:4px;top:50%;transform:translate(-50%, -50%)}input{font-family:OpenSans,sans-serif}input[type=text],input[type=password],input[type=search],input[type=number],input[type=date],select{height:50px;width:100%;font-size:1rem;padding:0 1rem}input[type=text]:disabled,input[type=password]:disabled{cursor:not-allowed;opacity:.6}input[type=radio],input[type=checkbox]{margin-right:10px;vertical-align:middle}input[type=checkbox]{pointer-events:none}input[type=text]:focus,input[type=password]:focus,textarea:focus{outline:2px solid rgba(100,100,100,.5)}.task-list-item input[type=checkbox]:checked+label{text-decoration:line-through}select,option{font-family:Arial,sans-serif}textarea{font-family:OpenSans,sans-serif;font-size:1rem;height:35vh;width:100%;min-height:200px;max-height:600px;resize:vertical;padding:10px}button{font-family:OpenSans,sans-serif;font-size:1rem;cursor:pointer;width:100%;height:50px;border:none;padding:0 1rem;transition:.1s}button:disabled{cursor:not-allowed}form{margin:10px 0}.note{position:relative;display:flex;flex-direction:column;border-radius:1rem;clip-path:polygon(1rem 0, 100% 0, 100% 100%, 0 100%, 0 1rem);transition:clip-path .4s;max-width:50vw;line-height:2;padding:10px 1rem}.note:hover,.note:focus{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0)}.note:hover .bottom-content,.note:focus .bottom-content{visibility:visible;opacity:1}.note:after{position:absolute;content:"";top:0;left:0;width:1rem;height:1rem;border-radius:0 0 1rem;transition:transform .4s}.note:hover:after,.note:focus:after{transform:translate(-100%, -100%)}.note:focus-within .bottom-content{visibility:visible;opacity:1}.note .title{text-align:right;font-weight:700;margin:0 10px}.note a{text-decoration:underline}.note a:hover{text-decoration:none}.note .details{max-height:420px;overflow-x:hidden;overflow-y:auto;overflow-wrap:break-word;word-break:break-word;padding:0 4px;font-size:.9rem;font-weight:700}.note .bottom-content{-webkit-user-select:none;user-select:none;margin-top:5px;text-align:center;opacity:0;visibility:hidden;transition:opacity .1s}.note .bottom-content:focus-within{opacity:1;visibility:visible}.note .bottom-content i{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin:0 5px;width:30px;height:30px;border-radius:50%;transition:.1s}.note .bottom-content i:hover{background:rgba(100,100,100,.2)}.linkp{cursor:pointer;font-weight:700}.body-fullscreen{overflow:hidden}.fullscreen{position:fixed;z-index:3;width:100vw;max-width:100vw;min-height:100vh;margin:auto;inset:0;border-radius:5px}.fullscreen .title{text-align:center;margin-bottom:1rem}.fullscreen .details{flex-grow:1;max-height:100%}.popup .content,input,textarea,select,button{border-radius:10px}#colors,#accent-colors{display:flex;align-items:center;min-height:30px}#colors span,#accent-colors span{width:20px;height:20px;margin:0 10px;border-radius:50%;cursor:pointer;transition:.1s}#colors span.selected,#accent-colors span.selected{width:28px;height:28px}#colors{justify-content:center}#connect-box,#create-box,#manage-popup-box,#settings-popup-box,#public-note-popup-box,#private-note-popup-box,#note-popup-box,#sort-popup-box,#filter-popup-box{display:none;position:fixed;top:0;left:0;z-index:2;height:100vh;width:100vw;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#connect-box .popup,#create-box .popup,#manage-popup-box .popup,#settings-popup-box .popup,#public-note-popup-box .popup,#private-note-popup-box .popup,#note-popup-box .popup,#sort-popup-box .popup,#filter-popup-box .popup{-webkit-user-select:none;user-select:none;position:absolute;top:50%;left:50%;z-index:3;overflow-y:auto;transform:translate(-50%, -50%)}#connect-box.show,#create-box.show,#manage-popup-box.show,#settings-popup-box.show,#note-popup-box.show,#public-note-popup-box.show,#private-note-popup-box.show,#sort-popup-box.show,#filter-popup-box.show{display:flex}.content{width:500px;max-width:98vw;padding:5px 1rem}#note-popup-box .content{width:900px}.row{margin-bottom:10px}.category{margin:2px 1px;display:inline-flex}.category span{padding:4px 8px;border-radius:24px;cursor:pointer}.category input[type=radio]{display:none}.switch{position:relative;display:inline-flex;vertical-align:middle;width:4rem;height:2rem;margin:0 5px}.switch input{opacity:0;width:0;height:0}.switch input:checked+.slider:before{left:2rem}.switch input:disabled+.slider{cursor:not-allowed}.switch .slider{position:absolute;cursor:pointer;border-radius:2rem;inset:0}.switch .slider:before{position:absolute;content:"";border-radius:50%;height:2rem;width:2rem;box-shadow:1px 1px 3px rgba(0,0,0,.2)}.version{text-align:right;font-size:.8rem;margin:0 5px}#newVersion{-webkit-user-select:none;user-select:none;border:2px dashed rgba(100,100,100,.5);text-align:center;border-radius:1rem;margin:10px 0;padding-bottom:1.5rem;font-size:.9rem}#newVersion header{padding:4px;text-align:left}#newVersion p{margin:.5rem}#language{width:50px;height:40px;vertical-align:middle;padding:0}#textareaLength{font-size:.8rem}.delete-account{font-weight:700;cursor:pointer}#settings{font-size:1.2rem;vertical-align:middle;margin-right:1rem}#legal,#license{font-size:.8rem}#successNotification,#errorNotification{position:fixed;top:1rem;right:2rem;text-align:center;font-weight:700;max-width:320px;padding:10px;border-radius:5px;color:#fff;display:none;z-index:999}#successNotification{background:#1c7f1d}#errorNotification{background:#a93b3b}#copyNoteLink,#psswdGen{display:inline-flex;align-items:center;vertical-align:middle;height:36px;width:70%;margin:auto;border-radius:20px;justify-content:center;font-weight:700;word-break:break-all}#copyNoteLinkBtn,#copyPasswordBtn,#submitGenPsswd{display:inline-flex;vertical-align:middle;width:36px;height:36px;border-radius:48px;justify-content:center;align-items:center}#btnTheme{display:flex;justify-content:center;align-items:center;font-size:1.2rem;width:36px;height:36px;border-radius:48px}#btnTheme:focus{box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 2px 6px 0 rgba(0,0,0,.2)}#btnSort,#btnFilter{position:fixed;display:flex;justify-content:center;align-items:center;right:1.5rem;font-size:1.2rem;width:36px;height:36px;border-radius:48px;z-index:2}#btnSort:focus,#btnFilter:focus{box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 2px 6px 0 rgba(0,0,0,.2)}#btnSort{top:135px}#btnFilter{top:195px}.task-list-item{margin-left:-2.4rem;pointer-events:none}@media(min-width: 901px){#iconFloatAdd,#sidebar-indicator{display:none}}@media(max-width: 900px){nav{position:fixed;margin:0}nav div{margin:10px 5px}nav #divSearch{width:60%}nav #divSearch input{width:80%;padding:5px}nav #divSearch .linkp{margin:0}nav #divSearch kbd{display:none}nav #last-sync{display:none}main{padding:0 0 5rem;gap:10px}#iconFloatAdd{position:fixed;bottom:2rem;right:2rem;z-index:2;width:60px;height:60px;font-size:1.4rem;border-radius:48px;display:flex;justify-content:center;align-items:center}#sideBar{display:none;width:95vw;margin:0;top:0;border-radius:0 1rem 1rem 0;box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 2px 6px 0 rgba(0,0,0,.2);animation:slide-right .3s ease-in-out}#sideBar button{display:none}#sideBar .titleList{max-width:140px}#sideBar.show{display:flex;z-index:3;animation:slide-left .3s ease-in-out}.note{width:100%;max-width:100vw;max-height:300px;margin:0 10px}.note .bottom-content{visibility:visible;opacity:1}.note .title{font-size:1.1rem}.note .details{overflow:hidden}.fullscreen{min-height:100vh;inset:auto;top:0}.fullscreen .details{overflow:auto}#colors span,#accent-colors span{margin:0 4px}.bottom-content i{margin:0 2px}}html.dark{background:#000;color:#c6c6c6}html.dark .accentBlue{accent-color:#8ab4f8}html.dark .accentBlue ::selection{background:#8ab4f8;color:#000}html.dark .accentBlue a,html.dark .accentBlue .linkp{color:#8ab4f8}html.dark .accentBlue button,html.dark .accentBlue .category input[type=radio]:checked+span,html.dark .accentBlue .switch input:checked+.slider{background:#8ab4f8}html.dark .accentGreen{accent-color:#8af8a4}html.dark .accentGreen ::selection{background:#8af8a4;color:#000}html.dark .accentGreen a,html.dark .accentGreen .linkp{color:#8af8a4}html.dark .accentGreen button,html.dark .accentGreen .category input[type=radio]:checked+span,html.dark .accentGreen .switch input:checked+.slider{background:#8af8a4}html.dark .accentYellow{accent-color:#f8f48a}html.dark .accentYellow ::selection{background:#f8f48a;color:#000}html.dark .accentYellow a,html.dark .accentYellow .linkp{color:#f8f48a}html.dark .accentYellow button,html.dark .accentYellow .category input[type=radio]:checked+span,html.dark .accentYellow .switch input:checked+.slider{background:#f8f48a}html.dark .accentPink{accent-color:#f68af8}html.dark .accentPink ::selection{background:#f68af8;color:#000}html.dark .accentPink a,html.dark .accentPink .linkp{color:#f68af8}html.dark .accentPink button,html.dark .accentPink .category input[type=radio]:checked+span,html.dark .accentPink .switch input:checked+.slider{background:#f68af8}html.dark .accentBlueSpan{background:#8ab4f8}html.dark .accentGreenSpan{background:#8af8a4}html.dark .accentYellowSpan{background:#f8f48a}html.dark .accentPinkSpan{background:#f68af8}html.dark ::placeholder{color:#c6c6c6}html.dark kbd{background:#171717}html.dark nav{background:#171717}html.dark nav #divSearch{background:#000}html.dark nav #divSearch input{background:#000;border:none}html.dark nav #divSearch input:focus{outline:none}html.dark #sideBar{background:#171717}html.dark input,html.dark textarea,html.dark select{border:2px solid #000}html.dark button{color:#000}html.dark button:disabled{background:#c6c6c6}html.dark .popup .content,html.dark input,html.dark textarea,html.dark select{background:#171717;color:#c6c6c6}html.dark #colors span,html.dark #accent-colors span{border:1px solid #000}html.dark .Rouge a,html.dark .Orange a,html.dark .Jaune a,html.dark .Vert a,html.dark .Cyan a,html.dark .BleuCiel a,html.dark .Bleu a,html.dark .Violet a,html.dark .Rose a{color:#000}html.dark .Noir{background:#171717}html.dark .category span{background:#000}html.dark .category input[type=radio]:checked+span{color:#000}html.dark .switch input:disabled+.slider:before{background:#c6c6c6}html.dark .switch .slider{background:#000}html.dark .switch .slider:before{background:#fff}html.dark #note-popup-box,html.dark #create-box,html.dark #manage-popup-box,html.dark #settings-popup-box,html.dark #connect-box,html.dark #private-note-popup-box,html.dark #public-note-popup-box,html.dark #sort-popup-box,html.dark #filter-popup-box{background:rgba(0,0,0,.5)}html.dark #noscript{background:#fe7575;color:#000}html.dark .warning,html.dark .linkp.warning{color:#fe7575}html.dark #btnTheme{background:#000;color:#c6c6c6}html.dark #language{border:none;background:#171717}html.dark #copyNoteLink,html.dark #psswdGen{background:#000}html.dusk{background:#272342;color:#cecbe3}html.dusk .accentBlue{accent-color:#8ab4f8}html.dusk .accentBlue ::selection{background:#8ab4f8;color:#000}html.dusk .accentBlue a,html.dusk .accentBlue .linkp{color:#8ab4f8}html.dusk .accentBlue button,html.dusk .accentBlue .category input[type=radio]:checked+span,html.dusk .accentBlue .switch input:checked+.slider{background:#8ab4f8}html.dusk .accentGreen{accent-color:#8af8a4}html.dusk .accentGreen ::selection{background:#8af8a4;color:#000}html.dusk .accentGreen a,html.dusk .accentGreen .linkp{color:#8af8a4}html.dusk .accentGreen button,html.dusk .accentGreen .category input[type=radio]:checked+span,html.dusk .accentGreen .switch input:checked+.slider{background:#8af8a4}html.dusk .accentYellow{accent-color:#f8f48a}html.dusk .accentYellow ::selection{background:#f8f48a;color:#000}html.dusk .accentYellow a,html.dusk .accentYellow .linkp{color:#f8f48a}html.dusk .accentYellow button,html.dusk .accentYellow .category input[type=radio]:checked+span,html.dusk .accentYellow .switch input:checked+.slider{background:#f8f48a}html.dusk .accentPink{accent-color:#f68af8}html.dusk .accentPink ::selection{background:#f68af8;color:#000}html.dusk .accentPink a,html.dusk .accentPink .linkp{color:#f68af8}html.dusk .accentPink button,html.dusk .accentPink .category input[type=radio]:checked+span,html.dusk .accentPink .switch input:checked+.slider{background:#f68af8}html.dusk .accentBlueSpan{background:#8ab4f8}html.dusk .accentGreenSpan{background:#8af8a4}html.dusk .accentYellowSpan{background:#f8f48a}html.dusk .accentPinkSpan{background:#f68af8}html.dusk ::placeholder{color:#cecbe3}html.dusk kbd{background:#1c1936}html.dusk nav{background:#1c1936}html.dusk nav #divSearch{background:#272342}html.dusk nav #divSearch input{background:#272342;border:none}html.dusk nav #divSearch input:focus{outline:none}html.dusk #sideBar{background:#1c1936}html.dusk input,html.dusk textarea,html.dusk select{border:2px solid #1c1936}html.dusk button{color:#272342}html.dusk button:disabled{background:#cecbe3}html.dusk .popup .content,html.dusk input,html.dusk textarea,html.dusk select{background:#272342;color:#cecbe3}html.dusk #colors span,html.dusk #accent-colors span{border:1px solid #1c1936}html.dusk .Rouge a,html.dusk .Orange a,html.dusk .Jaune a,html.dusk .Vert a,html.dusk .Cyan a,html.dusk .BleuCiel a,html.dusk .Bleu a,html.dusk .Violet a,html.dusk .Rose a{color:#272342}html.dusk .Noir{background:#1c1936}html.dusk .category span{background:#1c1936}html.dusk .category input[type=radio]:checked+span{color:#000}html.dusk .switch input:disabled+.slider:before{background:#c6c6c6}html.dusk .switch .slider{background:#1c1936}html.dusk .switch .slider:before{background:#cecbe3}html.dusk #note-popup-box,html.dusk #create-box,html.dusk #manage-popup-box,html.dusk #settings-popup-box,html.dusk #connect-box,html.dusk #private-note-popup-box,html.dusk #public-note-popup-box,html.dusk #sort-popup-box,html.dusk #filter-popup-box{background:rgba(0,0,0,.5)}html.dusk #noscript{background:#fe7575;color:#000}html.dusk .warning,html.dusk .linkp.warning{color:#fe7575}html.dusk #btnTheme{background:#272342;color:#cecbe3}html.dusk #language{border:none;background:#1c1936}html.dusk #copyNoteLink,html.dusk #psswdGen{background:#1c1936}html.light{background:#fff;color:#171717}html.light .accentBlue{accent-color:#2b5790}html.light .accentBlue ::selection{background:#2b5790;color:#fff}html.light .accentBlue a,html.light .accentBlue .linkp{color:#2b5790}html.light .accentBlue button,html.light .accentBlue .category input[type=radio]:checked+span,html.light .accentBlue .switch input:checked+.slider{background:#2b5790}html.light .accentGreen{accent-color:#146727}html.light .accentGreen ::selection{background:#146727;color:#fff}html.light .accentGreen a,html.light .accentGreen .linkp{color:#146727}html.light .accentGreen button,html.light .accentGreen .category input[type=radio]:checked+span,html.light .accentGreen .switch input:checked+.slider{background:#146727}html.light .accentYellow{accent-color:#a25c00}html.light .accentYellow ::selection{background:#a25c00;color:#fff}html.light .accentYellow a,html.light .accentYellow .linkp{color:#a25c00}html.light .accentYellow button,html.light .accentYellow .category input[type=radio]:checked+span,html.light .accentYellow .switch input:checked+.slider{background:#a25c00}html.light .accentPink{accent-color:#942796}html.light .accentPink ::selection{background:#942796;color:#fff}html.light .accentPink a,html.light .accentPink .linkp{color:#942796}html.light .accentPink button,html.light .accentPink .category input[type=radio]:checked+span,html.light .accentPink .switch input:checked+.slider{background:#942796}html.light .accentBlueSpan{background:#2b5790}html.light .accentGreenSpan{background:#146727}html.light .accentYellowSpan{background:#a25c00}html.light .accentPinkSpan{background:#942796}html.light ::placeholder{color:#171717}html.light kbd{background:#eee}html.light input,html.light textarea,html.light select{border:2px solid #c6c6c6}html.light nav{background:#eee}html.light nav #divSearch{background:#fff}html.light nav #divSearch input{background:#fff;border:none}html.light nav #divSearch input:focus{outline:none}html.light #sideBar{background:#eee}html.light button{color:#fff}html.light button:disabled{background:#c6c6c6;color:#000}html.light .popup .content,html.light input,html.light textarea,html.light select{background:#fff;color:#171717}html.light #colors span,html.light #accent-colors span{border:1px solid #c6c6c6}html.light .Rouge a,html.light .Orange a,html.light .Jaune a,html.light .Vert a,html.light .Cyan a,html.light .BleuCiel a,html.light .Bleu a,html.light .Violet a,html.light .Rose a{color:#000}html.light .Noir{background:#eee}html.light .category span{background:#eee}html.light .switch input:disabled+.slider:before{background:#c6c6c6}html.light .switch .slider{background:#eee}html.light .switch .slider:before{background:#fff}html.light #note-popup-box,html.light #create-box,html.light #manage-popup-box,html.light #settings-popup-box,html.light #connect-box,html.light #private-note-popup-box,html.light #public-note-popup-box,html.light #sort-popup-box,html.light #filter-popup-box{background:rgba(220,220,220,.5)}html.light #noscript{background:#a93b3b;color:#fff}html.light .warning,html.light .linkp.warning{color:#a93b3b}html.light #copyNoteLink,html.light #psswdGen{background:#eee}html.light #btnTheme{background:#fff;color:#171717}html.light #language{border:none;background:none}.note:after{box-shadow:2px 2px 2px rgba(0,0,0,.2)}.Rouge{background:#fd948a}.Orange{background:#ffc65c}.Jaune{background:#fdf488}.Vert{background:#d6fe9d}.Cyan{background:#bbfdec}.BleuCiel{background:#d2eff7}.Bleu{background:#b4caf6}.Violet{background:#d1acff}.Rose{background:#fdd0e7}.Rouge,.Orange,.Jaune,.Vert,.Cyan,.BleuCiel,.Bleu,.Violet,.Rose{color:#000}.bold{font-weight:700}.italic{font-style:italic}.underline{text-decoration:underline}.strikethrough{text-decoration:line-through}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.align-justify{text-align:justify}.float-left{float:left}.float-right{float:right}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}/*# sourceMappingURL=style.css.map */ diff --git a/src/assets/css/style.css.map b/src/assets/css/style.css.map index 64f6854..c6e6fc3 100644 --- a/src/assets/css/style.css.map +++ b/src/assets/css/style.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../sass/style.scss"],"names":[],"mappings":"AASA,sBACE,GACE,4BAGF,KACE,yBAIJ,uBACE,GACE,2BAGF,KACE,yBAIJ,WACE,qBACA,kBACA,gBACA,kBACA,mDAGF,WACE,qBACA,kBACA,gBACA,kBACA,uDAGF,KACE,uBACA,0CACA,mDACA,gCAGF,EACE,SACA,sBAGF,0BACE,gCAGF,oBACE,UACA,WAGF,cACE,UAGF,GACE,iBAGF,GACE,iBAGF,GACE,eAGF,MACE,yBACA,kBACA,sBACA,cAEA,YACE,gCAGF,kBAEE,gBACA,sBAIJ,EACE,qBACA,gBAGF,IACE,kBACA,aACA,gBACA,gBACA,gBACA,sCAGF,WACE,2CACA,kBAGF,OACE,aAEA,iBACE,eACA,oBACA,mBACA,uBACA,WACA,YACA,kBACA,eAEA,uBACE,gCAKN,IACE,iBAGF,SAEE,gBACA,WACA,kBACA,YACA,yBAGF,GACE,oBAGF,IACE,eACA,YACA,mBAGF,UACE,YAGF,IACE,MACA,OACA,QACA,kBACA,eACA,UACA,yBACA,iBAEA,OACE,aAGF,gCAEE,eAGF,QACE,iBACA,oBACA,mBACA,sBAGF,eACE,YACA,YACA,mBACA,eAEA,4BACE,iEAGF,iBACE,eACA,aAGF,qBACE,YACA,YACA,mBACA,eAEA,2BACE,aAKN,mBACE,WACA,YACA,kBACA,gBACA,iBAGF,eACE,gBAEA,iBACE,aACA,eAKN,KACE,sBACA,uBACA,aACA,uBACA,mBACA,eACA,SAGF,SACE,eACA,aACA,sBACA,yBACA,iBACA,OACA,SACA,SACA,YACA,aACA,mBACA,YAEA,oBACE,YACA,gBAEA,sBACE,aACA,YACA,4BACA,gBACA,gBACA,gBACA,eAEA,wDAEE,aACA,gCAEA,8EACE,aAGF,4EACE,oBAIJ,gCACE,gCACA,gBACA,iBACA,mBAGF,iCACE,oBACA,qBAGF,gCACE,aAKN,wBACE,aAGF,gBACE,iBAIJ,mBACE,eACA,YACA,UACA,kBACA,gCACA,SACA,QACA,gCAGF,MACE,gCAGF,oGAME,YACA,WACA,eACA,eAGF,wDAEE,mBACA,WAGF,uCAEE,kBACA,sBAGF,qBACE,oBAMA,iEACE,uCAIJ,mDACE,6BAGF,cAEE,6BAGF,SACE,gCACA,eACA,YACA,WACA,iBACA,iBACA,gBACA,aAGF,OACE,gCACA,eACA,eACA,WACA,YACA,YACA,eACA,eAEA,gBACE,mBAIJ,KACE,cAGF,MACE,kBACA,aACA,sBACA,mBACA,6DACA,yBACA,eACA,cACA,kBAEA,wBAEE,uDAEA,wDACE,mBACA,UAIJ,YACE,kBACA,WACA,MACA,OACA,WACA,YACA,uBACA,yBAGF,oCAEE,kCAGF,mCACE,mBACA,UAGF,aACE,iBACA,gBACA,cAGF,QACE,0BAEA,cACE,qBAIJ,eACE,iBACA,kBACA,gBACA,yBACA,sBACA,cACA,gBACA,gBAGF,sBACE,yBACA,iBACA,eACA,kBACA,UACA,kBACA,uBAEA,mCACE,UACA,mBAGF,wBACE,oBACA,mBACA,uBACA,eACA,aACA,WACA,YACA,kBACA,eAEA,8BACE,gCAMR,OACE,eACA,gBAGF,iBACE,gBAGF,YACE,eACA,UACA,YACA,gBACA,iBACA,YACA,QACA,kBAEA,mBACE,kBACA,mBAGF,qBACE,gBAIJ,6CAKE,mBAGF,uBAEE,aACA,mBACA,gBAEA,iCACE,WACA,YACA,cACA,kBACA,eACA,eAGF,mDACE,WACA,YAIJ,QACE,uBAGF,gKASE,aACA,eACA,MACA,OACA,UACA,aACA,YACA,mCACA,2BAEA,+NACE,yBACA,iBACA,kBACA,QACA,SACA,UACA,gBACA,gCAIJ,6MASE,aAGF,SACE,YACA,eACA,iBAGF,yBACE,YAGF,KACE,mBAGF,UACE,eACA,oBAEA,eACE,gBACA,mBACA,eAGF,4BACE,aAIJ,QACE,kBACA,oBACA,sBACA,WACA,YACA,aAEA,cACE,UACA,QACA,SAEA,qCACE,UAGF,+BACE,mBAIJ,gBACE,kBACA,eACA,mBACA,QAEA,uBACE,kBACA,WACA,kBACA,YACA,WACA,sCAKN,SACE,iBACA,gBACA,aAGF,YACE,yBACA,iBACA,uCACA,kBACA,mBACA,cACA,sBACA,gBAEA,mBACE,YACA,gBAGF,cACE,aAIJ,UACE,WACA,YACA,sBACA,UAGF,gBACE,gBAGF,UACE,iBAEA,gBACE,iBACA,UAIJ,gBACE,gBACA,eAGF,UACE,iBACA,sBACA,kBAGF,gBAEE,gBAGF,wCAEE,eACA,SACA,WACA,kBACA,gBACA,gBACA,aACA,kBACA,MAxuBO,KAyuBP,aACA,YAGF,qBACE,mBAGF,mBACE,mBAGF,wBAEE,oBACA,UACA,YACA,mBACA,uBACA,aACA,gBACA,qBAGF,kDAGE,oBACA,WACA,YACA,mBACA,uBACA,mBAGF,UACE,aACA,uBACA,mBACA,iBACA,WACA,YACA,mBAEA,gBACE,iEAIJ,oBAEE,eACA,aACA,uBACA,mBACA,aACA,iBACA,WACA,YACA,mBACA,UAEA,gCACE,iEAIJ,SACE,UAGF,WACE,UAGF,gBACE,oBACA,oBAGF,yBAEE,iCAEE,cAIJ,yBAEE,IACE,eACA,SAEA,QACE,gBAGF,eACE,UAEA,qBACE,UACA,YAGF,sBACE,SAGF,mBACE,aAIJ,eACE,aAIJ,KACE,iBACA,SAGF,cACE,eACA,YACA,WACA,UACA,WACA,YACA,iBACA,mBACA,aACA,uBACA,mBAGF,SACE,aACA,WACA,SACA,MACA,4BACA,iEACA,sCAEA,gBACE,aAGF,oBACE,gBAIJ,cACE,aACA,UACA,qCAGF,MACE,WACA,gBACA,iBACA,cAEA,sBACE,mBACA,UAGF,aACE,iBAGF,eACE,gBAIJ,YACE,iBACA,WACA,MAEA,qBACE,cAIJ,iCAEE,aAGF,kBACE,cAIJ,UACE,WAx7BO,KAy7BP,MAv7BO,QAy7BP,sBACE,qBAEA,kCACE,mBACA,WAGF,qDAEE,cAGF,gJAGE,mBAIJ,uBACE,qBAEA,mCACE,mBACA,WAGF,uDAEE,cAGF,mJAGE,mBAIJ,wBACE,qBAEA,oCACE,mBACA,WAGF,yDAEE,cAGF,sJAGE,mBAIJ,sBACE,qBAEA,kCACE,mBACA,WAGF,qDAEE,cAGF,gJAGE,mBAIJ,0BACE,mBAGF,2BACE,mBAGF,4BACE,mBAGF,0BACE,mBAGF,wBACE,MA1hCK,QA6hCP,cACE,WA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","file":"style.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../sass/style.scss"],"names":[],"mappings":"AASA,sBACE,GACE,4BAGF,KACE,yBAIJ,uBACE,GACE,2BAGF,KACE,yBAIJ,WACE,qBACA,kBACA,gBACA,kBACA,mDAGF,WACE,qBACA,kBACA,gBACA,kBACA,uDAGF,KACE,uBACA,0CACA,mDACA,gCAGF,EACE,SACA,sBAGF,0BACE,gCAGF,oBACE,UACA,WAGF,cACE,UAGF,GACE,iBAGF,GACE,iBAGF,GACE,eAGF,MACE,yBACA,kBACA,sBACA,cAEA,YACE,gCAGF,kBAEE,gBACA,sBAIJ,EACE,qBACA,gBAGF,IACE,kBACA,aACA,gBACA,gBACA,gBACA,sCAGF,WACE,2CACA,kBAGF,OACE,aAEA,iBACE,eACA,oBACA,mBACA,uBACA,WACA,YACA,kBACA,eAEA,uBACE,gCAKN,QACE,iBAEA,gBACE,WAIJ,IACE,iBAGF,SAEE,gBACA,WACA,kBACA,YACA,yBAGF,GACE,oBAGF,IACE,eACA,YACA,mBAGF,UACE,YAGF,IACE,MACA,OACA,QACA,kBACA,eACA,UACA,yBACA,iBAEA,OACE,aAGF,gCAEE,eAGF,QACE,iBACA,oBACA,mBACA,sBAGF,eACE,YACA,YACA,mBACA,eAEA,4BACE,iEAGF,iBACE,eACA,aAGF,qBACE,YACA,YACA,mBACA,eAEA,2BACE,aAKN,mBACE,WACA,YACA,kBACA,mBACA,iBACA,iBAGF,eACE,gBAEA,iBACE,aACA,eAKN,KACE,sBACA,uBACA,aACA,uBACA,mBACA,eACA,SAGF,SACE,eACA,aACA,sBACA,yBACA,iBACA,OACA,SACA,SACA,YACA,aACA,mBACA,YAEA,oBACE,YACA,gBAEA,uBACE,mBAGF,sBACE,aACA,YACA,4BACA,gBACA,gBACA,gBACA,eAEA,wDAEE,aACA,gCAEA,8EACE,aAGF,4EACE,oBAIJ,gCACE,gCACA,gBACA,iBACA,mBAGF,iCACE,oBACA,qBAGF,gCACE,aAKN,wBACE,aAIJ,mBACE,eACA,YACA,UACA,kBACA,gCACA,SACA,QACA,gCAGF,MACE,gCAGF,oGAME,YACA,WACA,eACA,eAGF,wDAEE,mBACA,WAGF,uCAEE,kBACA,sBAGF,qBACE,oBAMA,iEACE,uCAIJ,mDACE,6BAGF,cAEE,6BAGF,SACE,gCACA,eACA,YACA,WACA,iBACA,iBACA,gBACA,aAGF,OACE,gCACA,eACA,eACA,WACA,YACA,YACA,eACA,eAEA,gBACE,mBAIJ,KACE,cAGF,MACE,kBACA,aACA,sBACA,mBACA,6DACA,yBACA,eACA,cACA,kBAEA,wBAEE,uDAEA,wDACE,mBACA,UAIJ,YACE,kBACA,WACA,MACA,OACA,WACA,YACA,uBACA,yBAGF,oCAEE,kCAGF,mCACE,mBACA,UAGF,aACE,iBACA,gBACA,cAGF,QACE,0BAEA,cACE,qBAIJ,eACE,iBACA,kBACA,gBACA,yBACA,sBACA,cACA,gBACA,gBAGF,sBACE,yBACA,iBACA,eACA,kBACA,UACA,kBACA,uBAEA,mCACE,UACA,mBAGF,wBACE,oBACA,mBACA,uBACA,eACA,aACA,WACA,YACA,kBACA,eAEA,8BACE,gCAMR,OACE,eACA,gBAGF,iBACE,gBAGF,YACE,eACA,UACA,YACA,gBACA,iBACA,YACA,QACA,kBAEA,mBACE,kBACA,mBAGF,qBACE,YACA,gBAIJ,6CAKE,mBAGF,uBAEE,aACA,mBACA,gBAEA,iCACE,WACA,YACA,cACA,kBACA,eACA,eAGF,mDACE,WACA,YAIJ,QACE,uBAGF,gKASE,aACA,eACA,MACA,OACA,UACA,aACA,YACA,mCACA,2BAEA,+NACE,yBACA,iBACA,kBACA,QACA,SACA,UACA,gBACA,gCAIJ,6MASE,aAGF,SACE,YACA,eACA,iBAGF,yBACE,YAGF,KACE,mBAGF,UACE,eACA,oBAEA,eACE,gBACA,mBACA,eAGF,4BACE,aAIJ,QACE,kBACA,oBACA,sBACA,WACA,YACA,aAEA,cACE,UACA,QACA,SAEA,qCACE,UAGF,+BACE,mBAIJ,gBACE,kBACA,eACA,mBACA,QAEA,uBACE,kBACA,WACA,kBACA,YACA,WACA,sCAKN,SACE,iBACA,gBACA,aAGF,YACE,yBACA,iBACA,uCACA,kBACA,mBACA,cACA,sBACA,gBAEA,mBACE,YACA,gBAGF,cACE,aAIJ,UACE,WACA,YACA,sBACA,UAGF,gBACE,gBAGF,gBACE,gBACA,eAGF,UACE,iBACA,sBACA,kBAGF,gBAEE,gBAGF,wCAEE,eACA,SACA,WACA,kBACA,gBACA,gBACA,aACA,kBACA,MAzuBO,KA0uBP,aACA,YAGF,qBACE,mBAGF,mBACE,mBAGF,wBAEE,oBACA,mBACA,sBACA,YACA,UACA,YACA,mBACA,uBACA,gBACA,qBAGF,kDAGE,oBACA,sBACA,WACA,YACA,mBACA,uBACA,mBAGF,UACE,aACA,uBACA,mBACA,iBACA,WACA,YACA,mBAEA,gBACE,iEAIJ,oBAEE,eACA,aACA,uBACA,mBACA,aACA,iBACA,WACA,YACA,mBACA,UAEA,gCACE,iEAIJ,SACE,UAGF,WACE,UAGF,gBACE,oBACA,oBAGF,yBAEE,iCAEE,cAIJ,yBAEE,IACE,eACA,SAEA,QACE,gBAGF,eACE,UAEA,qBACE,UACA,YAGF,sBACE,SAGF,mBACE,aAIJ,eACE,aAIJ,KACE,iBACA,SAGF,cACE,eACA,YACA,WACA,UACA,WACA,YACA,iBACA,mBACA,aACA,uBACA,mBAGF,SACE,aACA,WACA,SACA,MACA,4BACA,iEACA,sCAEA,gBACE,aAGF,oBACE,gBAIJ,cACE,aACA,UACA,qCAGF,MACE,WACA,gBACA,iBACA,cAEA,sBACE,mBACA,UAGF,aACE,iBAGF,eACE,gBAIJ,YACE,iBACA,WACA,MAEA,qBACE,cAIJ,iCAEE,aAGF,kBACE,cAIJ,UACE,WA57BO,KA67BP,MA37BO,QA67BP,sBACE,qBAEA,kCACE,mBACA,WAGF,qDAEE,cAGF,gJAGE,mBAIJ,uBACE,qBAEA,mCACE,mBACA,WAGF,uDAEE,cAGF,mJAGE,mBAIJ,wBACE,qBAEA,oCACE,mBACA,WAGF,yDAEE,cAGF,sJAGE,mBAIJ,sBACE,qBAEA,kCACE,mBACA,WAGF,qDAEE,cAGF,gJAGE,mBAIJ,0BACE,mBAGF,2BACE,mBAGF,4BACE,mBAGF,0BACE,mBAGF,wBAC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","file":"style.css"} \ No newline at end of file diff --git a/src/assets/js/script.js b/src/assets/js/script.js index bb062f7..5069000 100644 --- a/src/assets/js/script.js +++ b/src/assets/js/script.js @@ -365,12 +365,18 @@ async function storeKeyInDB(db, objectStoreName, key) { } const showNotes = async () => { - document.querySelectorAll('#listNotes p').forEach((e) => e.remove()); + document.querySelectorAll('#listNotes *').forEach((e) => e.remove()); document.querySelectorAll('.note').forEach((e) => e.remove()); forms.forEach((form) => form.reset()); if (notesJSON.length === 0) return; + const numberOfNotesElement = document.createElement('h2'); + if (localStorage.getItem('language') === 'de') numberOfNotesElement.textContent = `Notizen (${notesJSON.length})`; + else if (localStorage.getItem('language') === 'es') numberOfNotesElement.textContent = `Notas (${notesJSON.length})`; + else numberOfNotesElement.textContent = `Notes (${notesJSON.length})`; + sideBar.querySelector('#listNotes').appendChild(numberOfNotesElement); + const dbName = 'notes_db'; const objectStoreName = 'key'; const db = await openIndexedDB(dbName, objectStoreName); @@ -415,7 +421,7 @@ const showNotes = async () => { const noteElement = document.createElement('div'); const detailsElement = document.createElement('div'); const titleElement = document.createElement('h2'); - const contentElement = document.createElement('span'); + const contentElement = document.createElement('div'); const bottomContentElement = document.createElement('div'); const editIconElement = document.createElement('i'); const trashIconElement = document.createElement('i'); @@ -435,6 +441,7 @@ const showNotes = async () => { detailsElement.classList.add('details'); titleElement.classList.add('title'); titleElement.textContent = deTitleString; + contentElement.classList.add('detailsContent'); if (hidden === false) contentElement.innerHTML = contentHtml; else contentElement.innerHTML = ''; @@ -581,6 +588,8 @@ const copy = (content) => { }; const deleteNote = async (e) => { + document.querySelectorAll('.note').forEach((note) => note.classList.remove('fullscreen')); + document.body.classList.remove('body-fullscreen'); let message = ''; if (localStorage.getItem('language') === 'fr') message = 'Êtes-vous sûr de vouloir supprimer cette note ?'; else if (localStorage.getItem('language') === 'de') message = 'Möchten Sie diese Notiz wirklich löschen?'; @@ -726,7 +735,7 @@ document.querySelector('#export-all-notes').addEventListener('click', () => { const notes = []; document.querySelectorAll('.note').forEach((e) => { const title = e.querySelector('.title').textContent; - const content = e.querySelector('.details span').textContent; + const content = e.querySelector('.detailsContent').textContent; const noteObject = { title, content, diff --git a/src/assets/js/scriptConnect.js b/src/assets/js/scriptConnect.js index 79759fb..f9c9edb 100644 --- a/src/assets/js/scriptConnect.js +++ b/src/assets/js/scriptConnect.js @@ -287,7 +287,7 @@ converter.setOption('simpleLineBreaks', true); converter.setOption('simplifiedAutoLink', true); const showNotes = async () => { - document.querySelectorAll('#listNotes p').forEach((e) => e.remove()); + document.querySelectorAll('#listNotes *').forEach((e) => e.remove()); document.querySelectorAll('.note').forEach((e) => e.remove()); forms.forEach((form) => form.reset()); @@ -303,6 +303,12 @@ const showNotes = async () => { if (data.length === 0) return; + const numberOfNotesElement = document.createElement('h2'); + if (localStorage.getItem('language') === 'de') numberOfNotesElement.textContent = `Notizen (${data.length})`; + else if (localStorage.getItem('language') === 'es') numberOfNotesElement.textContent = `Notas (${data.length})`; + else numberOfNotesElement.textContent = `Notes (${data.length})`; + sideBar.querySelector('#listNotes').appendChild(numberOfNotesElement); + const fragment = document.createDocumentFragment(); data.forEach((row) => { @@ -316,7 +322,7 @@ const showNotes = async () => { const noteElement = document.createElement('div'); const detailsElement = document.createElement('div'); const titleElement = document.createElement('h2'); - const contentElement = document.createElement('span'); + const contentElement = document.createElement('div'); const bottomContentElement = document.createElement('div'); const editIconElement = document.createElement('i'); const paragraph = document.createElement('p'); @@ -336,6 +342,7 @@ const showNotes = async () => { detailsElement.classList.add('details'); titleElement.classList.add('title'); titleElement.textContent = title; + contentElement.classList.add('detailsContent'); if (hidden === 0) contentElement.innerHTML = contentHtml; else contentElement.innerHTML = ''; @@ -554,11 +561,13 @@ const copy = (content) => { }; const deleteNote = (e) => { + document.querySelectorAll('.note').forEach((note) => note.classList.remove('fullscreen')); + document.body.classList.remove('body-fullscreen'); let message = ''; - if (window.location.href.endsWith('/en/')) message = 'Do you really want to delete this note?'; - else if (window.location.href.endsWith('/de/')) message = 'Möchten Sie diese Notiz wirklich löschen?'; - else if (window.location.href.endsWith('/es/')) message = '¿Estás seguro que quieres eliminar esta nota?'; - else message = 'Êtes-vous sûr de vouloir supprimer cette note ?'; + if (localStorage.getItem('language') === 'fr') message = 'Êtes-vous sûr de vouloir supprimer cette note ?'; + else if (localStorage.getItem('language') === 'de') message = 'Möchten Sie diese Notiz wirklich löschen?'; + else if (localStorage.getItem('language') === 'es') message = '¿Estás seguro que quieres eliminar esta nota?'; + else message = 'Do you really want to delete this note?'; // eslint-disable-next-line no-alert if (window.confirm(message)) fetchDelete(e); }; @@ -668,10 +677,10 @@ document.querySelectorAll('.linkp').forEach((e) => { document.querySelector('#delete-account').addEventListener('click', () => { let message = ''; - if (window.location.href.endsWith('/en/')) message = 'Do you really want to delete your account as well as all your notes saved in the cloud? Your username will become available again for other users.'; - else if (window.location.href.endsWith('/de/')) message = 'Möchten Sie wirklich Ihr Konto sowie alle Ihre in der Cloud gespeicherten Notizen löschen? Ihr Benutzername wird für andere Benutzer wieder verfügbar.'; - else if (window.location.href.endsWith('/es/')) message = '¿Estás seguro de que quieres eliminar tu cuenta y todas tus notas almacenadas en la nube? Su nombre de usuario volverá a estar disponible para otros usuarios.'; - else message = 'Voulez-vous vraiment supprimer votre compte ainsi que toutes vos notes enregistrées dans le cloud ? Votre nom d\'utilisateur redeviendra disponible pour les autres utilisateurs.'; + if (localStorage.getItem('language') === 'fr') message = 'Êtes-vous sûr de vouloir supprimer votre compte ainsi que toutes vos notes enregistrées dans le cloud ? Votre nom d\'utilisateur sera à nouveau disponible pour les autres utilisateurs.'; + else if (localStorage.getItem('language') === 'de') message = 'Möchten Sie wirklich Ihr Konto sowie alle Ihre in der Cloud gespeicherten Notizen löschen? Ihr Benutzername wird für andere Benutzer wieder verfügbar.'; + else if (localStorage.getItem('language') === 'es') message = '¿Estás seguro de que quieres eliminar tu cuenta y todas tus notas almacenadas en la nube? Su nombre de usuario volverá a estar disponible para otros usuarios.'; + else message = 'Do you really want to delete your account as well as all your notes saved in the cloud? Your username will become available again for other users.'; // eslint-disable-next-line no-alert if (window.confirm(message)) deleteAccount(); }); @@ -746,7 +755,7 @@ document.querySelector('#export-all-notes').addEventListener('click', () => { const notes = []; document.querySelectorAll('.note').forEach((e) => { const title = e.querySelector('.title').textContent; - const content = e.querySelector('.details span').textContent; + const content = e.querySelector('.detailsContent').textContent; const noteObject = { title, content, diff --git a/src/assets/php/class/Encryption.php b/src/assets/php/class/Encryption.php index 3494836..dd32297 100644 --- a/src/assets/php/class/Encryption.php +++ b/src/assets/php/class/Encryption.php @@ -15,7 +15,7 @@ class Encryption */ protected function generateSalt(): string { - return openssl_random_pseudo_bytes(16); + return random_bytes(16); } /** diff --git a/src/assets/php/connectUser.php b/src/assets/php/connectUser.php index 76470a2..e5cf88f 100644 --- a/src/assets/php/connectUser.php +++ b/src/assets/php/connectUser.php @@ -21,8 +21,8 @@ $nameConnect = $_POST['nameConnect']; try { - $query = $PDO->prepare("SELECT id,name,psswd FROM users WHERE name=:nameConnect LIMIT 1"); - $query->execute([':nameConnect' => $nameConnect]); + $query = $PDO->prepare("SELECT id,name,psswd FROM users WHERE name=:NameConnect LIMIT 1"); + $query->execute([':NameConnect' => $nameConnect]); $row = $query->fetch(); if (!$row) { http_response_code(401); diff --git a/src/assets/php/createUser.php b/src/assets/php/createUser.php index 6bc7756..c89c0f7 100644 --- a/src/assets/php/createUser.php +++ b/src/assets/php/createUser.php @@ -21,15 +21,15 @@ $nameCreate = $_POST['nameCreate']; $psswdCreate = $_POST['psswdCreate']; $psswdCreateHash = password_hash($psswdCreate, PASSWORD_DEFAULT); -$key = openssl_random_pseudo_bytes(32); +$key = bin2hex(random_bytes(32)); try { - $query = $PDO->prepare("INSERT INTO users (name,psswd,oneKey) VALUES (:nameCreate,:psswdHash,:OneKey)"); + $query = $PDO->prepare("INSERT INTO users (name,psswd,oneKey) VALUES (:NameCreate,:PsswdHash,:OneKey)"); $query->execute( [ - ':nameCreate' => $nameCreate, - ':psswdHash' => $psswdCreateHash, - ':OneKey' => htmlspecialchars($key, ENT_QUOTES, 'UTF-8'), + ':NameCreate' => $nameCreate, + ':PsswdHash' => $psswdCreateHash, + ':OneKey' => $key ] ); } catch (Exception $e) { diff --git a/src/assets/php/updatePsswd.php b/src/assets/php/updatePsswd.php index a3d7480..f7d1c2b 100644 --- a/src/assets/php/updatePsswd.php +++ b/src/assets/php/updatePsswd.php @@ -24,10 +24,10 @@ $psswdNewSecure = password_hash($psswdNew, PASSWORD_DEFAULT); try { - $query = $PDO->prepare("UPDATE users SET psswd=:psswdHash WHERE name=:CurrentUser AND id=:UserId"); + $query = $PDO->prepare("UPDATE users SET psswd=:PsswdHash WHERE name=:CurrentUser AND id=:UserId"); $query->execute( [ - ':psswdHash' => $psswdNewSecure, + ':PsswdHash' => $psswdNewSecure, ':CurrentUser' => $name, ':UserId' => $userId ] diff --git a/src/assets/sass/style.scss b/src/assets/sass/style.scss index d2bcac9..96ea228 100644 --- a/src/assets/sass/style.scss +++ b/src/assets/sass/style.scss @@ -135,6 +135,14 @@ header { } } +details { + margin: 10px auto; + + summary { + margin: 5px; + } +} + pre { margin: 10px auto; } @@ -219,8 +227,9 @@ nav { width: 10px; height: 10px; border-radius: 50%; - background: #0f0; - margin-top: -15px; + background: #2adc2d; + margin-top: -20px; + margin-left: -8px; } #last-sync { @@ -261,6 +270,10 @@ main { flex-grow: 1; overflow-y: auto; + h2 { + margin-bottom: 1rem; + } + p { margin: 5px 0; padding: 5px; @@ -305,10 +318,6 @@ main { #close-sidebar { display: none; } - - button { - margin: 1rem auto; - } } #sidebar-indicator { @@ -525,6 +534,7 @@ form { } .details { + flex-grow: 1; max-height: 100%; } } @@ -710,15 +720,6 @@ button { font-size: .8rem; } -#genPsswd { - margin: 10px auto; - - input { - margin: 10px auto; - width: 65%; - } -} - .delete-account { font-weight: 700; cursor: pointer; @@ -761,11 +762,13 @@ button { #copyNoteLink, #psswdGen { display: inline-flex; + align-items: center; + vertical-align: middle; + height: 36px; width: 70%; margin: auto; border-radius: 20px; justify-content: center; - padding: 10px; font-weight: 700; word-break: break-all; } @@ -774,6 +777,7 @@ button { #copyPasswordBtn, #submitGenPsswd { display: inline-flex; + vertical-align: middle; width: 36px; height: 36px; border-radius: 48px; diff --git a/src/index.php b/src/index.php index 5fd2c67..78d3463 100644 --- a/src/index.php +++ b/src/index.php @@ -73,7 +73,9 @@