git-repo-styles

Design documents for git.pablopie.xyz ✏️

git clone: git://git.pablopie.xyz/git-repo-styles
Log
Files
Refs
README
LICENSE

Commit: 0da0c467d44128ca64be1bcf5bdc54fb99e7eff8
Parent: e9646166931dbba4f30bf3cbef45fcb4baa04ed7
Author: Pablo <pablo-escobar@riseup.net>
Date: Sat, 24 Sep 2022 21:45:38 +0000

Made the commit pages nicer and more accessible

Diffstat

3 files changed, 116 insertions, 1 deletion

Status	File Name	N° Changes	Insertions	Deletions
Modified	TODO.md	1	0	1
Added	commit.html	82	82	0
Modified	styles.css	34	34	0

diff --git a/TODO.md b/TODO.md
@@ -2,7 +2,6 @@
 
 * Add a RSS feed
   * The feed is already generated by stagit, you only need to add a link to it
-* Make the commit pages look nicer
 * Add license indicators other than page on the LICENSE file
 
 # Bugs

diff --git a/commit.html b/commit.html
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html><head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>My personal build of stagit 😸️
+</title>
+<link rel="icon" type="image/svg" href="https://git.pablopie.xyz/icons/favicon.svg">
+<link rel="stylesheet" type="text/css" href="./styles.css">
+</head>
+<body>
+<nav>
+<a href="https://git.pablopie.xyz/">git.pablopie.xyz</a>
+</nav>
+<main>
+<h1>stagit</h1>
+<p>My personal build of stagit 😸️
+</p>
+<ul>
+<li>git clone: <a href="git://git.pablopie.xyz/stagit">git://git.pablopie.xyz/stagit</a></li>
+<li><a href="https://git.pablopie.xyz/stagit/log.html">Log</a></li>
+<li><a href="https://git.pablopie.xyz/stagit/files.html">Files</a></li>
+<li><a href="https://git.pablopie.xyz/stagit/refs.html">Refs</a></li>
+<li><a href="https://git.pablopie.xyz/stagit/README.html">README</a></li>
+<li><a href="https://git.pablopie.xyz/stagit/file/LICENSE.html">LICENSE</a></li>
+</ul>
+
+<article class="commit">
+<dl>
+<dt>Commit</dt>
+<dd><a href="https://git.pablopie.xyz/stagit/commit/e5de041edfb3ea18e977f152443dbdd9511cf385.html">e5de041edfb3ea18e977f152443dbdd9511cf385</a></dd>
+<dt>Parent</dt>
+<dd><a href="https://git.pablopie.xyz/stagit/commit/9ff045f26ddf8c842685334e9cb8cd3b951f7b5b.html">9ff045f26ddf8c842685334e9cb8cd3b951f7b5b</a></dd>
+<dt>Author</dt>
+<dd>Pablo &lt;<a href="mailto:pablo-escobar@riseup.net">pablo-escobar@riseup.net</a>&gt;</dd>
+<dt>Date</dt>
+<dd><time>Mon, 29 Aug 2022 23:22:15 +0000</time></dd>
+</dl>
+<p>Fixed a bug in the index page</p>
+</article>
+
+<h2>Diffstat</h2>
+
+<p>1 file changed, 1 insertion, 1 deletion</p>
+
+<table>
+<thead>
+<tr>
+<td>Mode</td>
+<td>File Name</td>
+<td>N&deg; Changes</td>
+<td align="right">Insertions/Deletions</td>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="M">M</td>
+<td><a href="#h0">stagit-index.c</a></td>
+<td>2</td>
+<td align="right"><span class="i">+</span><span class="d">-</span></td>
+</tr>
+</tbody>
+</table>
+
+<div class="codeblock">
+<pre><b>diff --git a/<a id="h0" href="https://git.pablopie.xyz/stagit/file/stagit-index.c.html">stagit-index.c</a> b/<a href="https://git.pablopie.xyz/stagit/file/stagit-index.c.html">stagit-index.c</a></b>
+<a href="#h0-0" id="h0-0" class="h">@@ -99,7 +99,7 @@ void writeheader(FILE *fp)
+</a>   fputs("&lt;/nav&gt;\n", fp);
+ 
+   fputs("&lt;main&gt;\n", fp);
+<a href="#h0-0-3" id="h0-0-3" class="d">-  fputs("&lt;div id=\"index\"&gt;\n", fp);
+</a><a href="#h0-0-4" id="h0-0-4" class="i">+  fputs("&lt;div class=\"article-list\"&gt;\n", fp);
+</a> }
+ 
+ void writefooter(FILE *fp)
+</pre>
+</div>
+
+</ul></main>
+<footer>made with ❤️ by <a href="https://pablopie.xyz/">@pablo</a></footer>
+
+
+</body></html>

diff --git a/styles.css b/styles.css
@@ -74,6 +74,14 @@ ul li::marker, ol li::marker {
   color: var(--accent);
 }
 
+dt {
+  font-weight: bold;
+}
+
+dd {
+  margin-left: 1em;
+}
+
 footer {
   text-align: center;
 }
@@ -170,3 +178,29 @@ nav img {
 .line:hover {
   text-decoration: underline;
 }
+
+.commit {
+  margin-top: 1em;
+  padding: 1em;
+  background: var(--dark-background);
+}
+
+.commit > :first-child {
+  margin-top: 0;
+}
+
+.commit > :last-child {
+  margin-bottom: 0;
+}
+
+.d {
+  color: #ff0a38;
+}
+
+.i {
+  color: #00e639;
+}
+
+.h {
+  color: var(--accent);
+}