09:02:23
redsh4de:matrix.org:
Thoughts on this layout for the blog index page - desktop shows everything, but mobile does not render the thumbnail and rearranges some UI items
09:02:28
redsh4de:matrix.org:
Desktop:
09:02:35
redsh4de:matrix.org:
https://matrix.monero.social/_matrix/media/v1/download/matrix.org/TUpAERrpOyjCaKxHeFrbCWlW
09:03:12
redsh4de:matrix.org:
Mobile:
09:03:18
redsh4de:matrix.org:
https://matrix.monero.social/_matrix/media/v1/download/matrix.org/QdDXUfZPaZjmEqKVXpKYnssB
09:04:58
redsh4de:matrix.org:
Diego Salazar:
12:25:00
plowsof:
if anyone has time and about 510MB spare to run a Dockerfile pls let me know https://github.com/monero-project/monero-site/pull/2454 D:
12:37:19
plowsof:
https://github.com/monero-project/monero-site/pull/2572 needs approvals , flathub key
13:54:47
diego:cypherstack.com:
I like it
13:55:26
plowsof:
and retoswap listing feedback https://github.com/monero-project/monero-site/pull/2550
13:56:32
plowsof:
my stance on retoswap being fucking illegal has now changed, getmonero has specific disclaimers covering this in the footer reg listings not being official endorsements and such
14:05:25
plowsof:
.merge+ 2550
14:05:25
xmr-pr:
Added
14:05:27
plowsof:
.merges
14:05:27
xmr-pr:
2550
14:06:01
plowsof:
.merge+ 2563
14:06:02
xmr-pr:
...
14:06:30
basses:matrix.org:
why tags are capitalized?
14:06:52
redsh4de:matrix.org:
design choice: https://www.figma.com/design/y53fDBe55sM1GvhxXXjQEp/Monero-Website-Redesign-2024--Copy-?node-id=140-1398&p=f
14:07:11
basses:matrix.org:
Diego Salazar I don't necessary agree.
14:07:27
basses:matrix.org:
see https://web.dev/blog
14:14:11
basses:matrix.org:
however, I dont mind
14:14:32
basses:matrix.org:
are these tags clickable from the page view?
14:14:41
redsh4de:matrix.org:
indeed they are
14:14:53
basses:matrix.org:
because I feel some might accidently press them and go to tags page instead of the blog
14:15:00
basses:matrix.org:
because I feel some might accidently press them and go to tags page instead of the blog post
14:15:10
basses:matrix.org:
should be disabled in this view
14:15:16
redsh4de:matrix.org:
solved by smaller font size? at least on mobile
14:15:18
redsh4de:matrix.org:
or not clickable at all better
14:16:07
basses:matrix.org:
hmmm, I looked at https://blog.cloudflare.com/ and they placed tags below title so it is less liekly for users to accidently press.
14:16:43
basses:matrix.org:
the problem here is tags placements and looking like a button
14:17:16
basses:matrix.org:
hmmm, I looked at cloudflare blog and they placed tags below title so it is less liekly for users to accidently press.
14:17:17
redsh4de:matrix.org:
they are at the very bottom though in this view
14:17:36
redsh4de:matrix.org:
i do think they could be smaller for mobile
14:17:37
basses:matrix.org:
clipboard.png
14:18:11
basses:matrix.org:
clipboard.png
14:18:38
basses:matrix.org:
placement is similar to this "standard"
14:19:14
basses:matrix.org:
*looks like a* "Read more" button
14:19:44
basses:matrix.org:
we could place tags like this
14:19:59
basses:matrix.org:
and add read more button like this too?
14:20:21
basses:matrix.org:
Diego Salazar
14:22:15
diego:cypherstack.com:
We can, but I don't think a Read More is necessary
14:22:29
redsh4de:matrix.org:
I think it is redundant if the title and thumbnail link to the blog
14:23:33
basses:matrix.org:
I was trying to make it easier for mobile as it will not have thumbnails
14:24:11
diego:cypherstack.com:
ah, that is an interesting consideration
14:24:27
diego:cypherstack.com:
sorry woke up not long ago and don't have design brain on right now other than "vibes"
14:24:30
redsh4de:matrix.org:
What about this option - on mobile, clicking on either text in the card links to the blog?
14:26:06
diego:cypherstack.com:
honestly for mobile just make the whole div clickable?
14:26:25
diego:cypherstack.com:
nah that might be too annoying if someone is trying to scroll and fat fingers
14:26:34
redsh4de:matrix.org:
Yepp was my concern with that
14:26:51
diego:cypherstack.com:
again, just waking up so my ideas are probably bad
14:27:22
basses:matrix.org:
take your time
14:29:39
basses:matrix.org:
https://matrix.monero.social/_matrix/media/v1/download/matrix.org/emHMeHFaTcORliXwlLIyWfSb
14:29:49
basses:matrix.org:
sketched something quick without readme button
14:30:29
redsh4de:matrix.org:
oo okay, i see
14:30:29
redsh4de:matrix.org:
sec
14:31:51
basses:matrix.org:
compared to current design on figma
14:31:57
basses:matrix.org:
https://matrix.monero.social/_matrix/media/v1/download/matrix.org/PcwCApCFpCrOZVNZUYETsBXy
14:32:15
basses:matrix.org:
sketched something quick without "read more" button
14:43:39
basses:matrix.org:
with tags at top, lemme all know which one is fav
14:43:45
basses:matrix.org:
https://matrix.monero.social/_matrix/media/v1/download/matrix.org/rrgRhlJWpaqqKGNiAwLYxDcf
14:44:08
basses:matrix.org:
with tags at top, lemme all know which one is fav
14:49:59
plowsof:
Could -site have an early gift for the holidays and get the new bridge please DataHoarder :D
14:50:15
DataHoarder:
when do we upgrade the rest of the rooms? :D
14:50:26
DataHoarder:
I do need time to work on the bridge again
14:50:45
DataHoarder:
patch a few of small things and add per-room settings (and dynamic moderation tweaks)
14:53:40
plowsof:
Matrix version upgrade - draupnir mod tool Room is using v9 still for reasons - maybe compatibility , so not sure yet (ideally we have knocking for emergencies) which is v10 , in progress still
15:35:02
DataHoarder:
I mean, upgrading the bridge on other rooms
15:35:54
redsh4de:matrix.org:
image.png
15:35:59
redsh4de:matrix.org:
this works i think
16:18:33
rottenwheel:unredacted.org:
Looks great! :🌟
17:13:31
redsh4de:matrix.org:
Changes live: https://beta.monerodevs.org/blog/
17:13:33
redsh4de:matrix.org:
Click through stuff, lmk how things look
17:22:27
redsh4de:matrix.org:
going to be working on adding pagination next
17:25:56
basses:matrix.org:
looks good, but I after taking a further look when amount of tags increase and especially on smaller phones it might get messy and further scroll might be needed to get to the post below
17:26:54
basses:matrix.org:
https://matrix.monero.social/_matrix/media/v1/download/matrix.org/JERrLqTYMKfcXetGxoWKWcHw
17:27:26
basses:matrix.org:
I like how https://www.figma.com/blog/ looks
17:27:57
basses:matrix.org:
3 dots when tags are more than 3 tags
17:28:02
redsh4de:matrix.org:
i think i can implement something like that without javascript...
17:28:06
redsh4de:matrix.org:
lets see
17:28:31
basses:matrix.org:
can we also put tags below?
17:29:05
basses:matrix.org:
same like figma:
17:29:07
basses:matrix.org:
Title
17:29:09
basses:matrix.org:
date
17:29:11
basses:matrix.org:
author
17:29:13
basses:matrix.org:
description
17:29:15
basses:matrix.org:
tags
17:29:38
redsh4de:matrix.org:
I mean thats how it was before
17:30:11
redsh4de:matrix.org:
changed to avoid that "read more" effect
17:31:31
basses:matrix.org:
date and author was below too
17:32:35
basses:matrix.org:
yeah but it will break some reading flows
17:33:25
plowsof:
Our tags could probably use some work, like "crypto" is probably redundant?
17:34:06
basses:matrix.org:
unless you can prevent the 3rd tag from getting to a new line
17:37:03
basses:matrix.org:
plowsof, I think tags are custom, you dont have to type it down
17:37:32
basses:matrix.org:
if you dont want to
17:37:40
redsh4de:matrix.org:
yes all tags are generated from the blog posts
17:38:58
redsh4de:matrix.org:
possible but will look messy at the 4th or so tag, i'll just move the tag container to the bottom
17:40:13
basses:matrix.org:
thank you, it was helpful taking a look at live concept to see how it might not be a good fit.
17:40:32
basses:matrix.org:
hopefully diego is happy too
17:42:58
plowsof:
You are granted max 3 tags to describe your post by the tag genie
17:45:03
basses:matrix.org:
https://matrix.monero.social/_matrix/media/v1/download/matrix.org/uLsMtyUhHvzatCrlbPczvklM
17:45:05
basses:matrix.org:
https://beta.monerodevs.org/blog/2025-11-14-monero-gui-01844-released/
17:45:23
redsh4de:matrix.org:
Artifacts from the old Jekyll site - will have to sed all of that out later
17:46:16
basses:matrix.org:
blog post format is not finale, right?
17:47:06
redsh4de:matrix.org:
wym by format? the frontmatter or the styles?
17:56:04
basses:matrix.org:
how long can "Recent Posts" get to?
17:56:42
redsh4de:matrix.org:
Thats not final for now - but planning up to two posts
18:02:06
redsh4de:matrix.org:
pushed the visual patches for the cards & cleaned up the jekyll artifacts
18:03:28
system:
file clipboard.png too big to download (1416420 > allowed size: 1000000)
18:03:29
basses:matrix.org:
clipboard.png
18:04:59
basses:matrix.org:
I moved the blog-container towards the right to keep the standard blog format, idk why in your design it was at far left.. Diego Salazar
18:05:04
basses:matrix.org:
I find the way I sent much more readable
18:05:22
basses:matrix.org:
I find the way I sent (pic above) much more readable
18:06:31
system:
file clipboard.png too big to download (1308791 > allowed size: 1000000)
18:06:33
basses:matrix.org:
clipboard.png
18:06:44
basses:matrix.org:
how it looks currently..
18:10:03
basses:matrix.org:
this is literally how any blog I have read in my entire life looks like.
18:14:44
redsh4de:matrix.org:
https://matrix.monero.social/_matrix/media/v1/download/matrix.org/OzbLeGNguxUPYXKfBedZofiV
18:14:51
redsh4de:matrix.org:
does look nicer
18:15:22
basses:matrix.org:
yep
18:15:51
basses:matrix.org:
thats like the standard for decades for a reason 😄
18:16:51
basses:matrix.org:
your eyes spends less effort when reading in middle than from the left to middle
18:17:12
basses:matrix.org:
very pleasing when reading text-heavy content like blog/articles
18:19:31
basses:matrix.org:
very pleasing/comfortable when reading text-heavy content like blog/articles
18:20:40
redsh4de:matrix.org:
Experimenting with scaling of the center column
18:20:41
redsh4de:matrix.org:
It is possible to either have it be a ratio of the available width (might look wonky on ultrawides), or have the blog content be limited to a character count like 65-70
18:22:21
redsh4de:matrix.org:
per line
18:23:03
basses:matrix.org:
whatever you think is better, you will probably figure it out like nav accessbility 😁, unless someone here has more experience can share.
18:25:06
redsh4de:matrix.org:
Limiting width by character count makes more sense for text content imo, some online sources i looked at pretty much confirm the same
18:25:23
redsh4de:matrix.org:
https://www.uxpin.com/studio/blog/optimal-line-length-for-readability
18:26:31
redsh4de:matrix.org:
https://baymard.com/blog/line-length-readability
18:27:12
redsh4de:matrix.org:
So can do something like `1fr 75ch 1fr` in the grid, force `<main>` to render in the character-limited column, and place the sidebar in the 3rd column - first one acting like a centering padding
18:27:37
basses:matrix.org:
yeah, I did some quick searches too and came to the same conclusion.
18:49:32
redsh4de:matrix.org:
pushed the changes: https://beta.monerodevs.org/blog/2025-11-14-monero-gui-01844-released/
18:49:33
redsh4de:matrix.org:
Do Ctrl+Shift+R if the new stylesheet didn't apply
18:57:32
basses:matrix.org:
https://matrix.monero.social/_matrix/media/v1/download/matrix.org/diXsoutRkxmdQgwWiUJKbMra
18:58:14
basses:matrix.org:
these can be localized, just the text, not the tag itself
18:58:16
basses:matrix.org:
?
18:59:09
redsh4de:matrix.org:
yep, easily
18:59:42
redsh4de:matrix.org:
at this point nearly any text item on the page can be localize
18:59:45
redsh4de:matrix.org:
at this point nearly any text item on the page can be localized
18:59:59
redsh4de:matrix.org:
at this point nearly any text item on the page can be localized, that doesnt come from a markdown file
19:00:03
basses:matrix.org:
also clicking on them redirects you to main version of website in english instead of your currently set locale
19:00:29
redsh4de:matrix.org:
must've forgotten to apply my localizeHref function there
19:02:25
basses:matrix.org:
as long as it doesn't mess up with core tag functionality and doesn't change url (text encoding in url annoying when shared online)
19:02:31
basses:matrix.org:
as long as it doesn't mess up with core tag functionality and doesn't change tags url (text encoding in url annoying when shared online)
19:03:41
redsh4de:matrix.org:
yeaa nah, tag url will never be localized, that is a huge bear trap - labels only
19:27:49
ofrnxmr:xmr.mx:
Meeting logs aren't put on website anymore
19:28:34
redsh4de:matrix.org:
discarding that one then
19:28:45
ofrnxmr:xmr.mx:
theyre on github @ /meta
19:28:47
ofrnxmr:xmr.mx:
Old logs were on website
19:30:05
ofrnxmr:xmr.mx:
Idk how best to handle that .. just that current and future logs arent put up
20:00:33
DataHoarder:
new bridge here, plowsof
20:14:13
plowsof:
thank you very much DataHoaarder 🙏 now we can see these beautiful designs
20:15:59
redsh4de:matrix.org:
https://mrelay.p2pool.observer/m/matrix.org/ThzRInFhaIVMadYoNMonBudT.png (image.png)
20:17:11
redsh4de:matrix.org:
made a change for dark mode, blog text will use a slightly muted gray instead of white
20:17:11
redsh4de:matrix.org:
better for eye strain
20:17:37
redsh4de:matrix.org:
vs
20:17:43
redsh4de:matrix.org:
https://mrelay.p2pool.observer/m/matrix.org/oKiEjFENYgtpMnWnvsFCFxag.png (image.png)
20:21:26
basses:matrix.org:
thanks DH
20:25:37
basses:matrix.org:
can you apply same contrast as https://privsec.dev/posts/android/android-tips/ for title, content etc > <@redsh4de:matrix.org> https://mrelay.p2pool.observer/m/matrix.org/ThzRInFhaIVMadYoNMonBudT.png (image.png)
20:28:40
redsh4de:matrix.org:
like so?
20:28:49
redsh4de:matrix.org:
https://mrelay.p2pool.observer/m/matrix.org/DlGoBDZvkCyPocaqkakLnIch.png (image.png)
20:30:40
basses:matrix.org:
yeah a bit better
20:31:55
basses:matrix.org:
but here's the thing, shouldn't the whole website also have the same contrast?
20:32:45
basses:matrix.org:
like https://nicklewis.dev/
20:33:22
basses:matrix.org:
this is the only website I found with decent contrast and consistent over all the website
20:34:19
basses:matrix.org:
I don't know why big web-dev centered websites like web.dev and mdn use greyish color instead of white...
20:38:00
redsh4de:matrix.org:
for dark mode mostly is - white is reserved for titles and heading content > <@basses:matrix.org> but here's the thing, shouldn't the whole website also have the same contrast?
20:39:14
basses:matrix.org:
@basses:matrix.org: ...
20:39:56
basses:matrix.org:
I agree with you but I don't understand why none follow this advice..
20:44:46
basses:matrix.org:
@redsh4de:matrix.org: do you have any references?
20:47:20
redsh4de:matrix.org:
sec, was part of one of the old figmas that had the dark mode design
20:47:21
redsh4de:matrix.org:
trying to find it
20:48:46
redsh4de:matrix.org:
https://www.figma.com/design/OuY892nD4zD1CEQDvC2Kty/Monero-Website-Redesign-2024--Copy-?node-id=0-1&p=f&t=5MdkpqXYDDu1ijsE-0
20:50:05
redsh4de:matrix.org:
tailwind docs also uses #fff for headings: https://tailwindcss.com/docs/installation/using-vite
20:53:40
basses:matrix.org:
follow https://m3.material.io/blog/m3-expressive-motion-theming ?
20:54:20
basses:matrix.org:
check rest of website, homepage etc
20:57:19
basses:matrix.org:
@redsh4de:matrix.org: https://ui.shadcn.com/docs
20:59:36
redsh4de:matrix.org:
I guess if we dont want #fff - it has to be brighter than #c6c6d0 (the primary text color), but darker than just pure white
20:59:36
redsh4de:matrix.org:
i'll look at the brightness differences between the headings/primary in the other site to find a appropriate option
21:09:52
diego:cypherstack.com:
Doing thanksgiving things. Will check in tomorrow.
21:10:09
redsh4de:matrix.org:
happy thanksgiving!
21:10:30
redsh4de:matrix.org:
@redsh4de:matrix.org: #f0f0f0 is a good option imo
21:11:04
redsh4de:matrix.org:
https://mrelay.p2pool.observer/m/matrix.org/SnaPOxUVhlwgSnDwigKfZJJk.png (image.png)
21:11:09
redsh4de:matrix.org:
@basses:matrix.org:
21:36:00
basses:matrix.org:
yeah, looks great
21:37:14
basses:matrix.org:
I had a draft message saying: some users might find it confusing as title is white and content very muted gray and might think there some issue with website
21:37:17
ofrnxmr:xmr.mx:
Can you keep track of the colors used for me?
21:37:22
basses:matrix.org:
guess now it is not a problem
21:40:52
321bob321:
Primary colours
21:41:49
321bob321:
Probably for docs site
21:43:01
basses:matrix.org:
oh, ok.
22:03:26
basses:matrix.org:
https://mrelay.p2pool.observer/m/matrix.org/AoovtZeWRpoitBNCjmQOICan.png (clipboard.png)
22:03:46
basses:matrix.org:
I don't think the cursor needs to be a pointer in this empty area when hovered over
22:20:49
redsh4de:matrix.org:
@ofrnxmr:xmr.mx: https://github.com/redsh4de/monero-site/blob/main/src/styles/global.css
22:20:49
redsh4de:matrix.org:
All colors defined here
22:21:26
redsh4de:matrix.org:
@basses:matrix.org: If you click on the space the dropdown will stay pinned until you click on a item or click away
22:48:55
ofrnxmr:xmr.mx:
@redsh4de:matrix.org: Thanks