{
  "@context":"https://www.w3.org/ns/activitystreams",
  "type":"Collection",
  "id":"https://social.jayvii.de/objects/QBDVhhhtGXk/thread",
  "items":[
    {
  "@context":[
    "https://www.w3.org/ns/activitystreams",
    {"Hashtag":"as:Hashtag"}
  ],
  "published":"2024-06-06T20:24:36.339Z",
  "attributedTo":"https://social.jayvii.de/actors/jayvii",
  "replies":"https://social.jayvii.de/objects/QBDVhhhtGXk/replies",
  "to":["https://www.w3.org/ns/activitystreams#Public"],
  "cc":["https://social.jayvii.de/actors/jayvii/followers"],
  "content":"<p>Wrote a simple <a href=\"https://social.jayvii.de/tags/bash\" class=\"hashtag\" rel=\"tag\">#bash</a> script that generates a <a href=\"https://social.jayvii.de/tags/GitHub-style\" class=\"hashtag\" rel=\"tag\">#GitHub-style</a> activity graph for my <a href=\"https://social.jayvii.de/tags/stagit\" class=\"hashtag\" rel=\"tag\">#stagit</a> server under <a href=\"https://src.jayvii.de\">https://src.jayvii.de</a></p><p>I think it worked out quite nicely. Works quite well both in bright and dark themes :)</p><p>In case you want to try it or have suggestions how to improve it, please let me know: <a href=\"https://src.jayvii.de/pub/git_activity\">https://src.jayvii.de/pub/git_activity</a></p><figure><img src=\"https://social.jayvii.de/uploads/7ec3216c/f38e/4483/1.png\" width=\"1185\" height=\"742\"><figcaption>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.</figcaption></figure><figure><img src=\"https://social.jayvii.de/uploads/b40b35db/2404/472a/1.png\" width=\"1185\" height=\"730\"><figcaption>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.</figcaption></figure><figure><img src=\"https://social.jayvii.de/uploads/660ba335/8d40/4da0/1.png\" width=\"941\" height=\"176\"><figcaption>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\".</figcaption></figure>",
  "mediaType":"text/html",
  "attachment":[{"url":"https://social.jayvii.de/uploads/7ec3216c/f38e/4483/1.png","mediaType":"image/png"},{"url":"https://social.jayvii.de/uploads/b40b35db/2404/472a/1.png","mediaType":"image/png"},{"url":"https://social.jayvii.de/uploads/660ba335/8d40/4da0/1.png","mediaType":"image/png"}],
  "tag":[
      {"type":"Hashtag","name":"#bash","href":"https://social.jayvii.de/tags/bash"},
      {"type":"Hashtag","name":"#GitHub-style","href":"https://social.jayvii.de/tags/GitHub-style"},
      {"type":"Hashtag","name":"#stagit","href":"https://social.jayvii.de/tags/stagit"}
  ],
  "type":"Note",
  "id":"https://social.jayvii.de/objects/QBDVhhhtGXk"
}

,
    {
  "@context":[
    "https://www.w3.org/ns/activitystreams",
    {"Hashtag":"as:Hashtag"}
  ],
  "published":"2024-06-06T20:30:08.726Z",
  "attributedTo":"https://social.jayvii.de/actors/jayvii",
  "inReplyTo":"https://social.jayvii.de/objects/QBDVhhhtGXk",
  "replies":"https://social.jayvii.de/objects/X-qXlezFjPw/replies",
  "to":["https://social.jayvii.de/actors/jayvii","https://www.w3.org/ns/activitystreams#Public"],
  "cc":["https://social.jayvii.de/actors/jayvii/followers"],
  "content":"<p>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.</p><figure><img src=\"https://social.jayvii.de/uploads/565be377/d469/4cd3/1.png\" width=\"429\" height=\"927\"><figcaption>Image description: A screenshot of the stagit-index page in mobile view. the activity graph just wraps into multiple lines.</figcaption></figure>",
  "mediaType":"text/html",
  "attachment":[{"url":"https://social.jayvii.de/uploads/565be377/d469/4cd3/1.png","mediaType":"image/png"}],
  "type":"Note",
  "id":"https://social.jayvii.de/objects/X-qXlezFjPw"
}

,
    {
  "@context":[
    "https://www.w3.org/ns/activitystreams",
    {"Hashtag":"as:Hashtag"}
  ],
  "published":"2024-06-08T11:59:12.403Z",
  "attributedTo":"https://social.jayvii.de/actors/jayvii",
  "inReplyTo":"https://social.jayvii.de/objects/X-qXlezFjPw",
  "replies":"https://social.jayvii.de/objects/G3I9vqNHxeA/replies",
  "to":["https://social.jayvii.de/actors/jayvii","https://www.w3.org/ns/activitystreams#Public"],
  "cc":["https://social.jayvii.de/actors/jayvii/followers"],
  "content":"<p>Also added some tiny seperator between the individual years with a simple CSS fuzzy match:</p><pre>/* Add year separators between points */\r\nspan[id*=\"-12\"].activitypoint:after {\r\n    content:\"\\007C\";\r\n}</pre><p><br>The result is minor, but I think it still helps!</p><figure><img src=\"https://social.jayvii.de/uploads/548ff550/fbf3/4327/1.png\" width=\"418\" height=\"120\"><figcaption>Image description: Screenshot of the activity bar on my stagit instance. Between the monthly activity indicators of two years there is a barely visible vertical line.</figcaption></figure>",
  "mediaType":"text/html",
  "attachment":[{"url":"https://social.jayvii.de/uploads/548ff550/fbf3/4327/1.png","mediaType":"image/png"}],
  "type":"Note",
  "id":"https://social.jayvii.de/objects/G3I9vqNHxeA"
}


  ]
}