[mo,sh] Added configuration for certain lower scores

2 files changed, 31 insertions, 6 deletions

diff --git a/public/mozilla-observatory.html b/public/mozilla-observatory.html
index b7aa9f7..7bb6de8 100644
--- a/public/mozilla-observatory.html
+++ b/public/mozilla-observatory.html
@@ -24,13 +24,21 @@ font-smooth: never;
 }
 #score {
 	color: white;
-	background-color: #2d882d;
 	float: right;
 	font: 18px Arial;
 	width: 33px;
 	text-align: center;
 	border-radius: 7px;
-	border: 3px solid #106610;
+	border: 3px solid black;
+}
+.aplus {
+	background-color: #2d882d;
+	border-color: #106610 !important;
+}
+.bplus {
+	background-color: #aaaa39;
+	border-color: #808015 !important;
+	padding-top: 1px;
 }
 </style>
 	</head>
@@ -39,9 +47,14 @@ font-smooth: never;
 			<div id="mozilla-logo">
 				Mozilla<br>Observatory
 			</div>
-			<div id="score">
+			<!--
+			<div id="score" class="aplus">
 				A<sup>+</sup>
 			</div>
+			-->
+			<div id="score" class="bplus">
+				B<sup>+</sup>
+			</div>
 		</div>
 		<br>
 	<script src="./dom-to-image/src/dom-to-image.js"></script>
diff --git a/public/security-headers.html b/public/security-headers.html
index bf3931e..6355eba 100644
--- a/public/security-headers.html
+++ b/public/security-headers.html
@@ -24,7 +24,6 @@
 }
 #score {
 	color: white;
-	background-color: #34af00;
 	float: right;
 	font: 18px Arial;
 	font-weight: 700 !important;
@@ -33,7 +32,15 @@
 	text-align: center;
 	padding-top: 4px;
 	border-radius: 5px;
-	border: 2px solid #309d00;
+	border: 2px solid black;
+}
+.aplus {
+	background-color: #34af00;
+	border-color: #309d00 !important;
+}
+.a {
+	background-color: #2b9100;
+	border-color: #257900 !important;
 }
 </style>
 	</head>
@@ -42,9 +49,14 @@
 			<div id="sh-title">
 				Security<br>Headers
 			</div>
-			<div id="score">
+			<!--
+			<div id="score" class="aplus">
 				A+
 			</div>
+			-->
+			<div id="score" class="a">
+				A
+			</div>
 		</div>
 		<br>
 	<script src="./dom-to-image/src/dom-to-image.js"></script>