add activity to git page

1 files changed, 71 insertions, 2 deletions

diff --git a/web/git.css b/web/git.css
index 84ef9ad..a8b3435 100644
--- a/web/git.css
+++ b/web/git.css
@@ -84,6 +84,75 @@ a:hover {
   color: #fff;
 }
 
+.activity-wrapper {
+  display: flex;
+}
+
+.activity-inner {
+  display: flex;
+}
+
+.activity-table tr {
+  height: 11px;
+}
+
+.activity-table td {
+  height: 9px;
+  width: 9px;
+  border: 1px solid #888;
+  background-color: #7f7f7f;
+}
+
+.activity-title {
+  margin-left: 5px;
+  margin-bottom: 1px;
+  text-decoration: none;
+  background: var( --gradient );
+  background-clip: border-box;
+  -webkit-text-fill-color: transparent;
+  -webkit-background-clip: text;
+  color: #c6a6ff;
+  font-weight: normal !important;
+  font-size: 17px;
+  font-family: JPN16;
+  width: fit-content;
+}
+
+.activity-table td:hover {
+  border-left: 3px solid #888;
+  border-right: 3px solid #888;
+}
+td .popup {
+  display: none;
+  position: absolute;
+  border-top: 1px solid #fff;
+  border-left: 1px solid #ccc;
+  border-right: 1px solid #666;
+  border-bottom: 1px solid #000;
+  background: #888;
+  padding: 3px;
+  padding-right: 5px;
+  z-index: 1;
+}
+
+td .popup.right {
+  translate: -100%;
+}
+
+td:hover .popup {
+  display: inline-block;
+}
+
+hr {
+  margin: 0;
+  color: #fff;
+}
+
+.activity-low { background-color: #f0f !important; }
+.activity-medium { background-color: #c488ff !important; }
+.activity-high { background-color: #c6a6ff !important; }
+.activity-very-high { background-color: #0ff !important; }
+
 div#cgit {
 	padding: 0em;
 	margin: 0em;
@@ -725,7 +794,7 @@ div#cgit ul.pager .current {
 }
 
 div#cgit span.age-mins {
-	color: #0f0;
+	color: #0ff;
 }
 
 div#cgit span.age-hours {
@@ -733,7 +802,7 @@ div#cgit span.age-hours {
 }
 
 div#cgit span.age-days {
-	color: #040;
+	color: #0c0;
 }
 
 div#cgit span.age-weeks {