Is it possible to create a share on nostr button? Is there a reason we haven't done this yet?

Same for bookmarking to nostr extension?

Reply to this note

Please Login to reply.

Discussion

#asknostr

Looking at the Swift libs, very shallowly, I think it’s trivial to do so for Damus. And Flutter (YakiHonne) should be easy too 🐶🐾🫡

It should probably share on a web client?

I meant to add the share button to the phone to share on nostr. What do you mean? 🐶🐾🫡

No, I mean to share any web content to nostr just like all the other social media sites have a button

Oh! That shouldn’t be hard. In fact, we could have browser extension to get nostriches started. For the rest of the world and site, we need to either get into share button Wordpress plugin, or make one for nostr. Don’t look at me, I am not writing another line of PHP unless it’s required for NB purposes 🐶🐾🫡😂🫂

Not even talking about Wordpress, just a share button anyone can add to their website (but Wordpress would be nice too)

There are thousands of different languages, platforms and frameworks that have different approaches to add that. I assume the easy one would be a JS package to “plug into” the site to have that button. Good starting point would be the button design, square and rectangle 🐶🐾🫡💪🏻

I think the button should have a Nostr icon, though, either this one or another:

#m=image%2Fjpeg&dim=967x290&blurhash=QIR3TW-%3BM%7Bof%25MIU%3FbM%7B%3FbxuayfQayayofayj%5BWB%7EqIUxuWBIU%25MD%25t7D%25&x=d81301bb3d823cd248972e0fda4e7ec664ae09058154f42dee87563c84a12270

Fiatjaf doesn’t like the ostrich

Is Shaka the best to use here? Also, if it is, I think iOS rendering of it is much more esthetically pleasing🐶🐾🫂🤙🏻

Better than the shaka

🤙 🤙 🤙

The ostriches dont look great on an icon, all pixel-y looking. I think Shaka way better, but I can see why people may disagree.

I have an SVG of the ostrich that looks great at any resolution 🐶🐾🫡

send it

Ok, let me get it for you, it is in React component format though 🐶🐾🫡

import type { SVGProps } from 'react'

