diff --git a/consumerWebsite/public/css/api.css b/consumerWebsite/public/css/api.css index d3d44b1..f5d527e 100644 --- a/consumerWebsite/public/css/api.css +++ b/consumerWebsite/public/css/api.css @@ -523,4 +523,27 @@ body.one-content-column-version .content thead { .cf:before, .cf:after { content: ""; display: block; } .cf:after { clear: both; } -.ie6 .cf { zoom: 1 } \ No newline at end of file +.ie6 .cf { zoom: 1 } + + + +.generate-key-button { + float: right; /* Align the button to the right */ + margin-right: 85%; + margin-top: -40px; /* Adjust the margin-top value based on your layout */ + /* Add any additional styling you want for the button */ +} + +#content-get-api .generate-key-button { + background-color: #4caf50; /* Green background color */ + color: white; /* White text color */ + padding: 5px 11px; /* Padding for the button */ + border: none; /* Remove button border */ + border-radius: 5px; /* Add border-radius for rounded corners */ + cursor: pointer; /* Add pointer cursor on hover */ + font-size: 14px; /* Font size */ +} + +#content-get-api .generate-key-button:hover { + background-color: #45a049; /* Darker green on hover */ +} \ No newline at end of file diff --git a/consumerWebsite/public/css/contact.css b/consumerWebsite/public/css/contact.css index 2137c19..524a5e4 100644 --- a/consumerWebsite/public/css/contact.css +++ b/consumerWebsite/public/css/contact.css @@ -4,7 +4,7 @@ form { background-color: #fff; - padding: 20px; + padding: 25px; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); width: 66%; diff --git a/consumerWebsite/public/css/profile.css b/consumerWebsite/public/css/profile.css new file mode 100644 index 0000000..18eaded --- /dev/null +++ b/consumerWebsite/public/css/profile.css @@ -0,0 +1,100 @@ +.btn-delete { + background-color: red; + color: white; +} + +.ui-w-80 { + width: 80px !important; + height: auto; +} + +.btn-default { + border-color: rgba(24,28,33,0.1); + background: rgba(0,0,0,0); + color: #4E5155; +} + +label.btn { + margin-bottom: 0; +} + +.btn-outline-primary { + border-color: #26B4FF; + background: transparent; + color: #26B4FF; +} + +.btn { + cursor: pointer; +} + +.text-light { + color: #babbbc !important; +} + +.btn-facebook { + border-color: rgba(0,0,0,0); + background: #3B5998; + color: #fff; +} + +.btn-instagram { + border-color: rgba(0,0,0,0); + background: #000; + color: #fff; +} + +.card { + background-clip: padding-box; + box-shadow: 0 1px 4px rgba(24,28,33,0.012); +} + +.row-bordered { + overflow: hidden; +} + +.account-settings-fileinput { + position: absolute; + visibility: hidden; + width: 1px; + height: 1px; + opacity: 0; +} +.account-settings-links .list-group-item.active { + font-weight: bold !important; +} +html:not(.dark-style) .account-settings-links .list-group-item.active { + background: transparent !important; +} +.account-settings-multiselect ~ .select2-container { + width: 100% !important; +} +.light-style .account-settings-links .list-group-item { + padding: 0.85rem 1.5rem; + border-color: rgba(24, 28, 33, 0.03) !important; +} +.light-style .account-settings-links .list-group-item.active { + color: #4e5155 !important; +} +.material-style .account-settings-links .list-group-item { + padding: 0.85rem 1.5rem; + border-color: rgba(24, 28, 33, 0.03) !important; +} +.material-style .account-settings-links .list-group-item.active { + color: #4e5155 !important; +} +.dark-style .account-settings-links .list-group-item { + padding: 0.85rem 1.5rem; + border-color: rgba(255, 255, 255, 0.03) !important; +} +.dark-style .account-settings-links .list-group-item.active { + color: #fff !important; +} +.light-style .account-settings-links .list-group-item.active { + color: #4E5155 !important; +} +.light-style .account-settings-links .list-group-item { + padding: 0.85rem 1.5rem; + border-color: rgba(24,28,33,0.03) !important; +} + diff --git a/consumerWebsite/public/images/404.png b/consumerWebsite/public/images/404.png index bcf5936..6b34292 100644 Binary files a/consumerWebsite/public/images/404.png and b/consumerWebsite/public/images/404.png differ diff --git a/consumerWebsite/public/images/4044.png b/consumerWebsite/public/images/4044.png deleted file mode 100644 index 6b34292..0000000 Binary files a/consumerWebsite/public/images/4044.png and /dev/null differ diff --git a/consumerWebsite/public/js/learnmore.js b/consumerWebsite/public/js/learnmore.js index c965824..2e4a440 100644 --- a/consumerWebsite/public/js/learnmore.js +++ b/consumerWebsite/public/js/learnmore.js @@ -1,28 +1,60 @@ document.addEventListener("DOMContentLoaded", function () { function updateAdditionalInfo(region) { const infoContainer = document.getElementById("additional-info"); - // Replace the following with actual data retrieval based on the region - const aqi = "15"; - const temperature = "25°C"; - const humidity = "60%"; +// Replace the following with actual data retrieval based on the region +const aqi = "15"; +const temperature = "25°C"; +const humidity = "60%"; +const pm25 = "10"; +const pm10 = "20"; +const so2 = "5"; +const o3 = "35"; +const co = "0.5"; +const no2 = "15"; + +infoContainer.innerHTML = ` +
@@ -359,6 +358,38 @@
+ You can generate API Keys here: +
+Name | +Public Key | +Private Key | +Key Type | +Created | +
---|---|---|---|---|
API Key | +GR234-We34 | +greR-234-fEG | +Type | +2024-01-22 | +