bel-card

    1.1.3 • Public • Published

    bel-card

    Two-sided card that switches sides on hover

    See demo

    You can use bel-card as an NPM module

    npm install bel-card
    var card = require('bel-card')
     
    var el = card({
      name      : 'Nina Breznik',      
      /* name and surname will be displayed on the front page of the card */                                                
      username  : 'ninabreznik',                                                        
      /*
        username field will be displayed under the name and surname
        and  also for linking to the social media profiles
        var twitter           = `https://twitter.com/${username}`
        var github            = `https://github.com/${username}`
        var codepen           = `https://codepen.io/${username}`
      */
      cardText  : `Teaching JavaScript @wizardamigos.com |     
                  Community builder @codingamigos.com |
                  Hacktivist @refugeeswork.com |
                  Client stuff @fairydust.agency`,    
      /* card text will be displayed on the back of the hard (visible on hover)*/                           
      imageUrl  : 'https://nomadlist.com/assets/img/cities/phuket-thailand-500px.jpg'   
      /* link to the image, displayed as a profile on the front page of the card */
    })
     
    document.body.appendChild(el)

    Install

    npm i bel-card

    DownloadsWeekly Downloads

    1

    Version

    1.1.3

    License

    MIT

    Last publish

    Collaborators

    • ninabreznik