(#ttofg7a) @prologic@twtxt.net Perfect! 👍

I’ll have to rework the layout a bit to let everyone work with my setup then, I’ll of course put the instructions to my workflow in the Readme.

(#bg2vtbq) @prologic@twtxt.net Nice, I’ll look at it when working on the app.

(#bg2vtbq) @prologic@twtxt.net Hope to be!

Just understand better how you browse, do you use a dedicated app or plugin or you simply zoom in the page with the native zooming?

(#ttofg7a) @prologic@twtxt.net Ok! 👌

I can’t say much about the theme decision but I think who choose that should know that the NEED JavaScript if they want to change it back and to see anything in the first place, that also means that we need an API for selecting the theme for the #pwa too.

For mitigate the risks we should have a noscript tag with a description and a static link or action to revert the decision, it can be tested via lynx or any other cli browsers, I can’t help there for now through.

(#xd6wama) @prologic@twtxt.net Yes, thanks you.

For now I’ll try to use what we have already, the API in dev.twtxt.net seems to cover most actions, the only APIs that are missing are one for reporting and the actions on twts (mute, bookmark, etc.) and one with the metadata of the pod too, (version, branch, references, etc.).

I’m not real time by nature 🥴 so I think working with issues and yarn should be enough for now.

(#ttofg7a) @prologic@twtxt.net Just did yesterday. ✌️

(#bg2vtbq) @prologic@twtxt.net I see, thank you for explaining your experience with UIs.

I’ll try to make it so it doesn’t get in the way as you described. 👌

(#asegxpa) @mutefall@twtxt.net Yes, i mentioned USB and SD cards because they are what I use for installing nowadays I also have a TinyCore Linux on a old 512Mb SD card with persistence that works flawlessly as a recovery OS.

With my old phone I even used an app to install the live CD and writable in my phone using an app for Android rooted devices to use as a portable recovery or persistent USB hub, I don’t remember the name but I can look it up if you. want.

just opened invidious for myself

Alright! Finally got everything set up to start working on the #pwa! 💪💪💪

I’ll be working only on the #pwa repo and I’ve set a local proxy on a throwaway docker instance of yarnd as a local backend.

First will be to get all the API mapped and then I’ll try to get everything to work with less graphics elements as i can at first. 🙃

For the rest I’ll write down a quick list of the next steps to do as soon as I can.

Meanwhile feel free to give any suggestions/proposal/alternative on the UI or any questions/request for the project. 😜

(#asegxpa) @mutefall@twtxt.net Thats right!

Maybe installing it in dual boot or on a usb drive or sd card, can help you set up on the hardware part.

(#ttofg7a) @ullarah@txt.quisquiliae.com My suspect was right, the fix is:

dialog {
        flex-direction: column;
}

But this put the texts on two lines, it can be fixed by wrapping them with a plain div or span to convert them to a single child in the flexbox container.

I should make an account soon so i can help directly and start with the pwa too… 😐

(#asegxpa) @mutefall@twtxt.net So you’re using NixOS now? Me too! 😉

I made the switch by setting it up first in VirtualBox, then copied the configuration.nix and used it directly on a new install on my actual PC, the transition wasn’t much trouble either.

I think today I’ll try not to sleep

(#6pcl34q) @david@netbros.com That’s right, I’ll keep that in mind.

I’ll rely on you on looking for issues while working on the app. 👍

(#bg2vtbq) @prologic@twtxt.net Do you mean mouse over as interactions or what exactly?

To me hovers are mostly for visual feedback.

I too find them bothersome when they cover half screen with weird popups from mega menus for example.

(#7wdfdva) @mutefall@twtxt.net lmao something strange happened to the channel and they removed public preview of posts

(#ttofg7a) @ullarah@txt.quisquiliae.com When on my PC I’ll check it out too.

At first glance is the direction of the elements, is it made with flexbox? In that case it must be the flex direction.

(#bg2vtbq) @prologic@twtxt.net Since we’re in topic I would like to ask about the accessibility part for the pwa, I looked at the documentation of the polythene library and it seems well covered on that part, are there any particular additions that might be useful?

Usually there’s not much request at my office so I just focus on having the application decently organized on the HTML structure and allowing a good keyboard navigation but not much else.

(#ttofg7a) @ullarah@txt.quisquiliae.com It’s amazing! I have a friend who is into building with LEGO and have an entire room filled with miniature and not so miniatures. 😉

(#ttofg7a) @prologic@twtxt.net Don’t worry, leave it to us. 😜

(#ttofg7a) @prologic@twtxt.net The label get crushed on the right side of the image when opened.

I can’t help right now, but I’ll give a quick look once I’m on my PC later.

(#pvohbma) @prologic@twtxt.net I’m not sure, but this is the best I found on a quick search: PeerChat, if I remember correctly OwnCloud offer a chat plugin which is self hosted too.

Fun fact: I thought of making an app like that for fun just two days ago while chatting with a friend, never started since I didn’t really needed and was more of a toy project though. 😄

(#2kj5qta) @mutefall@twtxt.net Nice!

Waiting some more feedback from others.

Meanwhile I’ll be planning the app feature tree to manage the work.
#pwa

must start to learn social engineering again…

(#7wdfdva) @off_grid_living@twtxt.net I can’t say this is not much different. In Russia when you goes to public demonstrations made for liberty of minds, stopping the war, making free political prisoners and etc, u can get more then headache. u can get a some years in prison, repression and intimidation of your family (or just stealing family but this is purely Caucasian history). and also, mostly at public events, people are beaten to fractures and severe beatings.

police arresteed woman just for white paper

very ironically

(#2kj5qta) @thecanine@twtxt.net Yeah, I tried playing around for some variety, the first one is my favorite too, let’s see if someone else have any other idea.

(#2kj5qta) And here the mockups for the profile.

Three versions here too:

• A large version
  
• A smaller version
  
• A compact but more linear version + links as chips to make them smaller and more “clickable”
  

Feedback appreciated here too!
#pwa

(#2kj5qta) @thecanine@twtxt.net Going pure black with a light border should do the job, on the other too.

(#2kj5qta) Here I come with another mockup!

This time the feed/post layout, with three ideas:

• Focus on content
  
• Standard card with padding
  
• Flat full width post (with or without a card, not sure yet)
  

Hope to hear some feedback from you!
#pwa

(#2kj5qta) @thecanine@twtxt.net Yeah, if something is missing, me, you and everyone else can add anything they might need.

It’s true that it shares data with chrome since it IS chrome even if installed.

Using Cordova should fill the need of physically separate the app from the browser plus adding an API for native interactions and having more control on the output generated.

Still, the first step is to have the app working. 😜

(#2kj5qta) @thecanine@twtxt.net I’m more of a circle fan, but everything can be done, it could be a custom option.

Your concerns about switching to a webapp are not much to worry about if the PWA is made correctly, Here an example i made when building my ParcelJS setup for my office, if you select “Install App” from the tab options it will install like a normal app.

Also AppsGeyser simply wrap with a frame your website, a PWAs is not made that way.

To learn more on PWAs check this out.

(#2kj5qta) @carsten@yarn.zn80.net Everyone has it’s pain that can’t get free from…

Just don’t use them in personal projects! (btw i used Inkscape for mine).

(#2kj5qta) @carsten@yarn.zn80.net Yeah. I already know of it, but I think it’s dangerous if used without thinking.

I prefer doing a simple sketch by hand or stylized (like the one I shared) to avoid getting used to a style and then getting stuck to it on any iteration.

To me mockups should be to plan and understand how a pure interface works best and nothing more.

I compare designing then as playing with index cards, you shuffle them, fold them and overlap them.

This is something that those tools never helped me do easily.

(#2kj5qta) @prologic@twtxt.net Hope to see it soon. 😁

(#2kj5qta) @prologic@twtxt.net Nice. Yeah, let’s focus on that.

I also recall Google offering a section dedicated to publishing pure PWAs directly in the Play store but I’m not sure if it’s still there.

And also being a PWA could open the possibility of an iOS version too, I don’t own any Apple devices so can’t help there. 😎

(#2kj5qta) @prologic@twtxt.net Ooh. 😲

I didn’t know about the plan to replace Goryon, how do you manage to compile it for Play store and the others?

(#6uaf4fq) @ullarah@txt.quisquiliae.com On simplicity I meant. 🙃

(#6uaf4fq) @ullarah@txt.quisquiliae.com I first noticed on my phone on Chrome then on PC the issue was still there on Chromium on Linux.

I should expand on my definition of flexibility:

Regarding CSS, the general rules on CSS often seems complex but once I started using Suit CSS on plain projects (or BEM if you prefer) and CSS Modules with bundlers plus dropping any kind of framework, the only limitations became how CSS worked natively.

I also started using CSS Flexbox and CSS Grid for anything on layouts and all my problems vanished.

I also use CSS over JS for most of my interfaces, instead of replacing a section I just hide or move it with CSS allowing me to change many parts by just switching a simple class.

tired of sneezing

(#cyxy35q) hope one day i will find a solution using linux distributions

fuck xiaomi

(#i3po3ra) @prologic@twtxt.net Maybe having some kind of feature tree could help in defining how the project is structured?

(#vbpdcvq) @prologic@twtxt.net Hmm, if I post a message and then it’s gone when I reload the page, or if the message I replied to has gone, that’s definitely a bug from the UX point of view 😆 … but perhaps unavoidable in a distributed system. But since we’re both on the same pod, I don’t see why that’s an issue? Or is this pod itself running on some kind of distributed architecture?

(#tuizh4q) I guess I should go read the code before asking too many questions, but I’m a little puzzled why the same issues with a feed being huge don’t present an issue every time you want to poll for updates? Particularly with the apparent convention of the newest posts being at the bottom of the file.

As for pagination, sure, it can be hard, but why would it be harder in this case than in the cases where Yarn already does it?

(As for infinite scroll, if you have pagination on the server side already, it’s trivial on the client side. Yes you need JS of course, but not a lot)

(#6uaf4fq) @prologic@twtxt.net Thanks, glad to help! 👍

I have a soft spot for CSS for it’s simplicity and flexibility.

I’m not much of a UX/UI expert but I love searching for design and concepts and sometimes end up putting together fun ideas just for building something that “looks/feels nice”. 😎

(#tuizh4q) I also totally get whet you’re saying about a twtxt file potentially growing to be huge. I guess that, and the fact that it’s necessary to work around it with a significant caching architecture, is a major downside to the model of twtxt itself which I hadn’t considered.

(#tuizh4q) I’m clearly going to have to take a proper look at the code and get a feeling for the data architecture to understand this! From the outside I have to say if something as simple as “display all of a user’s posts” is impossible – especially when a twtxt file is literally a list of all of a user’s posts – it feels like some very strange architectural choices must have been made… but I am also well aware that a lot of painstaking thought by very clever people has gone into this, and I haven’t even looked at the code, so don’t mind me 😆

(#2kj5qta) @carsten@yarn.zn80.net Yeah, I looked up at a bunch of Twitter UI redesigns on Behance and Dribbble to understand how they tried to “improve” the app and took what felt nice to me for the #pwa

For me an ergonomic interface is very important and keeping in mind the various ways to use a touchscreen + the desktop interface, I kept the possibility of having multiple layouts to switch to the user’s liking.