12:54:47 yeah, the website now loaders much faster 🔥 > <@redsh4de:matrix.org> disabled preload, added a poster & titles for RSS links - not localized yet, will do after i merge my weblate integration branch into main 12:55:38 also why do we have a link to website sitemap? 12:55:43 big one was the images - found in the docs that Astro actually provides a component that automates a lot of the image optimizations :D https://docs.astro.build/en/guides/images/#image- 12:56:16 @basses:matrix.org: In the footer? Same as in the current site 12:56:30 @redsh4de:matrix.org: yeah but why lol 12:56:38 It is my understanding though that it should be only in the element for crawlers 12:56:52 @plowsof:matrix.org any idea? 12:57:01 But if it was placed there... must be there for a reason 12:57:28 @redsh4de:matrix.org: ik it is used for website crawlers by search engines (SEO) but I find it useless for human visitor 12:58:22 no need to expose it to user in UI 12:58:37 Currently i have it linked both in the and footer to mirror existing page behavior - fwiw doesnt make sense to me why its in the footer either 12:59:55 also for source code, it should link to org 13:01:34 idk why current getmonero site have it link to site source code 13:04:53 see https://grapheneos.org/ 13:16:17 No idea reg the sitemap in footer 13:16:53 I'll just remove it then, doesnt make sense to have it there 14:39:52 @redsh4de:matrix.org add https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/aspect-ratio to video-container? 14:47:38 can your remove !important in https://github.com/redsh4de/monero-site/blob/main/src/pages/index.astro 14:48:01 also for other css files too if they have 14:48:23 use specificity 15:23:58 rel="noopener noreferrer" and target="_blank" for external links. 15:37:22 you can create a component for that? or better manually if no performance issues? 15:55:34 I was thinking of adding an aside at bottom of https://getmonero-redesign-impl.vercel.app/downloads/ page saying "if you are looking for mobile wallets and hardware wallets etc, check "Community" tab. 16:09:38 also the community tab is not accessibilt (tab) 16:12:36 https://mrelay.p2pool.observer/m/matrix.org/GMXaAqjVEGjSRKKmbSaPVeNl.png (clipboard.png) 16:12:54 can't it cover it fully without having rectangle shape? 16:54:02 @basses:matrix.org: Because its a radio tab instead of a link - focus is on the entire element, radio button navigation happens with arrow keys there 16:55:06 I had the thought of adjusting that by instead having community/core be seperate pages instead of being all in one - would also let us have some intermediate menu that allows picking which download page they want to go to, but would be a significant deviation from the design 16:55:22 @basses:matrix.org: You mean wrap the button with the same border radius? 17:11:14 @redsh4de:matrix.org: yes 17:11:37 Possible, but im pretty sure it would only wrap the element outline, not the outline of the browser 17:11:57 You can see there are two outlines there, one blue one white - blue one is applied by the browser 17:12:03 So for consistency id keep it as is 17:12:29 For markdown content? > <@basses:matrix.org> you can create a component for that? or better manually if no performance issues? 17:12:56 @redsh4de:matrix.org: instead of doing it for all external links 17:13:02 manually 17:13:03 probably though a plugin like for moneropedia 17:13:34 as the icon would have to be added too for consistent visuals 18:21:47 focus is not visible on white theme > <@redsh4de:matrix.org> Because its a radio tab instead of a link - focus is on the entire element, radio button navigation happens with arrow keys there 18:52:51 https://getmonero-redesign-impl.vercel.app/resources/moneropedia/ focus not visible on letters 19:08:05 pushed updates @basses:matrix.org 19:14:50 @redsh4de:matrix.org: https://mrelay.p2pool.observer/m/matrix.org/iMtzgSlGgmoTKlkBDrIUwYTN.png (clipboard.png) 19:15:02 can be wrapped fully? 19:19:50 also is keystone open source? @ofrnxmr:xmr.mx 19:20:32 so we can add license on download page 19:20:39 lol was just working on a workaround for this > <@basses:matrix.org> https://mrelay.p2pool.observer/m/matrix.org/iMtzgSlGgmoTKlkBDrIUwYTN.png (clipboard.png) 19:20:57 we can add a full-form for (DIY) on download page? 19:21:11 tooltip 19:21:34 Yea would have to add support for tooltips and extend the translation file a bit 19:23:23 yeah but not for license 19:23:39 licenses* 19:24:32 tooltip for magnet icon 19:42:59 also alt text for core wallet images 19:46:36 yeah, I find it harder to link to the community page directly > <@redsh4de:matrix.org> I had the thought of adjusting that by instead having community/core be seperate pages instead of being all in one - would also let us have some intermediate menu that allows picking which download page they want to go to, but would be a significant deviation from the design 19:48:07 on current site we could just click on tab nav and have a permalink to specific section ex: https://www.getmonero.org/downloads/#mobilelight 19:48:53 @basses:matrix.org: Thats a very good case to have them be seperate pages 19:49:31 I reckon for now could also make it so that /downloads - Core, and /downloads/community - all other wallets 19:51:04 since they would be links, tab keyboard nav would also be more intutitive 19:51:17 as they would be anchor tags instead of a radio button set 19:51:32 yeah dont want to make UX any harder than we currently have (dropdown menus close) 19:54:40 I looked into dropdown menu stuff yesterday, here's what I found but idk if they are practical for our usecase 19:54:40 https://stackoverflow.com/questions/40950099/close-modal-upon-click-outside-css-html-only 19:54:40 https://stackoverflow.com/questions/4873604/css-menu-without-javascript[... more lines follow, see https://mrelay.p2pool.observer/e/srW2o88Ka281MUp4 ] 20:02:01 forgot to make "Resources and Help" and its description localizable > <@basses:matrix.org> also https://getmonero-redesign-impl.vercel.app/get-started/faq/#card-mrlz4n7llf "Resources and Help" cards below it, for Stack Exchange, r/monerosupport and Monero.how should have external link icon instead of arrows 20:04:37 @basses:matrix.org: using something similar for the sidebar to allow click-away - invisible layer that acts as a trigger 20:06:06 we can use this icon https://getmonero-redesign-impl.vercel.app/get-started/faq/ (and color it to our branding color) for Monero.how 20:06:24 @plowsof:matrix.org why on https://www.getmonero.org/get-started/faq/ r/monerosupport and not r/monero? 20:07:12 need to know if were are going to pick either so I can choose an icon that fits (if exists) or ask diego for a one 20:08:30 @redsh4de:matrix.org: if it works 100% with no annoyances and across browsers then ok sure 20:13:10 @basses:matrix.org: It only works with no annoyances for modals - which is why im only using it for the mobile sidebar 20:13:46 > <@redsh4de:matrix.org> You can have a invisible click-off layer that would close the dropdown, but that means that if you want to click on a different button while you have the dropdown open, you have to click twice - once to turn off the dropdown & remove the layer, and second time to actually click on the item you wanted to initially 20:13:46 for dialogs that are not meant to disable interactions with the rest of the page - this comes into play 20:16:51 u found a workaround for this? > <@basses:matrix.org> https://mrelay.p2pool.observer/m/matrix.org/GMXaAqjVEGjSRKKmbSaPVeNl.png (clipboard.png) 20:17:58 Yes, putting the same border radius on the

