https://mayow.github.io/js/front.js

1var app = document.getElementById('app');
2
3var typewriter = new Typewriter(app, {
4    loop: true
5});
6
7typewriter.typeString("Welcome to Mohamed Mayow's portfolio page")
8    .deleteAll()
9    .start();
10
11
12
13$(function() {
14
15    // ---------------------------------------------- //
16    // Navbar
17    // ---------------------------------------------- //
18
19    $(document).scroll(function() {
20        if ($(window).scrollTop() >= $('header').offset().top) {
21            $('nav').addClass('sticky');
22        } else {
23            $('nav').removeClass('sticky');
24        }
25    });
26
27
28    // ---------------------------------------------- //
29    // Scroll Spy
30    // ---------------------------------------------- //
31
32    $('body').scrollspy({
33        target: '.navbar',
34        offset: 80
35    });
36
37    // ---------------------------------------------- //
38    // Preventing URL update on navigation link click
39    // ---------------------------------------------- //
40
41    $('.navbar-nav a, #scroll-down').bind('click', function(e) {
42        var anchor = $(this);
43        $('html, body').stop().animate({
44            scrollTop: $(anchor.attr('href')).offset().top
45        }, 1000);
46        e.preventDefault();
47    });
48
49    // ------------------------------------------------------ //
50    // styled Google Map
51    // ------------------------------------------------------ //
52
53    map();
54
55
56    // ------------------------------------------------------ //
57    // For demo purposes, can be deleted
58    // ------------------------------------------------------ //
59
60    var stylesheet = $('link#theme-stylesheet');
61    $("<link id='new-stylesheet' rel='stylesheet'>").insertAfter(stylesheet);
62    var alternateColour = $('link#new-stylesheet');
63
64    if ($.cookie("theme_csspath")) {
65        alternateColour.attr("href", $.cookie("theme_csspath"));
66    }
67
68    $("#colour").change(function() {
69
70        if ($(this).val() !== '') {
71
72            var theme_csspath = 'css/style.' + $(this).val() + '.css';
73
74            alternateColour.attr("href", theme_csspath);
75
76            $.cookie("theme_csspath", theme_csspath, { expires: 365, path: document.URL.substr(0, document.URL.lastIndexOf('/')) });
77
78        }
79
80        return false;
81    });
82
83});