diff --git a/web/newWebsite/questions-dashboard.html b/web/newWebsite/questions-dashboard.html index 9cd18e8..53d6b9c 100644 --- a/web/newWebsite/questions-dashboard.html +++ b/web/newWebsite/questions-dashboard.html @@ -4,7 +4,7 @@ - + Graphs @@ -30,5 +30,8 @@ +
+
+ \ No newline at end of file diff --git a/web/newWebsite/questions-main.js b/web/newWebsite/questions-main.js index e69de29..5ed0c35 100644 --- a/web/newWebsite/questions-main.js +++ b/web/newWebsite/questions-main.js @@ -0,0 +1,28 @@ +// Sample data +const dataItems = [ + { id: 1, name: "Item 1", description: "Description for Item 1" }, + { id: 2, name: "Item 2", description: "Description for Item 2" }, + { id: 3, name: "Item 3", description: "Description for Item 3" } +]; + +// Function to display data items on the webpage +function displayDataItems() { + const container = document.getElementById("data-container"); + + // Clear previous content + container.innerHTML = ""; + + // Loop through data items and create HTML elements + dataItems.forEach(item => { + const itemElement = document.createElement("div"); + itemElement.classList.add("data-item"); + itemElement.innerHTML = ` +

${item.name}

+

${item.description}

+ `; + container.appendChild(itemElement); + }); +} + +// Call the function to display data items when the page loads +window.onload = displayDataItems; diff --git a/web/newWebsite/styles/questions-dashboard-styles.css b/web/newWebsite/styles/questions-dashboard-styles.css index 966d901..29fd8ce 100644 --- a/web/newWebsite/styles/questions-dashboard-styles.css +++ b/web/newWebsite/styles/questions-dashboard-styles.css @@ -11,10 +11,10 @@ } .navbar { - background-color: #333; + background-color: #3d898c; height: 60px; display: flex; - align-items: center; + align-items: center ; padding: 0 20px; position: fixed; /* Fix the navbar at the top of the page */ top: 0; /* Position it at the very top */ @@ -39,4 +39,12 @@ color: #fff; text-decoration: none; font-size: 18px; - } \ No newline at end of file + } + + #data-container { + width: 80%; + margin: 0 auto; + padding: 20px; + background-color: #f5f5f5; + border: 1px solid #ccc; +} \ No newline at end of file