+3 -1

archived.html

reviewed

··· 20 20 </header> 21 21 <div id="main"> 22 22 <div> 23 23 - <div id="archived"></div> 23 23 + <div id="archived"> 24 24 + <p>No archived todos for now...</p> 25 25 + </div> 24 26 </div> 25 27 </div> 26 28 <footer></footer>

+1 -1

archived.js

reviewed

··· 97 97 98 98 const hydrateTodos = () => { 99 99 100 100 - archivedElement.innerHTML = archived 100 100 + if (archived.length > 0) archivedElement.innerHTML = archived 101 101 .map((x, index) => todoElement(x, index)) 102 102 .join(""); 103 103

+1 -8

index.html

reviewed

··· 22 22 <div> 23 23 <button id="createTodo"> 24 24 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> 25 25 - <g fill="none" stroke="currentColor" stroke-dasharray="16" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"> 26 26 - <path d="M5 12h14"> 27 27 - <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.5s" values="16;0"/> 28 28 - </path> 29 29 - <path stroke-dashoffset="16" d="M12 5v14"> 30 30 - <animate fill="freeze" attributeName="stroke-dashoffset" begin="0.5s" dur="0.5s" to="0"/> 31 31 - </path> 32 32 - </g> 25 25 + <path fill="currentColor" d="M11 13H5v-2h6V5h2v6h6v2h-6v6h-2z" /> 33 26 </svg> 34 27 </button> 35 28 <div id="todos"></div>

+8

style.css

reviewed

··· 104 104 } 105 105 106 106 #override_css { 107 107 + font-family: monospace; 108 108 + border-radius: 0.5rem; 107 109 resize: vertical; 110 110 + border: 0.25rem solid var(--background-tertiary); 111 111 + background-color: var(--background-secondary); 108 112 } 109 113 110 114 a, a:visited, a:active { ··· 117 121 118 122 button:active, a:hover { 119 123 background-color: var(--background-tertiary); 124 124 + } 125 125 + 126 126 + #archived p { 127 127 + text-align: center; 120 128 } 121 129 122 130 .hidden,