export function NostrCircle(

props: JSX.IntrinsicAttributes & SVGProps

) {

return (

width="100%"

height="100%"

viewBox="0 0 24 24"

preserveAspectRatio="none"

{...props}

>

d="M8.402 23.348c-.289-.106-.578-.196-.855-.309a12.58 12.58 0 0 1-2.777-1.586 6.465 6.465 0 0 1-.536-.445 15.16 15.16 0 0 1-.687-.64 9.035 9.035 0 0 1-.867-.985c-.215-.301-.446-.594-.649-.903-.18-.273-.34-.566-.5-.855-.125-.23-.242-.469-.351-.703a9.515 9.515 0 0 1-.535-1.426c-.11-.39-.204-.785-.29-1.18-.058-.257-.09-.515-.125-.773-.027-.207-.039-.414-.062-.621-.055-.473-.031-.95-.027-1.422.004-.273.039-.55.074-.824.05-.363.101-.723.172-1.082.054-.285.125-.567.21-.84.13-.406.258-.813.419-1.207.152-.375.34-.734.52-1.094a9.119 9.119 0 0 1 .933-1.465c.226-.293.465-.582.707-.863.187-.21.379-.418.582-.61.289-.265.594-.519.894-.773a9.272 9.272 0 0 1 1.274-.887c.332-.195.676-.37 1.02-.539.484-.238.991-.43 1.507-.59A10.69 10.69 0 0 1 9.72.415c.258-.047.515-.086.773-.121.203-.027.406-.043.613-.063.473-.054.946-.03 1.422-.027.203 0 .407.035.61.055.12.012.242.015.36.035a12.226 12.226 0 0 1 1.398.258c.18.043.359.094.535.152.351.121.71.235 1.058.375.336.137.66.3.989.461.437.223.855.477 1.257.758.278.195.547.41.809.625.203.168.398.351.594.527.12.114.242.223.355.344.274.297.559.586.793.914.215.297.442.59.645.895.148.218.28.449.41.68.125.23.246.464.363.698.242.497.442 1.012.602 1.543.11.348.199.704.277 1.059.059.246.09.496.125.742.027.184.047.367.063.551.02.188.039.375.046.563.012.335.016.671.016 1.007a7.879 7.879 0 0 1-.031.52 9.649 9.649 0 0 1-.063.566c-.031.246-.062.492-.11.739-.038.21-.085.425-.144.636-.113.399-.226.793-.359 1.188-.078.242-.184.48-.285.715-.106.23-.211.464-.328.687-.164.305-.336.61-.52.902-.187.293-.39.579-.597.86-.141.187-.29.363-.446.539-.226.25-.453.5-.691.734-.297.29-.598.574-.938.817-.297.215-.59.437-.89.644-.22.149-.453.278-.684.406-.226.13-.46.254-.7.364-.304.14-.609.281-.925.394-.414.145-.84.274-1.266.39-.28.079-.57.126-.855.177-.23.043-.465.078-.695.105a4.57 4.57 0 0 1-.399.035c-.265.012-.535.024-.8.028a8.44 8.44 0 0 1-.704 0c-.265-.016-.527-.04-.785-.075-.363-.05-.726-.097-1.086-.171-.336-.07-.668-.172-1.004-.258a4.08 4.08 0 0 1-.125-.04m5.985-9.742c.074-.015.148-.027.218-.05a68.1 68.1 0 0 0 1.274-.364c.223-.066.414-.187.562-.367.172-.207.286-.449.36-.71.09-.31.129-.626.125-.95a.387.387 0 0 1 .21-.371c.098-.055.196-.11.286-.176.23-.164.453-.328.676-.504.218-.175.402-.386.57-.613.148-.203.262-.43.355-.664.09-.219.137-.45.157-.684.015-.152-.004-.304-.012-.457a1.669 1.669 0 0 0-.152-.578c-.149-.355-.422-.605-.711-.847a22.288 22.288 0 0 1-.649-.563.434.434 0 0 1-.156-.363c.012-.121.125-.285.258-.317.21-.054.43-.066.644-.074.133-.004.266.02.395.012.098-.008.2-.04.293-.074.074-.028.086-.078.047-.145a.389.389 0 0 0-.285-.187 1.516 1.516 0 0 1-.754-.395 1.006 1.006 0 0 0-.723-.285.669.669 0 0 0-.617.406c-.113.235-.18.485-.145.754.035.234.098.457.203.664.16.305.407.535.66.758.169.144.344.285.508.437.118.11.223.23.325.356a.76.76 0 0 1 .187.445 1.61 1.61 0 0 1-.047.563c-.074.254-.144.511-.363.687a1.19 1.19 0 0 1-.48.254c-.2.05-.403.04-.602.047a1.556 1.556 0 0 1-.55-.094c-.575-.195-1.15-.398-1.727-.593-.38-.13-.766-.208-1.168-.184a7.828 7.828 0 0 0-1.316.16 5.85 5.85 0 0 0-1.052.328c-.324.145-.644.313-.964.465-.235.113-.457.238-.7.328-.218.082-.453.13-.687.18-.145.035-.293.05-.442.062-.156.016-.312.024-.468.036l-.696.058c-.172.016-.343.024-.515.05-.32.048-.633.126-.934.25-.36.153-.62.4-.8.74a1.82 1.82 0 0 0-.2.6.648.648 0 0 0 .117.52c.102.137.235.242.375.332.207.133.43.242.637.38.184.12.363.112.547.027.121-.055.23-.13.34-.2.324-.21.683-.3 1.062-.312.078 0 .157.004.235.015a.765.765 0 0 1 .234.059c.152.078.29.188.441.258.254.117.52.223.782.316.218.074.445.13.668.2.125.039.246.093.367.148.058.023.074.117.031.16-.191.195-.379.39-.582.578-.191.18-.402.344-.605.516a1.97 1.97 0 0 1-.446.308c-.261.13-.418.344-.492.63-.031.113-.066.23-.129.324-.187.289-.39.57-.59.851-.312.457-.632.906-.945 1.363-.11.16-.238.29-.434.336-.117.028-.242.04-.363.07-.148.036-.258.114-.293.278-.023.113.016.21.031.316.016.118.047.235-.003.356-.086.195-.196.383-.227.601-.027.176-.043.352.023.524.024.07.07.11.153.11.105 0 .172-.055.21-.145.11-.25.25-.477.442-.672.094-.098.18-.203.262-.309.137-.168.265-.34.394-.515.215-.286.426-.575.637-.864l.574-.789c.25-.34.496-.683.754-1.02a.813.813 0 0 1 .344-.28.78.78 0 0 0 .5-.536.48.48 0 0 1 .172-.234c.164-.137.332-.266.5-.395.191-.152.375-.312.578-.445.164-.105.348-.183.523-.262.141-.066.286-.113.446-.18-.063.106-.114.2-.172.286-.254.39-.492.789-.696 1.21-.109.223-.187.45-.152.708a.452.452 0 0 0 .168.297c.164.133.344.117.527.035.204-.094.399-.215.618-.277a71.7 71.7 0 0 0 .855-.266c.438-.137.875-.277 1.313-.41.078-.024.164-.035.246-.043.11-.008.133.027.16.136.035.145.094.282.25.333.11.03.223.042.332.046a.448.448 0 0 1 .297.118.697.697 0 0 0 .246.136c.082.024.16.016.223-.05.054-.055.054-.13.027-.2-.024-.054-.043-.11-.074-.156-.2-.309-.407-.61-.598-.922-.2-.312-.504-.375-.79-.308-.23.054-.452.128-.675.199-.492.148-.984.3-1.476.453-.211.062-.422.129-.657.2.164-.235.313-.458.47-.673.163-.218.339-.433.507-.648.148-.188.32-.348.539-.45.121-.058.262-.081.394-.117.145-.03.293-.058.45-.086zm0 0"

fill="currentColor"

/>

)

}

