{ "@context":"https://www.w3.org/ns/activitystreams", "type":"Collection", "id":"https://social.jayvii.de/objects/-JvAVFXG1Wk/thread", "items":[ { "@context":[ "https://www.w3.org/ns/activitystreams", {"Hashtag":"as:Hashtag"} ], "published":"2024-08-08T16:33:13.434Z", "attributedTo":"https://social.jayvii.de/actors/jayvii", "replies":"https://social.jayvii.de/objects/-JvAVFXG1Wk/replies", "to":["https://www.w3.org/ns/activitystreams#Public"], "cc":["https://social.jayvii.de/actors/jayvii/followers"], "content":"

I am actually really happy about how my mobile-tweaks for #ktistec turned out. There was a lot of #CSS hacking involved, but I am pretty happy with the results :)

Here's a little video of how it looks:

Bildschirmaufzeichnung vom 2024-08-08, 18-28-20.webm 187.76 KB
", "mediaType":"text/html", "attachment":[], "tag":[ {"type":"Hashtag","name":"#ktistec","href":"https://social.jayvii.de/tags/ktistec"}, {"type":"Hashtag","name":"#CSS","href":"https://social.jayvii.de/tags/CSS"} ], "type":"Note", "id":"https://social.jayvii.de/objects/-JvAVFXG1Wk" } , { "@context":[ "https://www.w3.org/ns/activitystreams", {"Hashtag":"as:Hashtag"} ], "published":"2024-08-08T19:53:30.807Z", "attributedTo":"https://social.jayvii.de/actors/jayvii", "inReplyTo":"https://social.jayvii.de/objects/-JvAVFXG1Wk", "replies":"https://social.jayvii.de/objects/8YBWN9iQgZQ/replies", "to":["https://social.jayvii.de/actors/jayvii","https://www.w3.org/ns/activitystreams#Public"], "cc":["https://social.jayvii.de/actors/jayvii/followers"], "content":"

Since many clients & browser appear to not support webm videos properly, here's a gif:

Video description: A collapsed navigation bar of the ktistec ActivityPub server frontend on a mobile webbrowser. The collapsed menu label has a small counter label on the right side, indicating a notification. Upon hovering the label (or tapping it on a touch screen) the menu unrolls and the counter label jumps to the \"Notifications\" menu entry.
", "mediaType":"text/html", "attachment":[{"url":"https://social.jayvii.de/uploads/a42bb308/9493/41d0/1.gif","mediaType":"image/gif"}], "type":"Note", "id":"https://social.jayvii.de/objects/8YBWN9iQgZQ" } , { "@context":[ "https://www.w3.org/ns/activitystreams", {"Hashtag":"as:Hashtag"} ], "published":"2024-08-13T17:53:56.370Z", "attributedTo":"https://epiktistes.com/actors/toddsundsted", "inReplyTo":"https://social.jayvii.de/objects/-JvAVFXG1Wk", "replies":"https://epiktistes.com/objects/PtAdCZ2zBws/replies", "to":["https://www.w3.org/ns/activitystreams#Public","https://social.jayvii.de/actors/jayvii"], "cc":["https://epiktistes.com/actors/toddsundsted/followers"], "content":"

@jayvii i'd love to find a way to get some of these changes into the main server!

", "mediaType":"text/html", "attachment":[], "tag":[ {"type":"Mention","name":"@jayvii@social.jayvii.de","href":"https://social.jayvii.de/actors/jayvii"} ], "type":"Note", "id":"https://epiktistes.com/objects/PtAdCZ2zBws" } , { "@context":[ "https://www.w3.org/ns/activitystreams", {"Hashtag":"as:Hashtag"} ], "published":"2024-08-13T18:15:19.006Z", "attributedTo":"https://social.jayvii.de/actors/jayvii", "inReplyTo":"https://epiktistes.com/objects/PtAdCZ2zBws", "replies":"https://social.jayvii.de/objects/JsGh6V6T-I8/replies", "to":["https://www.w3.org/ns/activitystreams#Public","https://epiktistes.com/actors/toddsundsted"], "cc":["https://social.jayvii.de/actors/jayvii/followers"], "content":"

@toddsundsted absolutely! For now these are bruteforce CSS overrides. I think the CSS rules could be a little cleaner, but other than that, implementations should be rather easy.

Particularly the mobile changes are really nifty (IMO anyways). But they could be a lot better if they were implemented directly in ktistec and not just via CSS (the dropdown menu and the notification is a nasty hack!)

I suppose the CSS rules should be in .less then?

Regarding the theme coloring: I defined it strictly via 4-6 css colour variables. So we might even be able to let users set their preferred colours via the settings page too :)

", "mediaType":"text/html", "attachment":[], "tag":[ {"type":"Mention","name":"@toddsundsted@epiktistes.com","href":"https://epiktistes.com/actors/toddsundsted"} ], "type":"Note", "id":"https://social.jayvii.de/objects/JsGh6V6T-I8" } , { "@context":[ "https://www.w3.org/ns/activitystreams", {"Hashtag":"as:Hashtag"} ], "published":"2024-08-15T21:13:01.878Z", "attributedTo":"https://epiktistes.com/actors/toddsundsted", "inReplyTo":"https://social.jayvii.de/objects/JsGh6V6T-I8", "replies":"https://epiktistes.com/objects/XmY3ytCTV18/replies", "to":["https://www.w3.org/ns/activitystreams#Public","https://social.jayvii.de/actors/jayvii"], "cc":["https://epiktistes.com/actors/toddsundsted/followers"], "content":"

@jayvii

the mobile changes are the first ones i'd like to add. i've never been happy with the minimal styling i put together for mobile, originally.

i'd also like to see how you implemented your themes. this is supposed to be possible via changes to semantic-ui but the necessary toolchain is cumbersome, especially to override some colors...

i see you opened up an issue. i will follow-up further over there.

", "mediaType":"text/html", "attachment":[], "tag":[ {"type":"Mention","name":"@jayvii@social.jayvii.de","href":"https://social.jayvii.de/actors/jayvii"} ], "type":"Note", "id":"https://epiktistes.com/objects/XmY3ytCTV18" } ] }