diff --git a/css/sb-admin-2.css b/css/sb-admin-2.css
index cc0a1cb..3881e41 100644
--- a/css/sb-admin-2.css
+++ b/css/sb-admin-2.css
@@ -18,7 +18,7 @@
--red: #e74a3b;
--orange: #fd7e14;
--yellow: #f6c23e;
- --green: #1cc88a;
+ --green: #76B900;
--teal: #20c9a6;
--cyan: #36b9cc;
--white: #fff;
@@ -26,7 +26,7 @@
--gray-dark: #5a5c69;
--primary: #4e73df;
--secondary: #858796;
- --success: #1cc88a;
+ --success: #76B900;
--info: #36b9cc;
--warning: #f6c23e;
--danger: #e74a3b;
@@ -2041,7 +2041,7 @@ textarea.form-control {
width: 100%;
margin-top: 0.25rem;
font-size: 80%;
- color: #1cc88a;
+ color: #76B900;
}
.valid-tooltip {
@@ -2073,7 +2073,7 @@ textarea.form-control {
}
.was-validated .form-control:valid, .form-control.is-valid {
- border-color: #1cc88a;
+ border-color: #76B900;
padding-right: calc(1.5em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%231cc88a' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
@@ -2082,7 +2082,7 @@ textarea.form-control {
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
- border-color: #1cc88a;
+ border-color: #76B900;
box-shadow: 0 0 0 0.2rem rgba(28, 200, 138, 0.25);
}
@@ -2092,18 +2092,18 @@ textarea.form-control {
}
.was-validated .custom-select:valid, .custom-select.is-valid {
- border-color: #1cc88a;
+ border-color: #76B900;
padding-right: calc(0.75em + 2.3125rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%235a5c69' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%231cc88a' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
- border-color: #1cc88a;
+ border-color: #76B900;
box-shadow: 0 0 0 0.2rem rgba(28, 200, 138, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
- color: #1cc88a;
+ color: #76B900;
}
.was-validated .form-check-input:valid ~ .valid-feedback,
@@ -2113,11 +2113,11 @@ textarea.form-control {
}
.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
- color: #1cc88a;
+ color: #76B900;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
- border-color: #1cc88a;
+ border-color: #76B900;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
@@ -2130,15 +2130,15 @@ textarea.form-control {
}
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
- border-color: #1cc88a;
+ border-color: #76B900;
}
.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
- border-color: #1cc88a;
+ border-color: #76B900;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
- border-color: #1cc88a;
+ border-color: #76B900;
box-shadow: 0 0 0 0.2rem rgba(28, 200, 138, 0.25);
}
@@ -2431,8 +2431,8 @@ fieldset:disabled a.btn {
.btn-success {
color: #fff;
- background-color: #1cc88a;
- border-color: #1cc88a;
+ background-color: #76B900;
+ border-color: #76B900;
}
.btn-success:hover {
@@ -2450,8 +2450,8 @@ fieldset:disabled a.btn {
.btn-success.disabled, .btn-success:disabled {
color: #fff;
- background-color: #1cc88a;
- border-color: #1cc88a;
+ background-color: #76B900;
+ border-color: #76B900;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
@@ -2716,14 +2716,14 @@ fieldset:disabled a.btn {
}
.btn-outline-success {
- color: #1cc88a;
- border-color: #1cc88a;
+ color: #76B900;
+ border-color: #76B900;
}
.btn-outline-success:hover {
color: #fff;
- background-color: #1cc88a;
- border-color: #1cc88a;
+ background-color: #76B900;
+ border-color: #76B900;
}
.btn-outline-success:focus, .btn-outline-success.focus {
@@ -2731,15 +2731,15 @@ fieldset:disabled a.btn {
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
- color: #1cc88a;
+ color: #76B900;
background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
color: #fff;
- background-color: #1cc88a;
- border-color: #1cc88a;
+ background-color: #76B900;
+ border-color: #76B900;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
@@ -4909,7 +4909,7 @@ a.badge-secondary:focus, a.badge-secondary.focus {
.badge-success {
color: #fff;
- background-color: #1cc88a;
+ background-color: #76B900;
}
a.badge-success:hover, a.badge-success:focus {
@@ -6431,7 +6431,7 @@ button.bg-secondary:focus {
}
.bg-success {
- background-color: #1cc88a !important;
+ background-color: #76B900 !important;
}
a.bg-success:hover, a.bg-success:focus,
@@ -6547,7 +6547,7 @@ button.bg-dark:focus {
}
.border-success {
- border-color: #1cc88a !important;
+ border-color: #76B900 !important;
}
.border-info {
@@ -9608,7 +9608,7 @@ a.text-secondary:hover, a.text-secondary:focus {
}
.text-success {
- color: #1cc88a !important;
+ color: #76B900 !important;
}
a.text-success:hover, a.text-success:focus {
@@ -9912,8 +9912,8 @@ a:focus {
}
.bg-gradient-success {
- background-color: #1cc88a;
- background-image: linear-gradient(180deg, #1cc88a 10%, #13855c 100%);
+ background-color: #76B900;
+ background-image: linear-gradient(180deg, #76B900 10%, #13855c 100%);
background-size: cover;
}
@@ -10057,11 +10057,11 @@ a:focus {
}
.border-left-success {
- border-left: 0.25rem solid #1cc88a !important;
+ border-left: 0.25rem solid #76B900 !important;
}
.border-bottom-success {
- border-bottom: 0.25rem solid #1cc88a !important;
+ border-bottom: 0.25rem solid #76B900 !important;
}
.border-left-info {
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000..424df87
Binary files /dev/null and b/favicon.ico differ
diff --git a/img/nvidia-ai-art.jpg b/img/nvidia-ai-art.jpg
deleted file mode 100644
index eeeb9bc..0000000
Binary files a/img/nvidia-ai-art.jpg and /dev/null differ
diff --git a/index.html b/index.html
index ef301d5..57fc394 100644
--- a/index.html
+++ b/index.html
@@ -12,7 +12,9 @@
NVIDIA Dashboard
-
+
@@ -36,9 +38,12 @@
SMI
-
-
+
+
+
+ v{{ .Version }}
+
{{ range .GPUs }}
@@ -148,7 +153,8 @@
Usage
- {{ .GPU.Utilization.Rate }}%
+ {{
+ .GPU.Utilization.Compute }}%
@@ -159,160 +165,159 @@
-
-
+
+
+
+
-
-
+
-
-
-
-
-
-
-
-
-
-
-
Temperature
- {{ .GPU.CoreTemperature }}°C
-
VRAM
- {{ ConvertByteSize .GPU.Memory.Used }}/{{ ConvertByteSize .GPU.Memory.Total }}
-
-
GPU Usage
- {{ .GPU.Utilization.Rate }}%
-
-
Encoder Usage
- {{ .GPU.Utilization.Encode }}%
-
-
Decoder Usage
- {{ .GPU.Utilization.Decode }}%
-
+
+
+
+
+
+
+
+
+
+ | PID |
+ Type |
+ Commandline |
+ GPU Memory Usage |
+
+
+
+ {{ range .GPU.Processes }}
+
+ | {{ .PID }} |
+ {{ .Type }} |
+ {{ .Name }} |
+ {{ ConvertByteSize .MemoryUsed }} |
+
+ {{ end }}
+
+
-
-
-
-
-
-
-
-
-
-
-
- | PID |
- Type |
- Commandline |
- GPU Memory Usage |
-
-
-
- {{ range .GPU.Processes }}
-
- | {{ .PID }} |
- {{ .Type }} |
- {{ .Name }} |
- {{ ConvertByteSize .MemoryUsed }} |
-
- {{ end }}
-
-
-
-
-
-
-
-
-
-
-
-
-
+
-
+
+
+
+
+
-
+
-
-
-
-
+
+
-
-
-
+
+
+
+
-
-
+
+
+
+
-
-
+
-
-
-
-
-
+