index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title> ಎ. ಪಿ. ಮಾಲತಿ ಡಿಜಿಟಲ್ ಕನ್ನಡ ಪುಸ್ತಕಗಳು </title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="ಎ. ಪಿ. ಮಾಲತಿ ಡಿಜಿಟಲ್ ಕನ್ನಡ ಪುಸ್ತಕಗಳ ಸುಲಭ ಲಭ್ಯತೆಗೆ ಡಿಜಿಟಲ್ ಸಂಚಯವನ್ನು ಸೃಷ್ಟಿಸಲಾಗಿದೆ‍!">
    <meta name="author" content="Sanchaya">

    <meta property="og:image" content="https://digital.sanchaya.net/img/cover_modularjavascript.png" />
    <meta property="og:title" content="ಎ. ಪಿ. ಮಾಲತಿ ಡಿಜಿಟಲ್ ಕನ್ನಡ ಪುಸ್ತಕಗಳು" />
    <meta property="og:description" content="‍ಎ. ಪಿ. ಮಾಲತಿ ಡಿಜಿಟಲ್ ಕನ್ನಡ ಪುಸ್ತಕಗಳ ಸುಲಭ ಲಭ್ಯತೆಗೆ ಡಿಜಿಟಲ್ ಸಂಚಯವನ್ನು ಸೃಷ್ಟಿಸಲಾಗಿದೆ‍!" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://digital.sanchaya.net/" />

    <meta name="twitter:card" content="ಎ. ಪಿ. ಮಾಲತಿ ಡಿಜಿಟಲ್ ಕನ್ನಡ ಪುಸ್ತಕಗಳ ಸುಲಭ ಲಭ್ಯತೆಗೆ ಡಿಜಿಟಲ್ ಸಂಚಯವನ್ನು ಸೃಷ್ಟಿಸಲಾಗಿದೆ!"/>
    <meta name="twitter:url" content="https://digital.sanchaya.net/"/>
    <meta name="twitter:title" content="ಎ. ಪಿ. ಮಾಲತಿ ಡಿಜಿಟಲ್ ಕನ್ನಡ ಪುಸ್ತಕಗಳು"/>
    <meta name="twitter:description" content="ಎ. ಪಿ. ಮಾಲತಿ ಡಿಜಿಟಲ್ ಕನ್ನಡ ಪುಸ್ತಕಗಳ ಸುಲಭ ಲಭ್ಯತೆಗೆ ಡಿಜಿಟಲ್ ಸಂಚಯವನ್ನು ಸೃಷ್ಟಿಸಲಾಗಿದೆ‍!"/>
    <meta name="twitter:image" content="https://digital.sanchaya.net/img/cover_modularjavascript.png"/>
    <meta name=”twitter:creator” value=”@_sanchaya />‍

    <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" type="text/css" href="./css/index.css" media="all">

    <link rel="shortcut icon" href="./img/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="./img/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="./img/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="./img/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="./assets/ico/apple-touch-icon-57-precomposed.png">
</head>

