From cf934ad6d1e2ce34756a5b7f7a4f8ad8eac68fde Mon Sep 17 00:00:00 2001
From: "Skylar \"The Cobra\" Widulski" <cobra@vern.cc>
Date: Sat, 2 Dec 2023 01:15:16 -0500
Subject: [PATCH] Style <progress>

Signed-off-by: Skylar "The Cobra" Widulski <cobra@vern.cc>
---
 en/translations.php |  4 ++--
 media/style.css     | 57 +++++++++++++++++++++++++++++++--------------
 2 files changed, 42 insertions(+), 19 deletions(-)

diff --git a/en/translations.php b/en/translations.php
index 9172f7f..2480827 100644
--- a/en/translations.php
+++ b/en/translations.php
@@ -25,13 +25,13 @@
 			global $langs;
 
 			$sum = shell_exec('cd /var/www/website; $(($(diff 2>/dev/null -y --suppress-common-lines en/ '.$tl.'/ | grep "|" | wc -l)+$(diff 2>/dev/null -y --suppress-common-lines en/ '.$tl.'/ | grep "^Only in en/" | awk '."'".'{print $NF}'."'".' | while read -r line; do wc -l < en/"$line";printf "+"; done)0))');
-			return "<li>" . $langs[$tl][0] . "(" . $langs[$tl][1] . ", <code>" . $tl . "</code>)" . "</li>\n<br>\n<progress max=$const value=" . $sum . ">" . intdiv(($sum * 100), $const)  . "%</progress><br><br>";
+			return "<li>" . $langs[$tl][0] . " (" . $langs[$tl][1] . ", <code>/" . $tl . "/</code>)" . "</li>\n<br>\n<progress max=$const value=" . $sum . ">" . intdiv(($sum * 100), $const)  . "%</progress><br><br>";
 		}
 	?>
 	<!--#include file="nav.php" -->
 	<div class=h><h1 id=translations>Translations</h1> <a aria-hidden=true href=#translations>#translations</a></div>
 	<ul>
-		<li><?php echo style('pt-BR'); ?><li>
+		<?php echo style('pt-BR'); ?>
 	</ul>
 	<!--#include file="footer.cgi" -->
 </body>
diff --git a/media/style.css b/media/style.css
index 5eba0e8..939ee90 100644
--- a/media/style.css
+++ b/media/style.css
@@ -55,13 +55,13 @@ h3 { font-size:1.1em; }
 	color:#ff6c6b;
 	size:75%;
 }
-.h a[aria-hidden] {	display:none; }
+.h a[aria-hidden] { display:none; }
 pre {
 	tab-size:4; 
 	background: #20232a;
 	color: #969ba6;
-    border: 1px solid lightgrey;
-    padding: 5px;
+	border: 1px solid lightgrey;
+	padding: 5px;
 	tab-size:4;
 }
 .red { color:#ff6c6b; }
@@ -74,6 +74,29 @@ input[type=submit] {
 	color: #282c34;
 	border-radius:10px;
 }
+
+progress {
+	height: 30px;
+	width: 70%;
+	border-radius: 15px;
+	border: 1px solid transparent;
+	background: #bbc2cf;
+	color: #ff6c6b;
+}
+
+progress::-moz-progress-bar {
+	color: transparent;
+	background: #bbc2cf;
+	accent-color: currentColor;
+}
+
+progress::-webkit-progress-bar {
+	background: #bbc2cf;
+}
+progress::-webkit-progress-value {
+	background: currentColor;
+}
+
 input[type=checkbox] { color: #282c34; background-color: #bbc2cf; }
 ul[userlist] { list-style:none; }
 ul[userlist] li[online]::before {
@@ -88,23 +111,23 @@ ul[userlist] li[online$=true]::before {	color:#98be65; }
 textarea { background-color: #282c34; color: #bbc2cf; }
 input { background-color: #282c34; color: #bbc2cf; }
 #TOC {
-    border: 1px solid;
-    position: relative;
+	border: 1px solid;
+	position: relative;
 }
 #TOC:before {
-    border-bottom: 1px solid;
-    content: 'Table of Contents';
-    display: block;
-    font-weight: bold;
-    padding: 5px;
-    position: relative;
+	border-bottom: 1px solid;
+	content: 'Table of Contents';
+	display: block;
+	font-weight: bold;
+	padding: 5px;
+	position: relative;
 }
 .date {
 	//color: grey;
-    display: block;
-    font-family: monospace;
-    margin-top: 1em;
-    overflow: hidden;
-    white-space: nowrap;
-    width: 16ch;
+	display: block;
+	font-family: monospace;
+	margin-top: 1em;
+	overflow: hidden;
+	white-space: nowrap;
+	width: 16ch;
 }