export function NostrBird(

props: JSX.IntrinsicAttributes & SVGProps

) {

return (

width="100%"

height="100%"

viewBox="0 0 24 24"

preserveAspectRatio="none"

{...props}

>

d="M14.383 13.605c-.153.028-.301.055-.445.086-.133.036-.274.059-.395.118-.219.101-.39.261-.54.449-.167.215-.343.43-.507.648-.156.215-.305.438-.469.672.235-.07.446-.137.657-.2.492-.151.984-.304 1.476-.452.223-.07.445-.145.676-.2.285-.066.59-.003.789.31.191.312.398.612.598.921.03.047.05.102.074.156.027.07.027.145-.027.2-.063.066-.141.074-.223.05a.697.697 0 0 1-.246-.136.448.448 0 0 0-.297-.118 1.39 1.39 0 0 1-.332-.047c-.156-.05-.215-.187-.25-.332-.027-.109-.05-.144-.16-.136-.082.008-.168.02-.246.043-.438.133-.875.273-1.313.41-.285.09-.57.18-.855.265-.22.063-.414.184-.618.278-.183.082-.363.097-.527-.035a.452.452 0 0 1-.168-.297c-.035-.258.043-.485.152-.707.204-.422.442-.82.696-1.211.058-.086.11-.18.172-.285-.16.066-.305.113-.446.18-.175.077-.359.156-.523.261-.203.133-.387.293-.578.445-.168.13-.336.258-.5.395a.48.48 0 0 0-.172.234.78.78 0 0 1-.5.535.813.813 0 0 0-.344.282c-.258.336-.504.68-.754 1.02l-.574.788c-.21.29-.422.578-.637.864-.129.175-.257.347-.394.515-.082.106-.168.211-.262.309a2.204 2.204 0 0 0-.441.672c-.04.09-.106.144-.211.144-.082 0-.13-.039-.153-.11-.066-.171-.05-.347-.023-.523.031-.218.14-.406.227-.601.05-.121.02-.238.003-.356-.015-.105-.054-.203-.03-.316.034-.164.144-.242.292-.277.121-.032.246-.043.363-.07.196-.048.325-.176.434-.337.313-.457.633-.906.945-1.363.2-.281.403-.562.59-.851.063-.094.098-.211.13-.325.073-.285.23-.5.491-.629a1.97 1.97 0 0 0 .446-.308c.203-.172.414-.336.605-.516.203-.187.39-.383.582-.578.043-.043.027-.137-.031-.16-.121-.055-.242-.11-.367-.149-.223-.07-.45-.125-.668-.199a9.61 9.61 0 0 1-.782-.316c-.152-.07-.289-.18-.441-.258a.765.765 0 0 0-.234-.059 1.575 1.575 0 0 0-.235-.015 2.018 2.018 0 0 0-1.062.312c-.11.07-.219.145-.34.2-.184.085-.363.093-.547-.028-.207-.137-.43-.246-.637-.379a1.382 1.382 0 0 1-.375-.332c-.117-.156-.148-.328-.117-.52a1.82 1.82 0 0 1 .2-.6c.18-.34.44-.587.8-.74.3-.124.613-.202.934-.25.172-.026.343-.034.515-.05l.696-.059c.156-.011.312-.019.468-.035.149-.011.297-.027.442-.062.234-.05.469-.098.687-.18.243-.09.465-.215.7-.328.32-.152.64-.32.964-.465a5.85 5.85 0 0 1 1.051-.328 7.828 7.828 0 0 1 1.317-.16c.402-.024.789.055 1.168.183.578.196 1.152.399 1.726.594.18.063.36.098.55.094.2-.008.403.004.602-.047a1.19 1.19 0 0 0 .48-.254c.22-.176.29-.433.364-.687a1.61 1.61 0 0 0 .047-.563.76.76 0 0 0-.187-.445 3.5 3.5 0 0 0-.325-.356c-.164-.152-.34-.293-.507-.437-.254-.223-.5-.453-.66-.758a2.15 2.15 0 0 1-.204-.664c-.035-.27.032-.52.145-.754a.669.669 0 0 1 .617-.406c.285-.008.52.101.723.285.218.2.46.34.754.395.117.02.222.078.285.187.039.066.027.117-.047.145a1.114 1.114 0 0 1-.293.074c-.129.008-.262-.016-.395-.012-.215.008-.433.02-.644.074-.133.032-.246.196-.258.317a.434.434 0 0 0 .156.363c.211.191.43.379.649.563.289.242.562.492.71.847.079.188.145.375.153.578.008.153.027.305.012.457a2.29 2.29 0 0 1-.157.684c-.093.234-.207.46-.355.664a3.271 3.271 0 0 1-.57.613c-.223.176-.446.34-.676.504-.09.067-.188.121-.285.176a.387.387 0 0 0-.211.371c.004.324-.035.64-.125.95a1.913 1.913 0 0 1-.36.71c-.148.18-.34.301-.562.367a68.1 68.1 0 0 1-1.274.364c-.07.023-.144.035-.222.05zm0 0"

fill="currentColor"

/>

)

}

