12:54:37
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
12:55:27
basses:matrix.org:
also why do we have a link to website sitemap?
12:55:32
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 https://docs.astro.build/en/guides/images/#image-
12:56:06
redsh4de:matrix.org:
@basses:matrix.org: In the footer? Same as in the current site
12:56:19
basses:matrix.org:
@redsh4de:matrix.org: yeah but why lol
12:56:28
redsh4de:matrix.org:
It is my understanding though that it should be only in the <head> element for crawlers
12:56:42
basses:matrix.org:
@plowsof:matrix.org any idea?
12:56:51
redsh4de:matrix.org:
But if it was placed there... must be there for a reason
12:57:18
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
12:58:12
basses:matrix.org:
no need to expose it to user in UI
12:58:27
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
12:59:45
basses:matrix.org:
also for source code, it should link to org
13:01:24
basses:matrix.org:
idk why current getmonero site have it link to site source code
13:04:43
basses:matrix.org:
see https://grapheneos.org/
13:16:07
plowsof:
No idea reg the sitemap in footer
13:16:43
redsh4de:matrix.org:
I'll just remove it then, doesnt make sense to have it there
14:39:41
basses:matrix.org:
@redsh4de:matrix.org add https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/aspect-ratio to video-container?
14:47:28
basses:matrix.org:
can your remove !important in https://github.com/redsh4de/monero-site/blob/main/src/pages/index.astro
14:47:50
basses:matrix.org:
also for other css files too if they have
14:48:13
basses:matrix.org:
use specificity
15:23:48
basses:matrix.org:
rel="noopener noreferrer" and target="_blank" for external links.
15:37:12
basses:matrix.org:
you can create a component for that? or better manually if no performance issues?
15:55:24
basses:matrix.org:
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:28
basses:matrix.org:
also the community tab is not accessibilt (tab)
16:12:26
basses:matrix.org:
https://mrelay.p2pool.observer/m/matrix.org/GMXaAqjVEGjSRKKmbSaPVeNl.png (clipboard.png)
16:12:43
basses:matrix.org:
can't it cover it fully without having rectangle shape?
16:53:52
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
16:54:55
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
16:55:11
redsh4de:matrix.org:
@basses:matrix.org: You mean wrap the button with the same border radius?
17:11:04
basses:matrix.org:
@redsh4de:matrix.org: yes
17:11:27
redsh4de:matrix.org:
Possible, but im pretty sure it would only wrap the element outline, not the outline of the browser
17:11:47
redsh4de:matrix.org:
You can see there are two outlines there, one blue one white - blue one is applied by the browser
17:11:53
redsh4de:matrix.org:
So for consistency id keep it as is
17:12:19
redsh4de:matrix.org:
For markdown content? > <@basses:matrix.org> you can create a component for that? or better manually if no performance issues?
17:12:46
basses:matrix.org:
@redsh4de:matrix.org: instead of doing it for all external links
17:12:52
basses:matrix.org:
manually
17:12:52
redsh4de:matrix.org:
probably though a plugin like for moneropedia
17:13:24
redsh4de:matrix.org:
as the icon would have to be added too for consistent visuals
18:21:37
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
18:52:41
basses:matrix.org:
https://getmonero-redesign-impl.vercel.app/resources/moneropedia/ focus not visible on letters
19:07:54
redsh4de:matrix.org:
pushed updates @basses:matrix.org
19:14:40
basses:matrix.org:
@redsh4de:matrix.org: https://mrelay.p2pool.observer/m/matrix.org/iMtzgSlGgmoTKlkBDrIUwYTN.png (clipboard.png)
19:14:52
basses:matrix.org:
can be wrapped fully?
19:19:39
basses:matrix.org:
also is keystone open source? @ofrnxmr:xmr.mx
19:20:21
basses:matrix.org:
so we can add license on download page
19:20:29
redsh4de:matrix.org:
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:47
basses:matrix.org:
we can add a full-form for (DIY) on download page?
19:21:00
basses:matrix.org:
tooltip
19:21:24
redsh4de:matrix.org:
Yea would have to add support for tooltips and extend the translation file a bit
19:23:12
basses:matrix.org:
yeah but not for license
19:23:28
basses:matrix.org:
licenses*
19:24:21
basses:matrix.org:
tooltip for magnet icon
19:42:49
basses:matrix.org:
also alt text for core wallet images
19:46:26
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
19:47:56
basses:matrix.org:
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:42
redsh4de:matrix.org:
@basses:matrix.org: Thats a very good case to have them be seperate pages
19:49:20
redsh4de:matrix.org:
I reckon for now could also make it so that /downloads - Core, and /downloads/community - all other wallets
19:50:53
redsh4de:matrix.org:
since they would be links, tab keyboard nav would also be more intutitive
19:51:06
redsh4de:matrix.org:
as they would be anchor tags instead of a radio button set
19:51:22
basses:matrix.org:
yeah dont want to make UX any harder than we currently have (dropdown menus close)
19:54:29
basses:matrix.org:
I looked into dropdown menu stuff yesterday, here's what I found but idk if they are practical for our usecase
19:54:29
basses:matrix.org:
https://stackoverflow.com/questions/40950099/close-modal-upon-click-outside-css-html-only
19:54:29
basses:matrix.org:
https://stackoverflow.com/questions/4873604/css-menu-without-javascript[... more lines follow, see https://mrelay.p2pool.observer/e/srW2o88Ka281MUp4 ]
20:01:51
basses:matrix.org:
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:26
redsh4de:matrix.org:
@basses:matrix.org: using something similar for the sidebar to allow click-away - invisible layer that acts as a trigger
20:05:55
basses:matrix.org:
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:13
basses:matrix.org:
@plowsof:matrix.org why on https://www.getmonero.org/get-started/faq/ r/monerosupport and not r/monero?
20:07:01
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
20:08:20
basses:matrix.org:
@redsh4de:matrix.org: if it works 100% with no annoyances and across browsers then ok sure
20:13:00
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
20:13:35
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
20:13:35
redsh4de:matrix.org:
for dialogs that are not meant to disable interactions with the rest of the page - this comes into play
20:16:41
basses:matrix.org:
u found a workaround for this? > <@basses:matrix.org> https://mrelay.p2pool.observer/m/matrix.org/GMXaAqjVEGjSRKKmbSaPVeNl.png (clipboard.png)
20:17:48
redsh4de:matrix.org:
Yes, putting the same border radius on the <summary> element
20:17:48
redsh4de:matrix.org:
The Dropdown component i made uses the Button component, but it wraps the button in <summary> which has no radius settings
20:17:48
redsh4de:matrix.org:
So just applied the same one there
20:18:03
redsh4de:matrix.org:
Btw, need feedback before i push this
20:18:41
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:19:25
redsh4de:matrix.org:
https://mrelay.p2pool.observer/m/matrix.org/OdmYGzXKEETNfIZYJAQjBaZR.png (image.png)
20:19:26
redsh4de:matrix.org:
Like this for example
20:20:43
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
20:20:47
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
20:21:02
redsh4de:matrix.org:
Not the same thing here
20:21:22
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?
20:21:33
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
20:22:28
redsh4de:matrix.org:
That makes sense - this would be more useful for the specific sections then?
20:22:38
redsh4de:matrix.org:
instead of a singular card
20:22:46
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
20:22:56
basses:matrix.org:
@redsh4de:matrix.org: yes
20:23:00
basses:matrix.org:
@basses:matrix.org: ^
20:23:03
redsh4de:matrix.org:
hardware wallets, nodes, etc
20:23:15
basses:matrix.org:
yes like with https://www.getmonero.org/downloads
20:23:26
redsh4de:matrix.org:
alright bet, sec
20:23:34
basses:matrix.org:
https://mrelay.p2pool.observer/m/matrix.org/lefYKVSCBwUqPswyjSSBbCvB.png (clipboard.png)
20:23:50
basses:matrix.org:
clicking on they will send u to permalink to their section
20:24:03
basses:matrix.org:
on any*
20:54:06
redsh4de:matrix.org:
https://mrelay.p2pool.observer/m/matrix.org/SVOWXnHhezFaNvdCfAyinJVL.png (image.png)
20:54:21
redsh4de:matrix.org:
Thoughts on this layout for a TOC w/ permalinks?
20:58:20
basses:matrix.org:
@redsh4de:matrix.org: but why removed description below each section/
20:59:25
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
21:00:39
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?"
21:00:51
redsh4de:matrix.org:
yup
21:14:48
basses:matrix.org:
https://mrelay.p2pool.observer/m/matrix.org/iAUTuAAORxqbRUPqgoSpAcly.png (hashtag.png)
21:14:58
basses:matrix.org:
looks better?
21:16:04
basses:matrix.org:
https://mrelay.p2pool.observer/m/matrix.org/GJIlXxzobNqqepaupmZtUWpV.png (permalinks.png)
21:16:52
redsh4de:matrix.org:
Was thinking to style similarly to the header nav-items
21:16:54
redsh4de:matrix.org:
https://mrelay.p2pool.observer/m/matrix.org/bNcQtdGOyuZrAerpMVNlhmFd.png (image.png)
21:17:09
redsh4de:matrix.org:
except the arrows would be always visible as a indicator
21:17:18
basses:matrix.org:
@redsh4de:matrix.org: Thought the same initially but these redirect you to another page..
21:17:30
basses:matrix.org:
while this one is a permalink on same page
21:17:38
redsh4de:matrix.org:
downwards arrow? :P
21:17:52
basses:matrix.org:
@redsh4de:matrix.org: had same idea for a split sec, giggled too lol
21:24:16
redsh4de:matrix.org:
will see how it looks
21:24:23
redsh4de:matrix.org:
would be nice to maintain a consistent design language
21:30:34
basses:matrix.org:
@diego:cypherstack.com thoughts?
21:31:50
diego:cypherstack.com:
A down arrow would make a user think that the button itself is a download
21:32:06
redsh4de:matrix.org:
Hmmm true
21:32:07
redsh4de:matrix.org:
What would you suggest?
21:32:25
diego:cypherstack.com:
Thinking
21:33:27
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
21:33:40
diego:cypherstack.com:
it gives a call to action there on the whole section
21:33:58
diego:cypherstack.com:
since at present a design language is not yet established for an entire div section rather than a button being clickable
21:34:45
diego:cypherstack.com:
btw
21:34:48
diego:cypherstack.com:
https://mrelay.p2pool.observer/m/cypherstack.com/TMwgApRMgVPDSrFFZLabnUeT.png (image.png)
21:34:51
diego:cypherstack.com:
Here is one version of something to go in the big X
21:35:01
diego:cypherstack.com:
featuring Isabella the Monero Girl
21:35:05
redsh4de:matrix.org:
NICEEE
21:35:15
redsh4de:matrix.org:
lemme plug that in, will send a screenshot with it
21:36:33
diego:cypherstack.com:
We're trying a few different styles on that too
21:38:02
redsh4de:matrix.org:
https://mrelay.p2pool.observer/m/matrix.org/NnyikYPRcgEKyzJCoVwSQgFN.png (image.png)
21:38:25
redsh4de:matrix.org:
instantly gives the entire page a personality
21:44:53
diego:cypherstack.com:
Wondering if the header would do well with something similar with Isabella
21:47:00
ofrnxmr:
@diego:cypherstack.com: Her name is monerochan
21:47:21
ofrnxmr:
Isabella might be her pseudonym, but her government name is monerochan
21:47:28
ofrnxmr:
#doxxed
21:47:56
diego:cypherstack.com:
lmao
21:48:03
diego:cypherstack.com:
she straightens her hair and whitens her skin
21:48:08
diego:cypherstack.com:
and animes her face
21:48:10
diego:cypherstack.com:
when she goes out
21:48:42
redsh4de:matrix.org:
is there a version w/ transparency?
21:49:02
ofrnxmr:
@diego:cypherstack.com: yeah, has to cover up the orange highlights on her hair
21:49:27
ofrnxmr:
Tbh, i think theres going to be a fee people vocally against having monerochan on the website
21:49:59
ofrnxmr:
(those people are clearly racist(/s), so take their opinions with a grain of salt)
21:52:35
redsh4de:matrix.org:
personally i like it, gives the page character (literally)
21:53:23
redsh4de:matrix.org:
* the image itself visually tells the story of the three steps on the right of the image
21:59:44
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.
22:18:39
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
22:27:32
plowsof:
Flashbacks of moneroman
22:31:01
basses:matrix.org:
googles
22:33:46
basses:matrix.org:
baited