From ebaaf6c074aac8bfaa5d5a371122f082f021f33a Mon Sep 17 00:00:00 2001 From: EuAndreh Date: Mon, 31 May 2021 11:38:53 -0300 Subject: Add first version of HTML templates Inspired mainly by CGit UI, but also stagit and sourcehut. --- src/static/logo.svg | 62 +++++++++++++++++++++++ src/static/styles.css | 133 ++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 195 insertions(+) create mode 100644 src/static/logo.svg create mode 100644 src/static/styles.css (limited to 'src/static') diff --git a/src/static/logo.svg b/src/static/logo.svg new file mode 100644 index 0000000..ce566b2 --- /dev/null +++ b/src/static/logo.svg @@ -0,0 +1,62 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/static/styles.css b/src/static/styles.css new file mode 100644 index 0000000..a1ed48d --- /dev/null +++ b/src/static/styles.css @@ -0,0 +1,133 @@ +:root { + --row-light-gray: #eee; + --row-background-light-gray: #ccc; + --background-light-gray: #999; + font-family: sans-serif; +} + +a { + color: black; + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +#horizontal-aligner-of-logo-and-header-items { + display: flex; +} + +#vertical-aligner-of-header-items { + display: flex; + flex-direction: row; +} + +div#vertical-aligner-of-header-items > h2 { + font-weigth: normal; + color: red; +} + +#repository-logo { + width: 5em; + margin: 2em; +} + +hr { + border: none; + height: 5px; + background-color: var(--background-light-gray); +} + +nav ul { + display: flex; + list-style-type: none; + border-bottom: 5px solid var(--background-light-gray); +} + +nav li { + margin-left: 10px; +} + +nav a { + padding-top: 2px; + padding-left: 8px; + padding-right: 8px; +} + +nav .selected-nav-item a { + background-color: var(--background-light-gray); +} + +main { + padding: 2em; +} + +table { + text-align: left; + border: none; + border-collapse: collapse; + width: 100%; +} + +table tr.table-no-highlight-row { + background-color: white; +} + +table tr.table-no-highlight-row:hover { + background-color: white; +} + +table tr:hover { + background-color: var(--row-background-light-gray); +} + +tr:nth-child(odd) { + background-color: white; +} + +tr:nth-child(even) { + background-color: var(--row-light-gray); +} + +footer { + text-align: center; +} + +/* Page log.html */ + +.log-commit-box { + padding: 1em; + background-color: var(--row-light-gray); +} + +.log-head-highlight { + padding: 2px; + background-color: #ff8888; + border: 1px solid; +} + +.log-branch-highlight { + padding: 2px; + background-color: #88ff88; + border: 1px solid; +} + +.log-tag-highlight { + padding: 2px; + background-color: #ffff88; + border: 1px solid; +} + + +/* Page tree.html */ + +table#files-table td:nth-child(1) { + width: 10%; + padding-right: 2em; +} + +.files-row-item-directory { + color: blue; + font-weight: bold; +} -- cgit v1.2.3