inpycon2019/_layouts/default.html at 56ea9507ff366c17f5367b8a3e4de6d2f8ea4dc5 · pythonindia/inpycon2019 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html>
<html lang="en">

{% include head.html %}

<body>

  <ul class="skip-main">
    <li><a href="#main-content">Skip to Main Content</a></li>
  </ul>

  {% unless page.bloglike %}
    {% asset railway.png alt="" class="railway bg" %}
    {% asset train.png alt="" id="object" class="bg" %}
  {% endunless %}

  {% include navbar.html %}

  <main role="main" id="main-content" tabindex="-1">
    <div class="{% if page.bloglike %}blog{% endif %}">
      {% if page.bloglike %}<h1><strong>{{page.title}}</strong></h1>{% endif %}
      {{content}}
    </div>
  </main>

  {% include footer.html %}

  <!-- JavaScript assets -->
  {% asset jquery-2.1.1.js %}
  {% asset bootstrap.min.js %}

  <!--tab script-->
  <script>
    $(document).ready(function() {
      $(".btn-pref .btn").click(function () {
        $(".btn-pref .btn").removeClass("btn-primary").addClass("btn-default");
        // $(".tab").addClass("active"); // instead of this do the below
        $(this).removeClass("btn-default").addClass("btn-primary");
      });
    });
  </script>

  {% unless page.bloglike %}
    {% asset wow.js %}
    <script>new WOW().init();</script>

    <!--counter scripts-->
    <script>
      $('.counter-count').each(function () {
        $(this).prop('Counter',0).animate({
            Counter: $(this).text()
        }, {
            duration: 5000,
            easing: 'swing',
            step: function (now) {
                $(this).text(Math.ceil(now));
        }});
      });
    </script>

    <!--train scripts-->
    <script>
      var window_width = $(window).height() - $('#object').width();
      var document_height = $(document).height() - $(window).height();
      $(function () {
          $(window).scroll(function () {
              var scroll_position = $(window).scrollTop();
              var object_position_left = window_width * (scroll_position / (document_height + document_height/10));
              $('#object').css({
                  'top': object_position_left,
                  'transition': '0.6s'
              });
          });
      });
    </script>
  {% endunless %}
</body>
</html>