export function NostrShare(

props: JSX.IntrinsicAttributes & SVGProps

) {

return (

width="100%"

height="100%"

viewBox="0 0 24 24"

preserveAspectRatio="none"

{...props}

>

d="M21.75 13.75V20C21.75 21.1046 20.8546 22 19.75 22H3.75C2.64543 22 1.75 21.1046 1.75 20V4.75C1.75 3.64543 2.64543 2.75 3.75 2.75H8.75"

stroke="currentColor"

strokeWidth="1"

strokeLinecap="round"

strokeLinejoin="round"

fill="none"

>

d="M14.383 13.605c-.153.028-.301.055-.445.086-.133.036-.274.059-.395.118-.219.101-.39.261-.54.449-.167.215-.343.43-.507.648-.156.215-.305.438-.469.672.235-.07.446-.137.657-.2.492-.151.984-.304 1.476-.452.223-.07.445-.145.676-.2.285-.066.59-.003.789.31.191.312.398.612.598.921.03.047.05.102.074.156.027.07.027.145-.027.2-.063.066-.141.074-.223.05a.697.697 0 0 1-.246-.136.448.448 0 0 0-.297-.118 1.39 1.39 0 0 1-.332-.047c-.156-.05-.215-.187-.25-.332-.027-.109-.05-.144-.16-.136-.082.008-.168.02-.246.043-.438.133-.875.273-1.313.41-.285.09-.57.18-.855.265-.22.063-.414.184-.618.278-.183.082-.363.097-.527-.035a.452.452 0 0 1-.168-.297c-.035-.258.043-.485.152-.707.204-.422.442-.82.696-1.211.058-.086.11-.18.172-.285-.16.066-.305.113-.446.18-.175.077-.359.156-.523.261-.203.133-.387.293-.578.445-.168.13-.336.258-.5.395a.48.48 0 0 0-.172.234.78.78 0 0 1-.5.535.813.813 0 0 0-.344.282c-.258.336-.504.68-.754 1.02l-.574.788c-.21.29-.422.578-.637.864-.129.175-.257.347-.394.515-.082.106-.168.211-.262.309a2.204 2.204 0 0 0-.441.672c-.04.09-.106.144-.211.144-.082 0-.13-.039-.153-.11-.066-.171-.05-.347-.023-.523.031-.218.14-.406.227-.601.05-.121.02-.238.003-.356-.015-.105-.054-.203-.03-.316.034-.164.144-.242.292-.277.121-.032.246-.043.363-.07.196-.048.325-.176.434-.337.313-.457.633-.906.945-1.363.2-.281.403-.562.59-.851.063-.094.098-.211.13-.325.073-.285.23-.5.491-.629a1.97 1.97 0 0 0 .446-.308c.203-.172.414-.336.605-.516.203-.187.39-.383.582-.578.043-.043.027-.137-.031-.16-.121-.055-.242-.11-.367-.149-.223-.07-.45-.125-.668-.199a9.61 9.61 0 0 1-.782-.316c-.152-.07-.289-.18-.441-.258a.765.765 0 0 0-.234-.059 1.575 1.575 0 0 0-.235-.015 2.018 2.018 0 0 0-1.062.312c-.11.07-.219.145-.34.2-.184.085-.363.093-.547-.028-.207-.137-.43-.246-.637-.379a1.382 1.382 0 0 1-.375-.332c-.117-.156-.148-.328-.117-.52a1.82 1.82 0 0 1 .2-.6c.18-.34.44-.587.8-.74.3-.124.613-.202.934-.25.172-.026.343-.034.515-.05l.696-.059c.156-.011.312-.019.468-.035.149-.011.297-.027.442-.062.234-.05.469-.098.687-.18.243-.09.465-.215.7-.328.32-.152.64-.32.964-.465a5.85 5.85 0 0 1 1.051-.328 7.828 7.828 0 0 1 1.317-.16c.402-.024.789.055 1.168.183.578.196 1.152.399 1.726.594.18.063.36.098.55.094.2-.008.403.004.602-.047a1.19 1.19 0 0 0 .48-.254c.22-.176.29-.433.364-.687a1.61 1.61 0 0 0 .047-.563.76.76 0 0 0-.187-.445 3.5 3.5 0 0 0-.325-.356c-.164-.152-.34-.293-.507-.437-.254-.223-.5-.453-.66-.758a2.15 2.15 0 0 1-.204-.664c-.035-.27.032-.52.145-.754a.669.669 0 0 1 .617-.406c.285-.008.52.101.723.285.218.2.46.34.754.395.117.02.222.078.285.187.039.066.027.117-.047.145a1.114 1.114 0 0 1-.293.074c-.129.008-.262-.016-.395-.012-.215.008-.433.02-.644.074-.133.032-.246.196-.258.317a.434.434 0 0 0 .156.363c.211.191.43.379.649.563.289.242.562.492.71.847.079.188.145.375.153.578.008.153.027.305.012.457a2.29 2.29 0 0 1-.157.684c-.093.234-.207.46-.355.664a3.271 3.271 0 0 1-.57.613c-.223.176-.446.34-.676.504-.09.067-.188.121-.285.176a.387.387 0 0 0-.211.371c.004.324-.035.64-.125.95a1.913 1.913 0 0 1-.36.71c-.148.18-.34.301-.562.367a68.1 68.1 0 0 1-1.274.364c-.07.023-.144.035-.222.05zm0 0"

fill="currentColor"

/>

)

}