element 20:17:58 The Dropdown component i made uses the Button component, but it wraps the button in

which has no radius settings 20:17:58 So just applied the same one there 20:18:14 Btw, need feedback before i push this 20:18:52 Can make it so that if you want to link to a specific wallet with for example #/downloads/community/#monerujo - the linked card can be highlighted somehow. Either via a outline or a short flashing animation 20:19:35 https://mrelay.p2pool.observer/m/matrix.org/OdmYGzXKEETNfIZYJAQjBaZR.png (image.png) 20:19:36 Like this for example 20:20:54 problem with the outline is it will stay indefinitely, so im leaning towards applying a short 2-3s animation that does something with the background color 20:20:58 Why wouldnt you just link to monerujo's website? > <@redsh4de:matrix.org> Can make it so that if you want to link to a specific wallet with for example #/downloads/community/#monerujo - the linked card can be highlighted somehow. Either via a outline or a short flashing animation 20:21:13 Not the same thing here 20:21:32 @ofrnxmr:xmr.mx: yeah was going to say that, it looks cool but why would I link to this card instead of the website/source directly? 20:21:44 I mean, in what situation would you post a link to getmonero, if youre referring someone to monerujo > <@redsh4de:matrix.org> Can make it so that if you want to link to a specific wallet with for example #/downloads/community/#monerujo - the linked card can be highlighted somehow. Either via a outline or a short flashing animation 20:22:39 That makes sense - this would be more useful for the specific sections then? 20:22:49 instead of a singular card 20:22:56 a permalink with title " Local Sync Wallets " would be more useful when linked to a user when he asked for these wallets, so they can choose from that list 20:23:06 @redsh4de:matrix.org: yes 20:23:10 @basses:matrix.org: ^ 20:23:14 hardware wallets, nodes, etc 20:23:25 yes like with https://www.getmonero.org/downloads 20:23:36 alright bet, sec 20:23:44 https://mrelay.p2pool.observer/m/matrix.org/lefYKVSCBwUqPswyjSSBbCvB.png (clipboard.png) 20:24:01 clicking on they will send u to permalink to their section 20:24:13 on any* 20:54:17 https://mrelay.p2pool.observer/m/matrix.org/SVOWXnHhezFaNvdCfAyinJVL.png (image.png) 20:54:32 Thoughts on this layout for a TOC w/ permalinks? 20:58:31 @redsh4de:matrix.org: but why removed description below each section/ 20:59:35 just to see how it would look for myself, initial concern was duplication of content but makes sense to keep in the context of being directly linked to it 21:00:50 @redsh4de:matrix.org: yeah because when sending that perma link to some on any section they will be like "wtf does X mean?" 21:01:01 yup 21:14:58 https://mrelay.p2pool.observer/m/matrix.org/iAUTuAAORxqbRUPqgoSpAcly.png (hashtag.png) 21:15:09 looks better? 21:16:15 https://mrelay.p2pool.observer/m/matrix.org/GJIlXxzobNqqepaupmZtUWpV.png (permalinks.png) 21:17:02 Was thinking to style similarly to the header nav-items 21:17:04 https://mrelay.p2pool.observer/m/matrix.org/bNcQtdGOyuZrAerpMVNlhmFd.png (image.png) 21:17:20 except the arrows would be always visible as a indicator 21:17:28 @redsh4de:matrix.org: Thought the same initially but these redirect you to another page.. 21:17:41 while this one is a permalink on same page 21:17:49 downwards arrow? :P 21:18:02 @redsh4de:matrix.org: had same idea for a split sec, giggled too lol 21:24:26 will see how it looks 21:24:34 would be nice to maintain a consistent design language 21:30:44 @diego:cypherstack.com thoughts? 21:32:01 A down arrow would make a user think that the button itself is a download 21:32:17 Hmmm true 21:32:17 What would you suggest? 21:32:36 Thinking 21:33:38 Maybe orange text on the bottom like "Learn More" but just say "Go ->", but of course the whole button is clickable not just those words 21:33:51 it gives a call to action there on the whole section 21:34:09 since at present a design language is not yet established for an entire div section rather than a button being clickable 21:34:55 btw 21:34:59 https://mrelay.p2pool.observer/m/cypherstack.com/TMwgApRMgVPDSrFFZLabnUeT.png (image.png) 21:35:02 Here is one version of something to go in the big X 21:35:12 featuring Isabella the Monero Girl 21:35:16 NICEEE 21:35:25 lemme plug that in, will send a screenshot with it 21:36:43 We're trying a few different styles on that too 21:38:13 https://mrelay.p2pool.observer/m/matrix.org/NnyikYPRcgEKyzJCoVwSQgFN.png (image.png) 21:38:36 instantly gives the entire page a personality 21:45:04 Wondering if the header would do well with something similar with Isabella 21:47:11 @diego:cypherstack.com: Her name is monerochan 21:47:32 Isabella might be her pseudonym, but her government name is monerochan 21:47:38 #doxxed 21:48:07 lmao 21:48:14 she straightens her hair and whitens her skin 21:48:19 and animes her face 21:48:20 when she goes out 21:48:52 is there a version w/ transparency? 21:49:12 @diego:cypherstack.com: yeah, has to cover up the orange highlights on her hair 21:49:38 Tbh, i think theres going to be a fee people vocally against having monerochan on the website 21:50:10 (those people are clearly racist(/s), so take their opinions with a grain of salt) 21:52:45 personally i like it, gives the page character (literally) 21:53:34 * the image itself visually tells the story of the three steps on the right of the image 21:59:54 I would have liked something that is less "sexualizing". I prefer not having any human illustrations at all and going with something simple. 22:18:50 I would have liked something that is less "sexualizing". I prefer not having any human illustrations at all and going with something simple. <<>> +1 22:27:43 Flashbacks of moneroman 22:31:11 googles 22:33:57 baited