@silverpill o ok, i'll need to try to understand why a hashtag didn't end properly 18 hours ago, then.
Posts
-
Bug 1: i was able to work out how to make fake paragraphs for my bio by placing an on a line by itself. -
Bug 1: i was able to work out how to make fake paragraphs for my bio by placing an on a line by itself.@silverpill yeah i read about both a few days ago, when server updates i'll test and remove
-
@marty_bent @silverpill @r hi champs, peertube posts have no image, at least not in bloat and mitra, i realize that :peertube_line: peertube servers want us to run the javascript to do peer-sharing in case a video goes viral, BUT at least an image with...@silverpill i guess i think peertube IS a special case. whenever i have stumbled over a peetrube i have tended to be happy that i did.since coming to mitra ive not noticed them, and i thought that maybe peertube stopped working.
having said that i don't know how easy it is to identify a post as a peertube vid programmaticall, so *shrugs*
-
@marty_bent @silverpill @r hi champs, peertube posts have no image, at least not in bloat and mitra, i realize that :peertube_line: peertube servers want us to run the javascript to do peer-sharing in case a video goes viral, BUT at least an image with...@silverpill @r @marty_bent how do we want a person go to access the peertube site, via a text link? that would seems to run counter to the mitra vibe of a clean ui, but its up to you.
if its okay i'll stop tagging Marty and r in the next comment.... thanks Marty for the EXCELLENT interview and thanks r for your help.
(as an aside the thumbnail image is very small, if i were you id choose the 2nd image instead, the "preview" image, then you can make that higher res jpg span the full width of the timeline and itll still look good, i can't see the tiny thumbnail being much use on mitra, unless you plan to display videos in a channel in a 4 column layout or something.)
-
@marty_bent @silverpill @r hi champs, peertube posts have no image, at least not in bloat and mitra, i realize that :peertube_line: peertube servers want us to run the javascript to do peer-sharing in case a video goes viral, BUT at least an image with...@silverpill @r @marty_bent okay, but just one thing, how do you plan to make it obvious that the viewer will be sent to another website on clicking?
-
@marty_bent @silverpill @r hi champs, peertube posts have no image, at least not in bloat and mitra, i realize that :peertube_line: peertube servers want us to run the javascript to do peer-sharing in case a video goes viral, BUT at least an image with...@silverpill @r @marty_bent ok sweet if you want me to do the peertube emoji overlay effects i don't know whether you want to use a flat or line version so ive exported both below
flat :peertube:
<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path d="m0.804 9.29c0.0494-0.614 0.842-1.11 1.37-0.802l5.75 3.36c0.519 0.303 0.505 1.34-0.0331 1.64-1.61 0.892-3.36 1.79-5.08 2.46-0.573 0.224-1.53-0.304-1.63-0.912-0.294-1.83-0.537-3.87-0.386-5.74z" fill="#763fae"/> <path d="m7.97 2.58c0.507 0.35 0.541 1.29 0.00682 1.59l-5.78 3.31c-0.521 0.298-1.41-0.232-1.4-0.848 0.0326-1.84 0.13-3.81 0.409-5.63 0.093-0.609 1.03-1.17 1.6-0.954 1.73 0.658 3.61 1.47 5.16 2.54z" fill="#8fd4f2"/> <path d="m10.2 12.1c-0.556 0.264-1.38-0.174-1.38-0.789l0.0285-6.66c0.00227-0.601 0.906-1.11 1.43-0.79 1.58 0.949 3.23 2.02 4.67 3.17 0.48 0.385 0.501 1.48 0.024 1.87-1.43 1.17-3.08 2.4-4.78 3.2z" fill="#fd6b02"/> </svg>
line :peertube_line:
<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <g fill="none" stroke-width=".7"> <path d="m1.99 9.09c0.0432-0.535 0.736-0.967 1.2-0.698l5.04 2.93c0.454 0.263 0.442 1.17-0.029 1.42-1.41 0.776-2.94 1.56-4.44 2.15-0.502 0.195-1.34-0.265-1.42-0.794-0.258-1.59-0.47-3.36-0.338-4.99z" stroke="#763fae"/> <path d="m8.22 3.24c0.444 0.304 0.474 1.12 0.00598 1.39l-5.06 2.89c-0.456 0.259-1.24-0.201-1.23-0.738 0.0286-1.6 0.113-3.32 0.358-4.9 0.0814-0.529 0.9-1.02 1.4-0.83 1.51 0.573 3.16 1.28 4.52 2.21z" stroke="#8fd4f2"/> <path d="m10.2 11.5c-0.486 0.231-1.21-0.151-1.21-0.687l0.025-5.79c0.00199-0.523 0.792-0.963 1.25-0.689 1.38 0.826 2.82 1.76 4.08 2.77 0.42 0.334 0.438 1.29 0.021 1.62-1.25 1.02-2.7 2.09-4.18 2.79z" stroke="#fd6b02"/> </g> </svg>
maybe add this inside so the p can be styled to grab a [email protected]?
<title><p><span>Peertube Play</span><p>maybe include this inside the link element for the "⼕→ externalsite.video"? up to you:
<span>⼕→ externalsite.video</span>whatever you want to do i'm happy to style/animate things if you don't have time.
-
@marty_bent @silverpill @r hi champs, peertube posts have no image, at least not in bloat and mitra, i realize that :peertube_line: peertube servers want us to run the javascript to do peer-sharing in case a video goes viral, BUT at least an image with...@r @silverpill @marty_bent >Pleroma seems to add the video as a normal attachment, with the source URL pointing to the static video on the Peertube server
ha, typical peroma, but for non-js Bloat, is ok but for js Bloat i disagree with that approach.for mitraFE, js is already required also i would prefer sending ppl to the peertube page to do the peer-tubing that peertube is designed to do, unless it can be up to the peertube instance to decide on how to serve it on-the-fly, based on current server demand, but I doubt that functionality exists or is even planned.
The other possibility is to click the thumbnail image of the video and THAT action fetches js from the peertube server to do all the fancy pants peertubing, a slightly dangerous solution tho, because foriegn js being loaded into the page from possibly a bad peertube. One way to ENSURE the js is ok is to do an integrity check on the js.... if it fails to match a shasum then the js doesn't get launched. In Tor Browser this would require restarting the page anyway, because you need to toggle and allow the foreign js in NoScript. Anyway I doubt the javascript is EXACTLY the same for every Peertube server so this might not be a workable solution anyway.
the animated gif attached is what i'm thinking of for mitraFE, for external linking to peertube from an image. if you really want to be a bit fancy, a quick 250ms transtion from gray to white, and a subtle enlargement of the peertube emoji might be sexy.
regardless it will ALSO might be good to include a "target="_blank" in the link so it is guaranteed to open in a new window without needing to middle click or right-click and say "Open in New Window".
-
hi @[email protected].... i've been thinking about ux in mitra lately and have some potentially good fixes to solve the missing icon problem in Tor Browser and MullvadBrowser(?) (safest mode).@silverpill >Looks good.
sweet. have you had a chance to try it out with the <title> elements in the svg? You might be albe to style them if placed inside <p> or <span> elements but i have not tried this myself yet, in fact we might be able to set visibility:hidden on the <span> to hide the glyph and then set a backgroud image that is a png for an outer <p> element. That way you might be able to load aa different png for light and dark theme!if u want me to do a test myself first, i can probably do that.
-
@marty_bent @silverpill @r hi champs, peertube posts have no image, at least not in bloat and mitra, i realize that :peertube_line: peertube servers want us to run the javascript to do peer-sharing in case a video goes viral, BUT at least an image with...@marty_bent @silverpill @r hi champs, peertube posts have no image, at least not in bloat and mitra, i realize that :peertube_line: peertube servers want us to run the javascript to do peer-sharing in case a video goes viral, BUT at least an image with a cute (choice of :peertube_tv: :peertube_vert: :peertube_red: :peertube: ^_-) play button overlaid might be good to signal to the viewer that a peertube video is one click away? or something?
is this possible? does peertube send out a thumbnail/hero image for us to use? if so i'll do research on how to integrate an svg with a png fallback specifically for the mitra ui, when hovering over the image, so a peertube emoji can be used. im pretty sure its possible to have a png fallback but i'll need to research.
-
incoming AP queue is backed up (~2 hours worth rn) I really should dig in and see if I can figure out a fix (or shortcut/hack) someday@nimda hi nimba whats the AP queue?
-
Bug 1: i was able to work out how to make fake paragraphs for my bio by placing an on a line by itself.Bug 1: i was able to work out how to make fake paragraphs for my bio by placing an on a line by itself. i do think paragraphs are good for readability. not sure how other fedi instances do it, but if we assume the bio always starts with <p> and ends with </p> then when you encounter a blank line input maybe just change that to "</p><p>" ???
Bug 3 - in the search bar in mitra, if i just type "fediverse" it wont give any results, i need to type "#fediverse", either we should add the ability to search full texts for the word "fediverse" or assume a # at the start of every word that the user searches for?
Bug 4 - if i write "important keyword at the end of a #quote" i expect the hashtag to work but excluding the quote symbol at the end, likewise with #rust-based, i would expect the dash to terminate the hashtag, just like a space would. i just updated the text in that bug one to clarify.yea one day i'll have an account on codeberg, but the prospect of #forgefed being a thing may make signing up on individual forges less important tho,
-
hi @[email protected].... i've been thinking about ux in mitra lately and have some potentially good fixes to solve the missing icon problem in Tor Browser and MullvadBrowser(?) (safest mode).@silverpill i forgot to attach the actual example test i did....bottom of a toot looked like this after i put the gylphs in, the ONLY other thing i added was a margin-right:0.7em to the counters so the glyphs were not too close to the wrong counter
-
hi @[email protected].... i've been thinking about ux in mitra lately and have some potentially good fixes to solve the missing icon problem in Tor Browser and MullvadBrowser(?) (safest mode).heya @silverpill i didn't have time to explore the buttons for the individual toots yesterday, but today found these.... they look appropriate!
⤷ &# x2937;
⟳ x27F3;
🖒 x1F592;truth be told, none, including the 22EF (⋯) need to be bigger or bolder thats just window dressing.
so yeah i think they should work great....no need for translations either :awesome: what do u think?
viva :butterfedyC: fediverso!
-
hi @[email protected].... i've been thinking about ux in mitra lately and have some potentially good fixes to solve the missing icon problem in Tor Browser and MullvadBrowser(?) (safest mode).@silverpill @nimda @p @walterebert that's the element, title!! well found silverpill. I knew it was something eerily regular like that!
the css-tricks link wont work for me but yes, text may be better. do what you think is best, the emoji smiley is probably fine but if you prefer a line based glyph, rather than solid, theres (x263a) it means three text buttons, 1 glyph button, which will be visually more appealing than four 4 text, but its up to you.
for the "more" menu on toots i just found 22EF ⋯ and it seems to look smart at font-size: 1.2em; font-weight: bold; with two & nbsp; to separate it from the Like count. again we'd get that nice result of three text buttons, 1 glyph
tell me if you want anything else explored. yesterday i updated my profile, removed that bug 2 you fixed and added a bug no.4 i think i'll do something for bloat tomorrow, if poss.
thanks all i wont tag u in followup toot unless requested.... gtg and viva :butterfedy2: fediverse
-
hi @[email protected].... i've been thinking about ux in mitra lately and have some potentially good fixes to solve the missing icon problem in Tor Browser and MullvadBrowser(?) (safest mode).hi @[email protected].... i've been thinking about ux in mitra lately and have some potentially good fixes to solve the missing icon problem in Tor Browser and MullvadBrowser(?) (safest mode).
i teach folk to put noscript in the toolbar so they can enable javascript on a per site basis, rather than downgrade security and allow javascript on all websites (aka "Safer" mode). using safer mode rather than safest also means that svg are not downloaded.
as a result there is no indication that icons exist in some parts of mitra. We can add glyphs as fallback tho.... as an example i have found the following 4 (out of 7) glyphs for posting toots.
Attach file html code
Public (visibility) 1F3DB
Add content warning ⚑ 2691;
Emoji ☻ 263BI can find all the glyphs needed for all main functions, this is just a sample. even if for some, a couple glyphs are tofu.... thatd be better than nothing.
mitra embeds svg into the html, in this case fallback glyphs can be placed directly after the open tag of the svg. ie <svg><INSERT HERE>(...)</svg> i do think there is a more semantically correct way to do this, but i've spent too much time searching and just need to run this past you first.
maybe cc'ed folk kno how to proceed, also
are you down with something like this to ensure the ux is good for people who use tor the original way, before the browser devs tried to hide noscript away. when i talk to longtime tor enjoyers, most put noscript back in the toolbar.
thanks for your work, time and talk more soon
cc @nimda @p @walterebert