Think you missed a } in there.

lol! Typed too fast, sorry 🐶🐾😂🤣🫂

wth am I supposed to do with this? I need vector i can plug into figma

Cope paste vector and you are good 🐶🐾🫡

Select from … to delete {props…} in the top SVG definition 🐶🐾🫡🔥

doesn't copy correctly

http://www.w3.org/2000/svg%22%3E

Is this all you’ve done all day doggo 🐶

Not good enough, pick up your act 🤣😂

Come on! Can’t you see, it’s an ostrich 🐶🐾🤣🫂🔥

Of course it is 🤣😂

Send me a link or something

You're missing a semicolon line 142 🫠

Damn it 🐶🐾🤣

nostr:npub180cvv07tjdrrgpa0j7j7tmnyl2yr6yr7l8j4s3evf6u64th6gkwsyjh6w6 you’ve been outvoted, we like the ostrich.

How about an emu then?

I had to google that

but yeah, we like the ostrich right ? fiatjaf let us have this pls

No.

What do you think the icon should be?

No need for a web client, the button can be its own micro client

Nostr, where buttons can be clients too 😂🦙💜

building? ;)

Tempting

A bookmark to nostr extension is fairly low hanging fruit. Would be cool if Alby or nos2x extensions enhanced to support this as it requires fetching existing list and signing the addition

Prefer it has nothing to do with bitcoin

Agreed. would be better for nos2x. much lower friction to setup

I know this also the Nostrich, but here's another possibility from https://github.com/mbarulli/nostr-logo/ :

#m=image%2Fjpeg&dim=1080x1202&blurhash=%7BBCGGi%3Fu9EDj00WBt8M%7B9YtQt8WB-%3BWBM%7BWBj%5BWBj%5BkBWBayayofRjM%7CofxtRjf7xbof00My-%3Dx%5B%7EXWBWUxu-%3DV%5BbFxtIUayafayt7tQRjRQoyj%5Bj%3FRk%5E%2CtQRiM%7CInj%5BWBWB%3FIoyR%25f7NFfQRjRj&x=7f2813560525f7202332f45d0e1ef18afe7b9e1bbfffc05fed1b58941c182416

Would be very simple