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