JayVii's Fedisite

This action will delete this post on this instance and on all federated instances, and it cannot be undone. Are you certain you want to delete this post?

No

Yes

This action will block this actor and hide all of their past and future posts. Are you certain you want to block this actor?

No

Yes

This action will block this object. Are you certain you want to block this object?

No

Yes

Contributors to this thread:

JayVii postedJun 6, 2024

Wrote a simple #bash script that generates a #GitHub-style activity graph for my #stagit server under https://src.jayvii.de

I think it worked out quite nicely. Works quite well both in bright and dark themes :)

In case you want to try it or have suggestions how to improve it, please let me know: https://src.jayvii.de/pub/git_activity

Image description 1: A Screenshot of my stagit index page that shows names, descriptions and the timestamp of the last commit for various git-repositories. On the top of it is a very simple box-graph that shows coding-activity on monthly level by color coding.

Image description 2: The same content as in the first image, but the site uses a darker theme now. The boxes are reversed in colour and clearly visible, just like before.

Image description 3: A Screenshot just of the Activity graph itself. The mouse hovers over one of the more colourful boxes of the graph. Next to it appears a little tooltip popup that read: "Apr, 2024: 89 commits".

JayVii postedJun 6, 2024

Oh, before I forget: It even works quite nicely on mobile, as the boxes are actually just a Unicode glyph of a black box "U+25A0". So normal text-wrapping works just fine.

Image description: A screenshot of the stagit-index page in mobile view. the activity graph just wraps into multiple lines.

JayVii postedJun 8, 2024

Also added some tiny seperator between the individual years with a simple CSS fuzzy match:

/* Add year separators between points */
span[id*="-12"].activitypoint:after {
    content:"\007C";
}

The result is minor, but I think it still helps!