| 42 | |
| 43 | //Defining the functions |
| 44 | function neofetch() { |
| 45 | // read data from data.json |
| 46 | const data = config.neofetch; |
| 47 | console.log(data); |
| 48 | |
| 49 | const container = document.createElement("div"); |
| 50 | container.classList.add("fetch-container"); |
| 51 | |
| 52 | const fimg = document.createElement("div"); |
| 53 | fimg.classList.add("fetch-img-container"); |
| 54 | fimg.innerHTML = "<img class='fetch-img' src='js.png' />"; |
| 55 | |
| 56 | const info = document.createElement("div"); |
| 57 | info.classList.add("info"); |
| 58 | container.appendChild(fimg); |
| 59 | container.appendChild(info); |
| 60 | |
| 61 | for (const [key, value] of Object.entries(data)) { |
| 62 | const p = document.createElement("p"); |
| 63 | p.innerHTML = `<span class="key">${key}</span>: <span class="value">${value}</span>`; |
| 64 | info.appendChild(p); |
| 65 | } |
| 66 | |
| 67 | app.appendChild(container); |
| 68 | } |
| 69 | |
| 70 | |
| 71 | function removeNeoFetch() { |