1- < html >
1+ < html lang =" en " >
22 < head >
33 <!-- Picnic CSS Framework -->
44 < link rel ="stylesheet " href ="https://cdn.jsdelivr.net/npm/picnic " />
2020 < body >
2121 < nav class ="demo ">
2222 < a id ="theTitle " href ="# " class ="brand ">
23- < img class ="logo " src ="assets/nutrient.jpg " />
23+ < img class ="logo " src ="assets/nutrient.jpg " alt =" Nutrient logo " />
2424 < span > Document Generator</ span >
2525 </ a >
2626 </ nav >
@@ -45,12 +45,12 @@ <h3>DEMO</h3>
4545 < h3 > Checklist</ h3 >
4646 </ header >
4747 < p class ="nutri-template ">
48- < img src ="./assets/checklist.png " />
48+ < img src ="./assets/checklist.png " alt =" Checklist template preview " />
4949 </ p >
5050 < p > Create a checklist with predefined data.</ p >
5151 < footer >
5252 < div style ="text-align: right; ">
53- < button class ="nutri-button-dark " data-tpl ="checklist "> Edit Template →</ button >
53+ < button type =" button " class ="nutri-button-dark " data-tpl ="checklist "> Edit Template →</ button >
5454 </ div >
5555 </ footer >
5656 </ article >
@@ -61,12 +61,12 @@ <h3>Checklist</h3>
6161 < h3 > Invoice</ h3 >
6262 </ header >
6363 < p class ="nutri-template ">
64- < img src ="./assets/invoice.png " />
64+ < img src ="./assets/invoice.png " alt =" Invoice template preview " />
6565 </ p >
6666 < p > Create an invoice with predefined data.</ p >
6767 < footer >
6868 < div style ="text-align: right; ">
69- < button class ="nutri-button-dark " data-tpl ="invoice "> Edit Template →</ button >
69+ < button type =" button " class ="nutri-button-dark " data-tpl ="invoice "> Edit Template →</ button >
7070 </ div >
7171 </ footer >
7272 </ article >
@@ -77,12 +77,12 @@ <h3>Invoice</h3>
7777 < h3 > Menu</ h3 >
7878 </ header >
7979 < p class ="nutri-template ">
80- < img src ="./assets/menu.png " />
80+ < img src ="./assets/menu.png " alt =" Menu template preview " />
8181 </ p >
8282 < p > Create a menu with predefined data.</ p >
8383 < footer >
8484 < div style ="text-align: right; ">
85- < button class ="nutri-button-dark " data-tpl ="menu "> Edit Template →</ button >
85+ < button type =" button " class ="nutri-button-dark " data-tpl ="menu "> Edit Template →</ button >
8686 </ div >
8787 </ footer >
8888 </ article >
@@ -103,7 +103,7 @@ <h3>Upload document</h3>
103103 </ form >
104104 < footer >
105105 < div style ="text-align: right; ">
106- < button class ="nutri-button-dark " data-tpl ="custom "> Upload & Edit Template →</ button >
106+ < button type =" button " class ="nutri-button-dark " data-tpl ="custom "> Upload & Edit Template →</ button >
107107 </ div >
108108 </ footer >
109109 </ article >
@@ -122,10 +122,10 @@ <h2>(2/5) Edit DocJSON Template</h2>
122122 < footer >
123123 < div class ="flex two ">
124124 < div >
125- < button class ="nutri-button-dark " data-action ="back-to-template-selection "> ← Select Template</ button >
125+ < button type =" button " class ="nutri-button-dark " data-action ="back-to-template-selection "> ← Select Template</ button >
126126 </ div >
127127 < div style ="text-align: right; ">
128- < button class ="nutri-button-dark " data-action ="to-json-data "> Prepare JSON Data →</ button >
128+ < button type =" button " class ="nutri-button-dark " data-action ="to-json-data "> Prepare JSON Data →</ button >
129129 </ div >
130130 </ div >
131131 </ footer >
@@ -141,10 +141,10 @@ <h2>(3/5) Prepare JSON Data</h2>
141141 < footer >
142142 < div class ="flex two ">
143143 < div >
144- < button class ="nutri-button-dark " data-action ="back-to-template-editor "> ← Edit Template</ button >
144+ < button type =" button " class ="nutri-button-dark " data-action ="back-to-template-editor "> ← Edit Template</ button >
145145 </ div >
146146 < div style ="text-align: right; ">
147- < button class ="nutri-button-dark " data-action ="to-docx-editor "> Generate DOCX →</ button >
147+ < button type =" button " class ="nutri-button-dark " data-action ="to-docx-editor "> Generate DOCX →</ button >
148148 </ div >
149149 </ div >
150150 </ footer >
@@ -160,10 +160,10 @@ <h2>(4/5) Edit Generated DOCX</h2>
160160 < footer >
161161 < div class ="flex two ">
162162 < div >
163- < button class ="nutri-button-dark " data-action ="back-to-edit-data "> ← Edit Data</ button >
163+ < button type =" button " class ="nutri-button-dark " data-action ="back-to-edit-data "> ← Edit Data</ button >
164164 </ div >
165165 < div style ="text-align: right; ">
166- < button class ="nutri-button-dark " data-action ="generate-pdf "> Generate PDF →</ button >
166+ < button type =" button " class ="nutri-button-dark " data-action ="generate-pdf "> Generate PDF →</ button >
167167 </ div >
168168 </ div >
169169 </ footer >
@@ -179,10 +179,10 @@ <h2>(5/5) Final PDF</h2>
179179 < footer >
180180 < div class ="flex two ">
181181 < div >
182- < button class ="nutri-button-dark " data-action ="back-to-edit-docx "> ← Edit DOCX</ button >
182+ < button type =" button " class ="nutri-button-dark " data-action ="back-to-edit-docx "> ← Edit DOCX</ button >
183183 </ div >
184184 < div style ="text-align: right; ">
185- < button class ="nutri-button-dark " data-action ="download-pdf "> Download PDF →</ button >
185+ < button type =" button " class ="nutri-button-dark " data-action ="download-pdf "> Download PDF →</ button >
186186 </ div >
187187 </ div >
188188 </ footer >
@@ -192,4 +192,4 @@ <h2>(5/5) Final PDF</h2>
192192 <!-- Document Generator POC -->
193193 < script src ="index.js "> </ script >
194194 </ body >
195- </ html >
195+ </ html >
0 commit comments