Replying to Avatar The Fishcake (nostr.build)

Looking at the Swift libs, very shallowly, I think it’s trivial to do so for Damus. And Flutter (YakiHonne) should be easy too 🐢🐾🫑
Avatar
HoloKat 2y ago

It should probably share on a web client?

Reply to this note

Please Login to reply.

Discussion

Avatar
The Fishcake (nostr.build) 2y ago

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

Avatar
HoloKat 2y ago

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

Avatar
The Fishcake (nostr.build) 2y ago

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 πŸΆπŸΎπŸ«‘πŸ˜‚πŸ«‚

Avatar
HoloKat 2y ago

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

Avatar
The Fishcake (nostr.build) 2y ago

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 🐢🐾🫑πŸ’ͺ🏻

Avatar
HoloKat 2y ago

Avatar
Marakesh π“…¦ 2y ago

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

Avatar
HoloKat 2y ago

Fiatjaf doesn’t like the ostrich

Avatar
The Fishcake (nostr.build) 2y ago

Is Shaka the best to use here? Also, if it is, I think iOS rendering of it is much more esthetically pleasingπŸΆπŸΎπŸ«‚πŸ€™πŸ»

Avatar
hodlbod 2y ago

Better than the shaka

Avatar
🐒 2y ago

πŸ€™ πŸ€™ πŸ€™

Avatar
HoloKat 2y ago

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.

Avatar
The Fishcake (nostr.build) 2y ago

I have an SVG of the ostrich that looks great at any resolution 🐢🐾🫑

Avatar
HoloKat 2y ago

send it

Avatar
The Fishcake (nostr.build) 2y ago

Ok, let me get it for you, it is in React component format though 🐢🐾🫑

Avatar
The Fishcake (nostr.build) 2y ago

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"

/>

)

}

Avatar
Dimi 2y ago

Think you missed a } in there.

Avatar
The Fishcake (nostr.build) 2y ago

lol! Typed too fast, sorry πŸΆπŸΎπŸ˜‚πŸ€£πŸ«‚

Avatar
HoloKat 2y ago

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

Avatar
The Fishcake (nostr.build) 2y ago

Cope paste vector and you are good 🐢🐾🫑

Avatar
The Fishcake (nostr.build) 2y ago

Select from … to delete {props…} in the top SVG definition 🐢🐾🫑πŸ”₯

Avatar
HoloKat 2y ago

doesn't copy correctly

Avatar
The Fishcake (nostr.build) 2y ago

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

Avatar
The Marie βš‘οΈπŸ¦‚ 2y ago

Is this all you’ve done all day doggo 🐢

Not good enough, pick up your act πŸ€£πŸ˜‚

Avatar
The Fishcake (nostr.build) 2y ago

Come on! Can’t you see, it’s an ostrich πŸΆπŸΎπŸ€£πŸ«‚πŸ”₯

Avatar
The Marie βš‘οΈπŸ¦‚ 2y ago

Of course it is πŸ€£πŸ˜‚

Avatar
HoloKat 2y ago

Send me a link or something

Avatar
vincenzzo 2y ago

You're missing a semicolon line 142 🫠

Avatar
The Fishcake (nostr.build) 2y ago

Damn it 🐢🐾🀣

Avatar
π•Ύπ–Šπ–— π•Ύπ–‘π–Šπ–Šπ–•π–ž 2y ago

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

Avatar
The Marie βš‘οΈπŸ¦‚ 2y ago

How about an emu then?

Avatar
π•Ύπ–Šπ–— π•Ύπ–‘π–Šπ–Šπ–•π–ž 2y ago

I had to google that

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

Avatar
fiatjaf 2y ago

No.

Avatar
HoloKat 2y ago

What do you think the icon should be?

Avatar
hodlbod 2y ago

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

Avatar
TheZenLlama 2y ago

Nostr, where buttons can be clients too πŸ˜‚πŸ¦™πŸ’œ

Avatar
HoloKat 2y ago

building? ;)

Avatar
hodlbod 2y ago

Tempting