-
br-m
<basses:matrix.org> 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
-
br-m
<basses:matrix.org> also why do we have a link to website sitemap?
-
br-m
<redsh4de:matrix.org> big one was the images - found in the docs that Astro actually provides a component that automates a lot of the image optimizations :D
docs.astro.build/en/guides/images/#image-
-
br-m
<redsh4de:matrix.org> @basses:matrix.org: In the footer? Same as in the current site
-
br-m
<basses:matrix.org> @redsh4de:matrix.org: yeah but why lol
-
br-m
<redsh4de:matrix.org> It is my understanding though that it should be only in the <head> element for crawlers
-
br-m
<basses:matrix.org> @plowsof:matrix.org any idea?
-
br-m
<redsh4de:matrix.org> But if it was placed there... must be there for a reason
-
br-m
<basses:matrix.org> @redsh4de:matrix.org: ik it is used for website crawlers by search engines (SEO) but I find it useless for human visitor
-
br-m
<basses:matrix.org> no need to expose it to user in UI
-
br-m
<redsh4de:matrix.org> Currently i have it linked both in the <head> and footer to mirror existing page behavior - fwiw doesnt make sense to me why its in the footer either
-
br-m
<basses:matrix.org> also for source code, it should link to org
-
br-m
<basses:matrix.org> idk why current getmonero site have it link to site source code
-
br-m
<basses:matrix.org> see
grapheneos.org
-
plowsof
No idea reg the sitemap in footer
-
br-m
<redsh4de:matrix.org> I'll just remove it then, doesnt make sense to have it there
-
br-m
-
br-m
-
br-m
<basses:matrix.org> also for other css files too if they have
-
br-m
<basses:matrix.org> use specificity
-
br-m
<basses:matrix.org> rel="noopener noreferrer" and target="_blank" for external links.
-
br-m
<basses:matrix.org> you can create a component for that? or better manually if no performance issues?
-
br-m
<basses:matrix.org> I was thinking of adding an aside at bottom of
getmonero-redesign-impl.vercel.app/downloads page saying "if you are looking for mobile wallets and hardware wallets etc, check "Community" tab.
-
br-m
<basses:matrix.org> also the community tab is not accessibilt (tab)
-
br-m
-
br-m
<basses:matrix.org> can't it cover it fully without having rectangle shape?
-
br-m
<redsh4de:matrix.org> @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
-
br-m
<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
-
br-m
<redsh4de:matrix.org> @basses:matrix.org: You mean wrap the button with the same border radius?
-
br-m
<basses:matrix.org> @redsh4de:matrix.org: yes
-
br-m
<redsh4de:matrix.org> Possible, but im pretty sure it would only wrap the element outline, not the outline of the browser
-
br-m
<redsh4de:matrix.org> You can see there are two outlines there, one blue one white - blue one is applied by the browser
-
br-m
<redsh4de:matrix.org> So for consistency id keep it as is
-
br-m
<redsh4de:matrix.org> For markdown content? > <@basses:matrix.org> you can create a component for that? or better manually if no performance issues?
-
br-m
<basses:matrix.org> @redsh4de:matrix.org: instead of doing it for all external links
-
br-m
<basses:matrix.org> manually
-
br-m
<redsh4de:matrix.org> probably though a plugin like for moneropedia
-
br-m
<redsh4de:matrix.org> as the icon would have to be added too for consistent visuals
-
br-m
<basses:matrix.org> 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
-
br-m
-
br-m
<redsh4de:matrix.org> pushed updates @basses:matrix.org
-
br-m
-
br-m
<basses:matrix.org> can be wrapped fully?
-
br-m
<basses:matrix.org> also is keystone open source? @ofrnxmr:xmr.mx
-
br-m
<basses:matrix.org> so we can add license on download page
-
br-m
<redsh4de:matrix.org> lol was just working on a workaround for this > <@basses:matrix.org>
mrelay.p2pool.observer/m/matrix.org/iMtzgSlGgmoTKlkBDrIUwYTN.png (clipboard.png)
-
br-m
<basses:matrix.org> we can add a full-form for (DIY) on download page?
-
br-m
<basses:matrix.org> tooltip
-
br-m
<redsh4de:matrix.org> Yea would have to add support for tooltips and extend the translation file a bit
-
br-m
<basses:matrix.org> yeah but not for license
-
br-m
<basses:matrix.org> licenses*
-
br-m
<basses:matrix.org> tooltip for magnet icon
-
br-m
<basses:matrix.org> also alt text for core wallet images
-
br-m
<basses:matrix.org> 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
-
br-m
<basses:matrix.org> on current site we could just click on tab nav and have a permalink to specific section ex:
getmonero.org/downloads/#mobilelight
-
br-m
<redsh4de:matrix.org> @basses:matrix.org: Thats a very good case to have them be seperate pages
-
br-m
<redsh4de:matrix.org> I reckon for now could also make it so that /downloads - Core, and /downloads/community - all other wallets
-
br-m
<redsh4de:matrix.org> since they would be links, tab keyboard nav would also be more intutitive
-
br-m
<redsh4de:matrix.org> as they would be anchor tags instead of a radio button set
-
br-m
<basses:matrix.org> yeah dont want to make UX any harder than we currently have (dropdown menus close)
-
br-m
<basses:matrix.org> I looked into dropdown menu stuff yesterday, here's what I found but idk if they are practical for our usecase
-
br-m
-
br-m
-
br-m
<basses:matrix.org> forgot to make "Resources and Help" and its description localizable > <@basses:matrix.org> also
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
-
br-m
<redsh4de:matrix.org> @basses:matrix.org: using something similar for the sidebar to allow click-away - invisible layer that acts as a trigger
-
br-m
<basses:matrix.org> we can use this icon
getmonero-redesign-impl.vercel.app/get-started/faq (and color it to our branding color) for Monero.how
-
br-m
<basses:matrix.org> @plowsof:matrix.org why on
getmonero.org/get-started/faq r/monerosupport and not r/monero?
-
br-m
<basses:matrix.org> 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
-
br-m
<basses:matrix.org> @redsh4de:matrix.org: if it works 100% with no annoyances and across browsers then ok sure
-
br-m
<redsh4de:matrix.org> @basses:matrix.org: It only works with no annoyances for modals - which is why im only using it for the mobile sidebar
-
br-m
<redsh4de:matrix.org> > <@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
-
br-m
<redsh4de:matrix.org> for dialogs that are not meant to disable interactions with the rest of the page - this comes into play
-
br-m
<basses:matrix.org> u found a workaround for this? > <@basses:matrix.org>
mrelay.p2pool.observer/m/matrix.org/GMXaAqjVEGjSRKKmbSaPVeNl.png (clipboard.png)
-
br-m
<redsh4de:matrix.org> Yes, putting the same border radius on the <summary> element
-
br-m
<redsh4de:matrix.org> The Dropdown component i made uses the Button component, but it wraps the button in <summary> which has no radius settings
-
br-m
<redsh4de:matrix.org> So just applied the same one there
-
br-m
<redsh4de:matrix.org> Btw, need feedback before i push this
-
br-m
<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
-
br-m
-
br-m
<redsh4de:matrix.org> Like this for example
-
br-m
<redsh4de:matrix.org> 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
-
br-m
<ofrnxmr:xmr.mx> 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
-
br-m
<redsh4de:matrix.org> Not the same thing here
-
br-m
<basses:matrix.org> @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?
-
br-m
<ofrnxmr:xmr.mx> 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
-
br-m
<redsh4de:matrix.org> That makes sense - this would be more useful for the specific sections then?
-
br-m
<redsh4de:matrix.org> instead of a singular card
-
br-m
<basses:matrix.org> 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
-
br-m
<basses:matrix.org> @redsh4de:matrix.org: yes
-
br-m
<basses:matrix.org> @basses:matrix.org: ^
-
br-m
<redsh4de:matrix.org> hardware wallets, nodes, etc
-
br-m
<basses:matrix.org> yes like with
getmonero.org/downloads
-
br-m
<redsh4de:matrix.org> alright bet, sec
-
br-m
-
br-m
<basses:matrix.org> clicking on they will send u to permalink to their section
-
br-m
<basses:matrix.org> on any*
-
br-m
-
br-m
<redsh4de:matrix.org> Thoughts on this layout for a TOC w/ permalinks?
-
br-m
<basses:matrix.org> @redsh4de:matrix.org: but why removed description below each section/
-
br-m
<redsh4de:matrix.org> 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
-
br-m
<basses:matrix.org> @redsh4de:matrix.org: yeah because when sending that perma link to some on any section they will be like "wtf does X mean?"
-
br-m
<redsh4de:matrix.org> yup
-
br-m
-
br-m
<basses:matrix.org> looks better?
-
br-m
-
br-m
<redsh4de:matrix.org> Was thinking to style similarly to the header nav-items
-
br-m
-
br-m
<redsh4de:matrix.org> except the arrows would be always visible as a indicator
-
br-m
<basses:matrix.org> @redsh4de:matrix.org: Thought the same initially but these redirect you to another page..
-
br-m
<basses:matrix.org> while this one is a permalink on same page
-
br-m
<redsh4de:matrix.org> downwards arrow? :P
-
br-m
<basses:matrix.org> @redsh4de:matrix.org: had same idea for a split sec, giggled too lol
-
br-m
<redsh4de:matrix.org> will see how it looks
-
br-m
<redsh4de:matrix.org> would be nice to maintain a consistent design language
-
br-m
<basses:matrix.org> @diego:cypherstack.com thoughts?
-
br-m
<diego:cypherstack.com> A down arrow would make a user think that the button itself is a download
-
br-m
<redsh4de:matrix.org> Hmmm true
-
br-m
<redsh4de:matrix.org> What would you suggest?
-
br-m
<diego:cypherstack.com> Thinking
-
br-m
<diego:cypherstack.com> 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
-
br-m
<diego:cypherstack.com> it gives a call to action there on the whole section
-
br-m
<diego:cypherstack.com> since at present a design language is not yet established for an entire div section rather than a button being clickable
-
br-m
<diego:cypherstack.com> btw
-
br-m
-
br-m
<diego:cypherstack.com> Here is one version of something to go in the big X
-
br-m
<diego:cypherstack.com> featuring Isabella the Monero Girl
-
br-m
<redsh4de:matrix.org> NICEEE
-
br-m
<redsh4de:matrix.org> lemme plug that in, will send a screenshot with it
-
br-m
<diego:cypherstack.com> We're trying a few different styles on that too
-
br-m
-
br-m
<redsh4de:matrix.org> instantly gives the entire page a personality
-
br-m
<diego:cypherstack.com> Wondering if the header would do well with something similar with Isabella
-
br-m
<ofrnxmr> @diego:cypherstack.com: Her name is monerochan
-
br-m
<ofrnxmr> Isabella might be her pseudonym, but her government name is monerochan
-
br-m
<ofrnxmr> #doxxed
-
br-m
<diego:cypherstack.com> lmao
-
br-m
<diego:cypherstack.com> she straightens her hair and whitens her skin
-
br-m
<diego:cypherstack.com> and animes her face
-
br-m
<diego:cypherstack.com> when she goes out
-
br-m
<redsh4de:matrix.org> is there a version w/ transparency?
-
br-m
<ofrnxmr> @diego:cypherstack.com: yeah, has to cover up the orange highlights on her hair
-
br-m
<ofrnxmr> Tbh, i think theres going to be a fee people vocally against having monerochan on the website
-
br-m
<ofrnxmr> (those people are clearly racist(/s), so take their opinions with a grain of salt)
-
br-m
<redsh4de:matrix.org> personally i like it, gives the page character (literally)
-
br-m
<redsh4de:matrix.org> * the image itself visually tells the story of the three steps on the right of the image
-
br-m
<basses:matrix.org> I would have liked something that is less "sexualizing". I prefer not having any human illustrations at all and going with something simple.
-
nioc
<basses:matrix.org> I would have liked something that is less "sexualizing". I prefer not having any human illustrations at all and going with something simple. <<>> +1
-
plowsof
Flashbacks of moneroman
-
br-m
<basses:matrix.org> googles
-
br-m
<basses:matrix.org> baited
