Bibes.js

Convert your .bib into a Live Search of publications for your website

Demo
Getting Started
First download Bibes.js. Then follow the next 4 steps:
1
Import JQuery & Boostrap
        <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
        <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">
      
2
Import Bibes.js
        <script src="your/path/to/bibes.js"></script>
      
3
Define your "bibes" div
        <div id="bibes"></div>
      
4
Initialize Bibes
        
        <script>
            Bibes.init({
              bibFile: "your/path/to/file.bib"
            })
        </script>
        
      
Summary
Your webpage should end up looking like this:

        <head>
            ...
            <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
            <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">
            <script src="your/path/to/bibes.js"></script>
        </head>
        
        <body>
            ...
            <div id="bibes"></div>
            ...
            <script>
                Bibes.init({
                  bibFile: "your/path/to/file.bib"
                })
            </script>
        </body>

      
Customize
When initializing Bibes:
        
        <script>
            Bibes.init({
              bibFile: "your/path/to/file.bib",
              data: {
                title: "My Title",
                subtitle: "My Subtitle",
                title_background_color: "#00FF00",
                search_bar_background_color: "blue"
              }
            })
        </script>