<body>
    <!-- ==========================
    NAVBAR
    =========================== -->
    <div class="navbar navbar-fixed-top jshead">
        <img src="./img/logo_sanchaya.png" alt="javascript tutorials" width="200" height="54">

        <h1>ಎ. ಪಿ. ಮಾಲತಿ ಡಿಜಿಟಲ್ ಕನ್ನಡ ಪುಸ್ತಕಗಳು</h1>
        <div class="">
        <a href="https://sanchifoundation.org" id="sanchi">ಸಂಚಿ ಫೌಂಡೇಶನ್</a>
        |
        <a href="https://sanchaya.org" id="sanchaya">ಸಂಚಯ</a>
        </div>
        <a href="#" id="infos">?</a>
        <div id="twittit">
            <a href="https://twitter.com/_sanchaya" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @_sanchaya</a>
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
        </div>
        <div class="container">
      <center><form><script src="https://cdn.razorpay.com/static/widget/payment-button.js" data-payment_button_id="pl_FTB1pZqrFP6jrt"> </script> </form>
      </center>
    </div>
    </div>

    <!-- ==========================
    TOGGLE INFOS
    =========================== -->
    <div class="container" id="jsinfos">
        <div class="row">
            <div class="span6">
                <h4>ಎ. ಪಿ. ಮಾಲತಿ ಡಿಜಿಟಲ್ ಕನ್ನಡ ಪುಸ್ತಕಗಳು</h4>
                <hr>
                <p> "ಎ. ಪಿ. ಮಾಲತಿ ಡಿಜಿಟಲ್ ಕನ್ನಡ ಪುಸ್ತಕಗಳ ಸುಲಭ ಲಭ್ಯತೆಗೆ ಡಿಜಿಟಲ್ ಸಂಚಯವನ್ನು ಸೃಷ್ಟಿಸಲಾಗಿದೆ‍!. ಈ ಕಾರ್ಯಕ್ಕೆ ಆಸಕ್ತರು, ಪುಸ್ತಕಗಳನ್ನು ಹೊಂದಿರುವವರು,
                ನಮ್ಮ ತಾಂತ್ರಿಕ ಕೆಲಸಗಳಿಗೆ ಸಹಕರಿಸುವವರು, ಯಾರು ಬೇಕಾದರೂ ಕೈ ಜೋಡಿಸಬಹುದು. ಸಂಪರ್ಕಿಸಿ dev@sanchaya.net"</p>
            </div>
            <div class="span6">
                <a href="https://twitter.com/share" class="twitter-share-button" data-text="ಡಿಜಿಟಲ್ ಕನ್ನಡ ಪುಸ್ತಕಗಳು - ಸಂಚಯದ ಪುಸ್ತಕ ಡಿಜಿಟಲೀಕರಣ ಯೋಜನೆಯ ಭಾಗವಾಗಿದೆ"‍ data-via="_sanchaya"></a>
                <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
            </div>
        </div>
    </div>

    <!-- ==========================
    JOB / PYTHONBOOKS
    =========================== -->
    <div class="container">
        <div class="row">
            <div class="pythonbooks span12">
                <p>See also :</p>
                <a href="https://digital.sanchaya.net/" title="ಪುಸ್ತಕ ಡಿಜಿಟಲೀಕರಣ ಯೋಜನೆ"‍ target="_blank">
                    <img src="./img/logo_sanchaya.png" alt="Sanchaya" title="ಕನ್ನಡ ಭಾಷಾ ತಂತ್ರಜ್ಞಾನ ಸಂ‍ಶೋಧನೆ ಹಾಗೂ ಅಧ್ಯಯನ ವೇದಿಕೆ!" width="100" height="16">
                </a>
                <a href="https://sanchaya.org/project/kannada-digitization-project/" target="_blank">
                  ‍
                </a>
            </div>
            <div class="span12 row-fluid">
                <p class="span1">Filter by :</p>
                <ul id="filterBy">
                    <li><a href="#" data-level="any" class="active" title="filter books by All">All</a></li>
                    <li><a href="#" data-level="ವಿಜ್ಞಾನ ಸಾಹಿತ್ಯ" title="filter books by ವಿಜ್ಞಾನ ಸಾಹಿತ್ಯ">ವಿಜ್ಞಾನ ಸಾಹಿತ್ಯ</a></li>
                    <li><a href="#" data-level="ಕನ್ನಡ ಸಾಹಿತ್ಯ" title="filter books by ಕನ್ನಡ ಸಾಹಿತ್ಯ">ಕನ್ನಡ ಸಾಹಿ‌ತ್ಯ</a></li>
                    <li><a href="#" data-level="Advanced" title="filter books by Advanced">Advanced</a></li>
                </ul>
            </div>
        </div>

        <!-- ////////// WRAPPER BOOKS -->
        <div class="row" id="issueswrap"></div>
    </div>

    <!-- ==========================
    FOOTER
    =========================== -->
    <div class="footer">
        <hr>
        <p> Sanchi Foundation® | ಸಂಚಿ ಫೌಂಡೇಷನ್® Except where otherwise noted, content on this site
          is licensed under a Creative Commons Attribution 4.0 International License.
          Each book has its own copyright/license. Please read the metadata on the book page. </p>
    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script src="./js/mustache.js"></script>

    <script type="text/javascript">

    function randOrd(){
      return (Math.round(Math.random())-0.5);
    }

    function filterBy() {
        var // var's sort by
            active = 'active',
            btFilterBy = $('#filterBy').find('a'),
            booksection = $('.booksection');

        // interaction filter by level
        btFilterBy.on('click', function(e) {
            e.preventDefault();
            var level = $(this).data('level');
            if (level==='any') {
                // restore all books
                booksection.show();
            } else {
                booksection.not('.' + level).fadeOut('fast');
                booksection.filter('.' + level).fadeIn('fast');
            }

            btFilterBy.removeClass(active);
            $(this).addClass(active);
        });
    }

    $(document).ready(function() {
        // get the data and compile into the html template
        $.getJSON('./issues.json?' + Math.random(), function(data) {
            var template = $('#booktpl').html(),
                issuesWrap = $('#issueswrap');

            data.books.sort(randOrd);
            issuesWrap.html(Mustache.to_html(template, data));

            filterBy();
        });

        var // var's info
            jsInfos = $('#jsinfos'),
            btInfo = $('a.#infos');

        // interaction show more info about it
        jsInfos.hide();
        btInfo.on('click', function(){
          jsInfos.slideToggle();
        });
    });
    </script>

    <script id="booktpl" type="text/template">
        {{#books}}
         <div class="span4 booksection {{level}}">
          <a  target="_blank" href="{{url}}">
           <div class="view"> ಓದಿರಿ </div>

           <div title="{{ title }}" id="cover" style="background:black url('{{cover}}') no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;">
           </div>
           <h2 title="{{ title }}">{{title}}</h2>
          </a>
          <h3><a href="{{authorUrl}}" target="_blank">{{author}}</a></h3>
          <p class="level">{{level}}</p>
          <p class="description">{{info}}</p>
        </div>
        {{/books}}
    </script>

    <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-3727897-43"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-3727897-43');
</script>
  </body>
</html>