Giter Club home page Giter Club logo

kirkone / snappy.cards Goto Github PK

View Code? Open in Web Editor NEW
11.0 11.0 2.0 1.77 MB

Simple contact card with qr code generation and the data is only stored in the URL. Nothing will left the browser or can be ready by 3rd.

Home Page: https://snappy.cards/#name=Max%20Mustermann&phone=%2b49%20123%204567890&[email protected]&web=awesomesite.com&avatar=ygEyXBClJhA&background=grOCtxtBrDg&job=Toller%20Typ&sub==^..^=

License: MIT License

HTML 1.54% TypeScript 94.79% CSS 2.34% JavaScript 1.34%

snappy.cards's People

Contributors

kirkone avatar tmueller avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

snappy.cards's Issues

Add more information

As a user I want to add Links and Info to social networks.

Also add icon set.

Add a parameter for the count of items displayed until collapse

To Make it more flexible it should be possible to select how many items are needed until the expand button appears.

For example:

show=4

This will show four items in the card and if there are more the expand button.

Omit the parameter should sow all items without the button.

This might be helpful as of we now have way more fields.

Add qr code with the .vcf file in it

As a user I want to get the .vcf file instead of the link to the page when I read the qr code.

Both options should be available.

Maybe a swipe to the right can change the code.

Free form fields

Currently only known fields can be shown on the card. Any url parameter (maybe starting with x-) should be shown on the card. Problem: icon for unknown parameters?

Add a parameter to privide a color accent for the glassy surfaces

          A color accent theme, calculated from background image color would be cool

Originally posted by @tmueller in #15 (comment)

Unfortunately extracting an accent color from a background image is not possible, due to security limitations. Pixels of an image downloaded from a different host cannot be accessed, not even when used with canvas.

So implementing an explicit parameter might be best for now.

Make it a pwa

As a user I want to add my snappy card to my desktop.

Please add support telegram too

Hi Guys,

it would be nice to add Telegram support.
Telegram can use UserNames instead of phone numbers. If you use usernames you can add them with t.me link. The links are build like t.me/{name} some example could be:

t.me/maxmustermann

Add the avatar image to the vcard

maybe something like this will work:

// Add image
builder.AppendLine("PHOTO;ENCODING=BASE64;TYPE=JPEG:");
builder.AppendLine(Convert.ToBase64String(Image));
builder.AppendLine(string.Empty);

Sub Text is too dark

Opend: Edge Version 95.0.1020.30 (Offizielles Build) (64-Bit) Dark Mode
Intended ?

IPhone sometimes adds type=undefined to URL

Seems to be the case for IPhone, never observed it on Android.
Notes:

  • nothing is supposed to be undefined, O.none is used instead
  • no parameter "type" is defined in URL schema
  • no idea so far

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.