From c283a71252fdd115e91cbda4d470062e643edbe5 Mon Sep 17 00:00:00 2001
From: Federico Igne <git@federicoigne.com>
Date: Wed, 26 Jan 2022 11:46:25 +0000
Subject: Add cgit css and logo

---
 resources/cgit/cgit.css | 834 ++++++++++++++++++++++++++++++++++++++++++++++++
 resources/cgit/logo.png | Bin 0 -> 16480 bytes
 style.css               |  16 +-
 3 files changed, 842 insertions(+), 8 deletions(-)
 create mode 100644 resources/cgit/cgit.css
 create mode 100644 resources/cgit/logo.png

diff --git a/resources/cgit/cgit.css b/resources/cgit/cgit.css
new file mode 100644
index 0000000..c36b443
--- /dev/null
+++ b/resources/cgit/cgit.css
@@ -0,0 +1,834 @@
+/* Based on git.peppe.rs */
+
+/* @import 'https://rsms.me/inter/inter.css';*/
+:root {
+  --blue: #37abc8;
+  --red: #d35557;
+  --black: #212121;
+  --fg: #1a1a1a;
+  --fg-light: #5a5a5a;
+  --bg: #ededed;
+  --bg-light: #dddddd;
+}
+
+body.hl {
+ background-color:var(--bg)
+}
+pre.hl {
+ color:var(--fg);
+ background-color:var(--bg);
+ font-family:monospace
+}
+.hl.num {
+ color:var(--blue)
+}
+.hl.esc {
+ color:var(--fg)
+}
+.hl.str {
+ color:var(--blue)
+}
+.hl.pps {
+ color:var(--red)
+}
+.hl.slc {
+ color:var(--fg-light);
+ font-style:italic
+}
+.hl.com {
+ color:var(--fg-light);
+ font-style:italic
+}
+.hl.ppc {
+ color:var(--red)
+}
+.hl.opt {
+ color:var(--fg)
+}
+.hl.ipl {
+ color:var(--red)
+}
+.hl.lin {
+ color:var(--fg)
+}
+.hl.kwa {
+ color:var(--fg);
+ font-weight:700
+}
+.hl.kwb {
+ color:var(--fg-light)
+}
+.hl.kwc {
+ color:var(--fg);
+ font-weight:700
+}
+.hl.kwd {
+ color:var(--fg);
+ font-weight:700
+}
+::selection {
+ color:var(--fg);
+ background:var(--blue)
+}
+div#cgit {
+ font-family:inter var,sans-serif;
+ · font-feature-settings:'ss01' 1,'kern' 1,'liga' 1,'cv05' 1,'tnum' 1;
+ margin:2em;
+ font-size:10pt;
+ color:var(--fg);
+ background:#fff
+}
+@media only screen and (min-width:1080px) {
+ div#cgit {
+  margin:18em;
+  margin-top:2em;
+  margin-bottom:2em
+ }
+}
+@media only screen and (min-width:1400px) {
+ div#cgit {
+  margin:18em;
+  margin-top:2em;
+  margin-bottom:2em
+ }
+}
+div#cgit a {
+ color:var(--red);
+ text-decoration:none
+}
+div#cgit a:hover {
+ text-decoration:underline
+}
+div#cgit table {
+ border-collapse:collapse
+}
+div#cgit table#header {
+ width:100%;
+ margin-bottom:1em
+}
+div#cgit table#header td.logo {
+ width:96px;
+ vertical-align:top
+}
+div#cgit table#header td.main {
+ font-size:3em;
+ padding-left:10px;
+ white-space:nowrap
+}
+div#cgit table#header td.main a {
+ color:var(--fg)
+}
+div#cgit table#header td.form {
+ text-align:right;
+ vertical-align:bottom;
+ padding-right:1em;
+ padding-bottom:2px;
+ white-space:nowrap
+}
+div#cgit table#header td.form form,
+div#cgit table#header td.form input,
+div#cgit table#header td.form select {
+ font-size:90%
+}
+div#cgit table#header td.sub {
+ color:var(--fg-light);
+ padding-left:10px
+}
+div#cgit table.tabs {
+ border:none;
+ margin-top:2em;
+ margin-bottom:2em;
+ width:100%
+}
+div#cgit table.tabs td {
+ padding:0 1em;
+ vertical-align:bottom
+}
+div#cgit table.tabs td a {
+ padding:.75em;
+ color:var(--fg-light);
+ font-size:110%
+}
+div#cgit table.tabs td a:hover {
+ color:var(--fg);
+ text-decoration:none;
+ border-bottom:2px solid var(--fg-light)
+}
+div#cgit table.tabs td a.active {
+ color:var(--fg)
+}
+div#cgit table.tabs a[href^="http://"]:after,
+div#cgit table.tabs a[href^="https://"]:after {
+ content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfgAhcJDQY+gm2TAAAAHWlUWHRDb21tZW50AAAAAABDcmVhdGVkIHdpdGggR0lNUGQuZQcAAABbSURBVAhbY2BABs4MU4CwhYHBh2Erww4wrGFQZHjI8B8IgUIscJWyDHcggltQhI4zGDCcRwhChPggHIggP1QoAVmQkSETrGoHsiAEsACtBYN0oDAMbgU6EBcAAL2eHUt4XUU4AAAAAElFTkSuQmCC);
+ opacity:.5;
+ margin:0 0 0 5px
+}
+div#cgit table.tabs td.form {
+ text-align:right
+}
+div#cgit table.tabs td.form form {
+ padding-bottom:2px;
+ font-size:90%;
+ white-space:nowrap
+}
+div#cgit table.tabs td.form input,
+div#cgit table.tabs td.form select {
+ font-size:90%
+}
+div#cgit div.path {
+ margin:0;
+ padding:5px 2em 2px;
+ color:#000;
+ background-color:#eee
+}
+div#cgit div.content {
+ margin:0;
+ padding:2em;
+ td {
+  padding-top:4px;
+  padding-bottom:4px;
+ }
+}
+div#cgit table.list {
+ width:100%;
+ border:none;
+ border-collapse:collapse
+}
+div#cgit table.list tr {
+ background:#fff
+}
+div#cgit table.list tr.logheader {
+ background:#eee
+}
+div#cgit table.list tr:nth-child(even) {
+ background:#white
+}
+div#cgit table.list tr:nth-child(odd) {
+ background:#fff
+}
+div#cgit table.list tr:hover {
+}
+div#cgit table.list tr.nohover {
+ background:var(--bg)
+}
+div#cgit table.list tr.nohover:hover {
+ background:var(--bg)
+}
+div#cgit table.list tr.nohover-highlight:hover:nth-child(even) {
+ background:var(--bg)
+}
+div#cgit table.list tr.nohover-highlight:hover:nth-child(odd) {
+ background:var(--bg)
+}
+div#cgit table.list th {
+ font-weight:700;
+ color:var(--fg);
+ padding:.1em .5em .05em;
+ vertical-align:baseline
+}
+div#cgit table.list td {
+ border:none;
+ padding:0 .5em .1em
+}
+div#cgit table.list td.commitgraph {
+ font-family:monospace;
+ white-space:pre;
+ color:var(--fg)
+}
+div#cgit table.list td.commitgraph .column1 {
+ color:var(--fg-light)
+}
+div#cgit table.list td.commitgraph .column2 {
+ color:var(--fg-light)
+}
+div#cgit table.list td.commitgraph .column3 {
+ color:var(--fg-light)
+}
+div#cgit table.list td.commitgraph .column4 {
+ color:var(--fg-light)
+}
+div#cgit table.list td.commitgraph .column5 {
+ color:var(--fg-light)
+}
+div#cgit table.list td.commitgraph .column6 {
+ color:var(--fg-light)
+}
+div#cgit table.list td.logsubject {
+ font-family:monospace;
+ font-weight:700
+}
+div#cgit table.list td.logmsg {
+ font-family:monospace;
+ white-space:pre;
+ padding:0 .5em
+}
+div#cgit table.list td a {
+ color:var(--fg)
+}
+div#cgit table.list td a.ls-dir {
+ font-weight:700;
+ color:var(--blue)
+}
+div#cgit table.list td a:hover {
+ text-decoration:none;
+ background:var(--bg)
+}
+div#cgit img {
+ border:none
+}
+div#cgit input#switch-btn {
+ margin:2px 0 0
+}
+div#cgit td#sidebar input.txt {
+ width:100%;
+ margin:2px 0 0
+}
+div#cgit input[type=submit],
+div#cgit input[type=search] {
+ display:none
+}
+div#cgit select {
+ border:1px solid var(--fg);
+ font-family:inter;
+ background-color:var(--bg);
+ padding:.5em
+}
+div#cgit table#grid {
+ margin:0
+}
+div#cgit td#content {
+ vertical-align:top;
+ padding:1em 2em 1em 1em;
+ border:none
+}
+div#cgit div#summary {
+ vertical-align:top;
+ margin-bottom:1em
+}
+div#cgit table#downloads {
+ float:right;
+ border-collapse:collapse;
+ border:solid 1px #777;
+ margin-left:.5em;
+ margin-bottom:.5em
+}
+div#cgit table#downloads th {
+ background-color:#ccc
+}
+div#cgit div#blob {
+ border:solid 1px #000
+}
+div#cgit div.error {
+ color:red;
+ font-weight:700;
+ margin:1em 2em
+}
+div#cgit a.ls-blob,
+div#cgit a.ls-dir,
+div#cgit .ls-mod {
+ font-family:monospace
+}
+div#cgit td.ls-size {
+ text-align:right;
+ font-family:monospace;
+ width:10em
+}
+div#cgit td.ls-mode {
+ font-family:monospace;
+ width:10em
+}
+div#cgit table.blob {
+ margin-top:.5em;
+ border-top:solid 1px #000
+}
+div#cgit table.blob td.hashes,
+div#cgit table.blob td.lines {
+ margin:0;
+ padding:0 0 0 .5em;
+ vertical-align:top;
+ color:#000
+}
+div#cgit table.blob td.linenumbers {
+ margin:0;
+ padding:0 .5em;
+ vertical-align:top;
+ text-align:right;
+ border-right:1px solid var(--bg-light)
+}
+div#cgit table.blob pre {
+ padding:0;
+ margin:0
+}
+div#cgit table.blob td.linenumbers a,
+div#cgit table.ssdiff td.lineno a {
+ color:#888;
+ text-align:right;
+ text-decoration:none
+}
+div#cgit table.blob td.linenumbers a:hover,
+div#cgit table.ssdiff td.lineno a:hover {
+ color:var(--fg)
+}
+div#cgit table.blame td.hashes,
+div#cgit table.blame td.lines,
+div#cgit table.blame td.linenumbers {
+ padding:0
+}
+div#cgit table.blame td.hashes div.alt,
+div#cgit table.blame td.lines div.alt {
+ padding:0 .5em
+}
+div#cgit table.blame td.linenumbers div.alt {
+ padding:0 .5em 0 0
+}
+div#cgit table.blame div.alt:nth-child(even) {
+ background:#eee
+}
+div#cgit table.blame div.alt:nth-child(odd) {
+ background:#fff
+}
+div#cgit table.blame td.lines>div {
+ position:relative
+}
+div#cgit table.blame td.lines>div>pre {
+ padding:0 0 0 .5em;
+ position:absolute;
+ top:0
+}
+div#cgit table.bin-blob {
+ margin-top:.5em;
+ border:solid 1px #000
+}
+div#cgit table.bin-blob th {
+ font-family:monospace;
+ white-space:pre;
+ border:solid 1px #777;
+ padding:.5em 1em
+}
+div#cgit table.bin-blob td {
+ font-family:monospace;
+ white-space:pre;
+ border-left:solid 1px #777;
+ padding:0 1em
+}
+div#cgit table.nowrap td {
+ white-space:nowrap
+}
+div#cgit table.commit-info {
+ border-collapse:collapse;
+ margin-top:1.5em
+}
+div#cgit div.cgit-panel {
+ float:right;
+ margin-top:1.5em
+}
+div#cgit div.cgit-panel table {
+ border-collapse:collapse;
+ border:solid 1px #aaa;
+ background-color:#eee
+}
+div#cgit div.cgit-panel th {
+ text-align:center
+}
+div#cgit div.cgit-panel td {
+ padding:.25em .5em
+}
+div#cgit div.cgit-panel td.label {
+ padding-right:.5em
+}
+div#cgit div.cgit-panel td.ctrl {
+ padding-left:.5em
+}
+div#cgit table.commit-info th {
+ text-align:left;
+ font-weight:400;
+ padding:.1em 1em .1em .1em;
+ vertical-align:top
+}
+div#cgit table.commit-info td {
+ font-weight:400;
+ padding:.1em 1em .1em .1em
+}
+div#cgit div.commit-subject {
+ font-weight:700;
+ font-size:125%;
+ margin:1.5em 0 .5em;
+ padding:0
+}
+div#cgit div.commit-msg {
+ white-space:pre;
+ font-family:monospace
+}
+div#cgit div.notes-header {
+ font-weight:700;
+ padding-top:1.5em
+}
+div#cgit div.notes {
+ white-space:pre;
+ font-family:monospace;
+ border:solid 1px #ee9;
+ background-color:#ffd;
+ padding:.3em 2em .3em 1em;
+ float:left
+}
+div#cgit div.notes-footer {
+ clear:left
+}
+div#cgit div.diffstat-header {
+ font-weight:700;
+ padding-top:1.5em
+}
+div#cgit table.diffstat {
+ border-collapse:collapse;
+ border:solid 1px #aaa;
+ background-color:#eee
+}
+div#cgit table.diffstat th {
+ font-weight:400;
+ text-align:left;
+ text-decoration:underline;
+ padding:.1em 1em .1em .1em;
+ font-size:100%
+}
+div#cgit table.diffstat td {
+ padding:.2em .2em .1em .1em;
+ font-size:100%;
+ border:none
+}
+div#cgit table.diffstat td.mode {
+ font:monospace;
+ white-space:nowrap
+}
+div#cgit table.diffstat td span.modechange {
+ padding-left:1em;
+ color:red
+}
+div#cgit table.diffstat td.add a {
+ color:green
+}
+div#cgit table.diffstat td.del a {
+ color:red
+}
+div#cgit table.diffstat td.upd a {
+ color:var(--red)
+}
+div#cgit table.diffstat td.graph {
+ width:500px;
+ vertical-align:middle
+}
+div#cgit table.diffstat td.graph table {
+ border:none
+}
+div#cgit table.diffstat td.graph td {
+ padding:0;
+ border:0;
+ height:7pt
+}
+div#cgit table.diffstat td.graph td.add {
+ background-color:#5c5
+}
+div#cgit table.diffstat td.graph td.rem {
+ background-color:#c55
+}
+div#cgit div.diffstat-summary {
+ color:#888;
+ padding-top:.5em
+}
+div#cgit table.diff {
+ width:100%
+}
+div#cgit table.diff td {
+ font-family:monospace;
+ white-space:pre
+}
+div#cgit table.diff td div.head {
+ font-weight:700;
+ margin-top:1em;
+ color:#000
+}
+div#cgit table.diff td div.hunk {
+ color:#009
+}
+div#cgit table.diff td div.add {
+ color:green
+}
+div#cgit table.diff td div.del {
+ color:red
+}
+div#cgit .sha1 {
+ font-family:monospace;
+ font-size:90%
+}
+div#cgit .left {
+ text-align:left
+}
+div#cgit .right {
+ text-align:right
+}
+div#cgit table.list td.reposection {
+ padding-top:1.5rem;
+ padding-bottom:.5rem;
+ color:var(--fg-light)
+}
+div#cgit table.list td.reposection::after {
+ content:" / ";
+ font-style:italic;
+ color:var(--fg-light)
+}
+div#cgit a.button {
+ font-size:80%;
+ padding:0 .5em
+}
+div#cgit a.primary {
+ font-size:100%
+}
+div#cgit a.secondary {
+ font-size:90%
+}
+div#cgit td.toplevel-repo {
+}
+div#cgit table.list td.sublevel-repo {
+ padding-left:1.5em
+}
+div#cgit table.list td.sublevel-repo a:hover::after {
+ content:" / ";
+ font-style:italic;
+ color:var(--fg-light)
+}
+div#cgit ul.pager {
+ list-style-type:none;
+ text-align:center;
+ margin:1em 0 0;
+ padding:0
+}
+div#cgit ul.pager li {
+ display:inline-block;
+ margin:.25em .5em
+}
+div#cgit ul.pager a {
+ color:#777
+}
+div#cgit ul.pager .current {
+ font-weight:700
+}
+div#cgit span.age-mins {
+ font-weight:700;
+ color:#000
+}
+div#cgit span.age-hours {
+ color:#000
+}
+div#cgit span.age-days {
+ color:#555
+}
+div#cgit span.age-weeks {
+ color:#aaa
+}
+div#cgit span.age-months {
+ color:#ccc
+}
+div#cgit span.age-years {
+ color:#eee
+}
+div#cgit span.insertions {
+ color:#080
+}
+div#cgit span.deletions {
+ color:#800
+}
+div#cgit div.footer {
+ margin-top:.5em;
+ text-align:center;
+ font-size:80%;
+ color:#ccc
+}
+div#cgit div.footer a {
+ color:#ccc;
+ text-decoration:none
+}
+div#cgit div.footer a:hover {
+ text-decoration:underline
+}
+div#cgit a.branch-deco {
+ color:var(--blue)!important;
+ font-weight:700;
+ margin:0 .5em;
+ padding:0 .25em
+}
+div#cgit a.tag-deco {
+ color:var(--blue)!important;
+ margin:0 .5em;
+ padding:0 .25em;
+ font-weight:700
+}
+div#cgit a.tag-annotated-deco {
+ color:var(--blue)!important;
+ font-weight:700;
+ margin:0 .5em;
+ padding:0 .25em
+}
+div#cgit a.remote-deco {
+ color:var(--blue)!important;
+ margin:0 .5em;
+ padding:0 .25em;
+ background-color:#ccf;
+ border:solid 1px #007
+}
+div#cgit a.deco {
+ color:var(--blue)!important;
+ font-weight:700;
+ margin:0 .5em;
+ padding:0 .25em
+}
+div#cgit div.commit-subject a.branch-deco,
+div#cgit div.commit-subject a.tag-deco,
+div#cgit div.commit-subject a.tag-annotated-deco,
+div#cgit div.commit-subject a.remote-deco,
+div#cgit div.commit-subject a.deco {
+ margin-left:1em;
+ font-size:75%
+}
+div#cgit table.stats {
+ border:solid 1px #000;
+ border-collapse:collapse
+}
+div#cgit table.stats th {
+ text-align:left;
+ padding:1px .5em;
+ background-color:#eee;
+ border:solid 1px #000
+}
+div#cgit table.stats td {
+ text-align:right;
+ padding:1px .5em;
+ border:solid 1px #000
+}
+div#cgit table.stats td.total {
+ font-weight:700;
+ text-align:left
+}
+div#cgit table.stats td.sum {
+ color:#c00;
+ font-weight:700
+}
+div#cgit table.stats td.left {
+ text-align:left
+}
+div#cgit table.vgraph {
+ border-collapse:separate;
+ border:solid 1px #000;
+ height:200px
+}
+div#cgit table.vgraph th {
+ background-color:#eee;
+ font-weight:700;
+ border:solid 1px #fff;
+ padding:1px .5em
+}
+div#cgit table.vgraph td {
+ vertical-align:bottom;
+ padding:0 10px
+}
+div#cgit table.vgraph div.bar {
+ background-color:#eee
+}
+div#cgit table.hgraph {
+ border:solid 1px #000;
+ width:800px
+}
+div#cgit table.hgraph th {
+ background-color:#eee;
+ font-weight:700;
+ border:solid 1px #000;
+ padding:1px .5em
+}
+div#cgit table.hgraph td {
+ vertical-align:middle;
+ padding:2px
+}
+div#cgit table.hgraph div.bar {
+ background-color:#eee;
+ height:1em
+}
+div#cgit table.ssdiff {
+ width:100%
+}
+div#cgit table.ssdiff td {
+ font-size:75%;
+ font-family:monospace;
+ white-space:pre;
+ padding:1px 4px;
+ border-left:solid 1px #aaa;
+ border-right:solid 1px #aaa
+}
+div#cgit table.ssdiff td.add {
+ color:#000;
+ background:#cfc;
+ min-width:50%
+}
+div#cgit table.ssdiff td.add_dark {
+ color:#000;
+ background:#aca;
+ min-width:50%
+}
+div#cgit table.ssdiff span.add {
+ background:#cfc;
+ font-weight:700
+}
+div#cgit table.ssdiff td.del {
+ color:#000;
+ background:#fcc;
+ min-width:50%
+}
+div#cgit table.ssdiff td.del_dark {
+ color:#000;
+ background:#caa;
+ min-width:50%
+}
+div#cgit table.ssdiff span.del {
+ background:#fcc;
+ font-weight:700
+}
+div#cgit table.ssdiff td.changed {
+ color:#000;
+ background:#ffc;
+ min-width:50%
+}
+div#cgit table.ssdiff td.changed_dark {
+ color:#000;
+ background:#cca;
+ min-width:50%
+}
+div#cgit table.ssdiff td.lineno {
+ color:#000;
+ background:#eee;
+ text-align:right;
+ width:3em;
+ min-width:3em
+}
+div#cgit table.ssdiff td.hunk {
+ color:#000;
+ background:var(--bg-light);
+ border-top:solid 1px #aaa;
+ border-bottom:solid 1px #aaa
+}
+div#cgit table.ssdiff td.head {
+ border-top:solid 1px #aaa;
+ border-bottom:solid 1px #aaa
+}
+div#cgit table.ssdiff td.head div.head {
+ font-weight:700;
+ color:#000
+}
+div#cgit table.ssdiff td.foot {
+ border-top:solid 1px #aaa;
+ border-left:none;
+ border-right:none;
+ border-bottom:none
+}
+div#cgit table.ssdiff td.space {
+ border:none
+}
+div#cgit table.ssdiff td.space div {
+ min-height:3em
+}
diff --git a/resources/cgit/logo.png b/resources/cgit/logo.png
new file mode 100644
index 0000000..0b48497
Binary files /dev/null and b/resources/cgit/logo.png differ
diff --git a/style.css b/style.css
index b3bb36c..3104fc7 100644
--- a/style.css
+++ b/style.css
@@ -1,6 +1,6 @@
 :root {
-  --cyan: #37abc8;
-  --pink: #d35557;
+  --blue: #37abc8;
+  --red: #d35557;
   --black: #212121;
   --fg: #1a1a1a;
   --bg: #ededed;
@@ -81,10 +81,10 @@ header {
 
 .logo {
   margin: 0 auto;
-  color: var(--pink);
+  color: var(--red);
   text-align: center;
   font-size: 6rem;
-  text-shadow: -0.18rem -0.18rem var(--black), -0.36rem -0.36rem var(--cyan);
+  text-shadow: -0.17rem -0.17rem var(--black), -0.34rem -0.34rem var(--blue);
   line-height: 5rem;
   font-weight: 800;
   font-style: italic;
@@ -121,7 +121,7 @@ a {
   top:0em;
   border-width:2px;
   border-style:solid;
-  border-color:var(--cyan);
+  border-color:var(--blue);
   position:absolute;
   border-right-color:transparent;
   width:100%;
@@ -138,7 +138,7 @@ a {
   top:0em;
   border-width:2px;
   border-style:solid;
-  border-color:var(--cyan);
+  border-color:var(--blue);
   border-left-color:transparent;
   border-top-color:transparent;
   position:absolute;
@@ -173,7 +173,7 @@ a.hovering:hover:before {
   border-style:solid;
   border-radius:0.25em;
   border-color:transparent;
-  border-bottom-color:var(--cyan);
+  border-bottom-color:var(--blue);
   position:absolute;
   width:100%;
   height:1em;
@@ -205,7 +205,7 @@ a.hovering:hover:before {
   border-style:solid;
   border-color:transparent;
   position:absolute;
-  border-bottom-color:var(--cyan);
+  border-bottom-color:var(--blue);
   width:100%;
   height:1em;
   transform:rotate(2deg);
-- 
cgit v1.2.3