sanskrit-documentation-theme 0.1.6 → 0.1.7

data/assets/css/embeds.scss

@@ -0,0 +1,19 @@
+---
+---
+  // The dashes above are required by jekyll.
+  // This file generates a css.
+
+.videoEmbed {
+  position: relative;
+  padding-bottom: 56.333%;
+  height: 0;
+  background: black;
+}
+.videoEmbed iframe {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border: 0;
+}

data/assets/css/navbar-toc.scss

@@ -4,91 +4,33 @@
   // This file generates a css.
   
 /*Table of contents and Navbar*/
-
-a.dropdown-toggle, .navbar-inverse .navbar-nav > li > a {
-  margin-left: 10px;
-}
-
-div#toc > ul::before {
-  content: "In this page:";
-  font-weight: bolder;
-  color: #9c131e;
-}
-
-li.dropdownActive a {
-  font-weight: bold;
-}
-
-.nav-tabs > li.active > a {
-  background-color: #248ec2;
-  color: white;
-  &:hover, &:focus {
-    background-color: #248ec2;
-    color: white;
-  }
-}
-
-/************************************************************/
-
-.navbar-inverse {
-  .navbar-nav > {
-    li > a {
-      background-color: transparent;
-      margin-top: 10px;
-    }
-    .active > a {
-      border-radius: 5px;
-      &:hover, &:focus {
-        border-radius: 5px;
-      }
-    }
-    .open > a {
-      border-radius: 5px;
-      &:focus, &:hover {
-        border-radius: 5px;
-      }
-    }
-  }
-  .navbar-collapse, .navbar-form {
-    border-color: #248ec2 !important;
-  }
+li.sidebarTitle {
+  margin-top: 20px;
+  font-weight: normal;
+  font-size: 130%;
+  color: #0041ed;
+  margin-bottom: 10px;
+  margin-left: 5px;
 }
 
-/* not sure if using this ...*/
-
 /************************************************************/
-/* FAQ page */
-
-#accordion .panel-heading {
-  font-size: 110%;
-}
-
-a {
-  &.accordion-toggle, &.accordion-collapsed {
-    font-size: 110%;
-    text-decoration: none;
-  }
-}
-
-/************************************************************/
-
-/* navgoco sidebar styles (customized) */
-
+// The below was generated from 1b775fd Mar 14, 2014 version of navgoco.
 .nav {
   list-style: none;
+  border-width: 2px;
+  border-color: #000000;
   ul, li {
     list-style: none;
+    background: #FAFAFA;
   }
   ul {
     padding: 0;
-    /*margin: 0 0 0 110%;*/
-    margin: 0px;
+    margin: 0 0 0 18px;
   }
-  /* padding: 4px;*/
-  padding: 0px;
+  padding: 4px;
   margin: 0px;
   > li {
-    margin: 1px 0;
+    margin: 4px 0;
     li {
       margin: 2px 0;
     }
@@ -97,17 +39,22 @@ a {
     color: #333;
     display: block;
     outline: none;
-    /*-webkit-border-radius: 4px;
-    -moz-border-radius: 4px;
-    border-radius: 4px;*/
+    border-radius: 4px;
     text-decoration: none;
   }
   li {
-    > a > span {
-      float: right;
-      font-size: 130%;
-      font-weight: bolder;
-      &:after {
+    border-width: 2px;
+    border-color: #000000;
+    > a {
+      > span {
+        float: right;
+        font-size: 130%;
+        font-weight: bolder;
+      }
+      &:hover > span {
+        color: #000000;
+      }
+      > span:after {
         content: '\25be';
       }
     }
@@ -117,7 +64,7 @@ a {
   }
   a:hover {
     background-color: #8D8D8D;
-    color: #f5f5f5;
+    color: #000000;
   }
   li {
     &.active > a {
@@ -126,85 +73,16 @@ a {
     }
     a {
       font-size: 110%;
-      line-height: 20px;
+      line-height: 110%;
       padding: 2px 10px;
-      background-color: #f1f1f1;
     }
   }
   > li.active > a {
-    background-color: #347DBE;
+    background-color: rgb(190, 129, 0);
   }
   > li > a {
     font-size: 110%;
-    line-height: 20px;
+    line-height: 120%;
     padding: 4px 10px;
   }
-}
-
-ul#displayed_sidebar {
-  border-radius: 0px;
-}
-
-.nav {
-  ul li ul li a {
-    padding-left: 40px;
-  }
-  li.thirdlevel > a {
-    color: #248EC2;
-    font-weight: bold;
-    padding-left: 20px;
-    background-color: whitesmoke !important;
-  }
-  ul li a {
-    background-color: #FAFAFA;
-  }
-  li a {
-    padding-right: 10px;
-    &:hover {
-      background-color: #8D8D8D;
-    }
-  }
-  ul {
-    li a {
-      border-top: 1px solid whitesmoke;
-      padding-left: 10px;
-    }
-    &.series {
-      li {
-        list-style: decimal;
-        font-size: 80%;
-        a:hover {
-          background-color: gray;
-        }
-      }
-      padding-left: 30px;
-      background-color: #FAFAFA;
-    }
-  }
-  li.active > a.subfoldersTitle {
-    background-color: whitesmoke;
-    font-weight: bold;
-    color: black;
-  }
-}
-
-/************************************************************/
-
-div#toc ul li ul li {
-  list-style-type: none;
-  margin: 5px 0px 0px 0px;
-}
-
-#displayed_sidebar .nav ul {
-  background-color: #FAFAFA;
-}
-
-.seriesContext .dropdown-menu li.active {
-  font-weight: bold;
-  margin-left: 43px;
-  font-size: 110%;
-}
-
-li.activeSeries {
-  font-weight: bold;
 }

data/assets/css/topnav.scss

@@ -0,0 +1,86 @@
+---
+---
+// The dashes above are required by jekyll.
+// This file generates a css.
+
+.projectTitle {
+  font-weight: bold;
+  color: #ffffff;
+  padding-top: 15px;
+  padding-bottom: 15px;
+  vertical-align: center;
+  // When you hover on the title in the navbar.
+  &:hover{
+    color: #f0f0f0;
+  }
+}
+
+.githubEditButton {
+  margin-bottom: 7px;
+}
+
+.navbar {
+  background-color: #be8100;
+  border-color: #015CAE;
+  ul, li {
+    list-style: none;
+  }
+  .navbar-nav > li > a, .navbar-brand {
+    color: white;
+  }
+  .navbar-nav > li > a:hover {
+    color: #f0f0f0;
+  }
+  .navbar-nav > .open > a {
+    color: #015CAE;
+    &:hover, &:focus {
+      color: #015CAE;
+    }
+    background-color: #015CAE;
+    color: #ffffff;
+    &:hover, &:focus {
+      background-color: #015CAE;
+      color: #ffffff;
+    }
+  }
+  .navbar-collapse, .navbar-form {
+    border-color: #248ec2 !important;
+  }
+  .navbar-nav > {
+    li > a {
+      background-color: transparent;
+      margin-top: 10px;
+    }
+    .active > a {
+      border-radius: 5px;
+      &:hover, &:focus {
+        border-radius: 5px;
+      }
+    }
+    .open > a {
+      border-radius: 5px;
+      &:focus, &:hover {
+        border-radius: 5px;
+      }
+    }
+  }
+  .navbar-collapse, .navbar-form {
+    border-color: #248ec2 !important;
+  }
+}
+
+.navbar .navbar-nav > .active > a {
+  background-color: #be8100;
+  &:hover, &:focus {
+    background-color: #be8100;
+  }
+}
+
+
+div.navbar-collapse .dropdown-menu > li > a:hover {
+  background-color: #be8100;
+}
+
+li.dropdownActive a {
+  font-weight: bold;
+}

data/assets/js/navgoco.js

@@ -0,0 +1,314 @@
+/*
+ * jQuery Navgoco Menus Plugin v0.2.1 (2014-04-11)
+ * https://github.com/tefra/navgoco
+ *
+ * Copyright (c) 2014 Chris T (@tefra)
+ * BSD - https://github.com/tefra/navgoco/blob/master/LICENSE-BSD
+ */
+(function($) {
+
+    "use strict";
+
+    /**
+     * Plugin Constructor. Every menu must have a unique id which will either
+     * be the actual id attribute or its index in the page.
+     *
+     * @param {Element} el
+     * @param {Object} options
+     * @param {Integer} idx
+     * @returns {Object} Plugin Instance
+     */
+    var Plugin = function(el, options, idx) {
+        this.el = el;
+        this.$el = $(el);
+        this.options = options;
+        this.uuid = this.$el.attr('id') ? this.$el.attr('id') : idx;
+        this.state = {};
+        this.init();
+        return this;
+    };
+
+    /**
+     * Plugin methods
+     */
+    Plugin.prototype = {
+        /**
+         * Load cookie, assign a unique data-index attribute to
+         * all sub-menus and show|hide them according to cookie
+         * or based on the parent open class. Find all parent li > a
+         * links add the carent if it's on and attach the event click
+         * to them.
+         */
+        init: function() {
+            var self = this;
+            self._load();
+            self.$el.find('ul').each(function(idx) {
+                var sub = $(this);
+                sub.attr('data-index', idx);
+                if (self.options.save && self.state.hasOwnProperty(idx)) {
+                    sub.parent().addClass(self.options.openClass);
+                    sub.show();
+                } else if (sub.parent().hasClass(self.options.openClass)) {
+                    sub.show();
+                    self.state[idx] = 1;
+                } else {
+                    sub.hide();
+                }
+            });
+
+            var caret = $('<span></span>').prepend(self.options.caretHtml);
+            var links = self.$el.find("li > a");
+            self._trigger(caret, false);
+            self._trigger(links, true);
+            self.$el.find("li:has(ul) > a").prepend(caret);
+        },
+        /**
+         * Add the main event trigger to toggle menu items to the given sources
+         * @param {Element} sources
+         * @param {Boolean} isLink
+         */
+        _trigger: function(sources, isLink) {
+            var self = this;
+            sources.on('click', function(event) {
+                event.stopPropagation();
+                var sub = isLink ? $(this).next() : $(this).parent().next();
+                var isAnchor = false;
+                if (isLink) {
+                    var href = $(this).attr('href');
+                    isAnchor = href === undefined || href === '' || href === '#';
+                }
+                sub = sub.length > 0 ? sub : false;
+                self.options.onClickBefore.call(this, event, sub);
+
+                if (!isLink || sub && isAnchor) {
+                    event.preventDefault();
+                    self._toggle(sub, sub.is(":hidden"));
+                    self._save();
+                } else if (self.options.accordion) {
+                    var allowed = self.state = self._parents($(this));
+                    self.$el.find('ul').filter(':visible').each(function() {
+                        var sub = $(this),
+                            idx = sub.attr('data-index');
+
+                        if (!allowed.hasOwnProperty(idx)) {
+                            self._toggle(sub, false);
+                        }
+                    });
+                    self._save();
+                }
+                self.options.onClickAfter.call(this, event, sub);
+            });
+        },
+        /**
+         * Accepts a JQuery Element and a boolean flag. If flag is false it removes the `open` css
+         * class from the parent li and slides up the sub-menu. If flag is open it adds the `open`
+         * css class to the parent li and slides down the menu. If accordion mode is on all
+         * sub-menus except the direct parent tree will close. Internally an object with the menus
+         * states is maintained for later save duty.
+         *
+         * @param {Element} sub
+         * @param {Boolean} open
+         */
+        _toggle: function(sub, open) {
+            var self = this,
+                idx = sub.attr('data-index'),
+                parent = sub.parent();
+
+            self.options.onToggleBefore.call(this, sub, open);
+            if (open) {
+                parent.addClass(self.options.openClass);
+                sub.slideDown(self.options.slide);
+                self.state[idx] = 1;
+
+                if (self.options.accordion) {
+                    var allowed = self.state = self._parents(sub);
+                    allowed[idx] = self.state[idx] = 1;
+
+                    self.$el.find('ul').filter(':visible').each(function() {
+                        var sub = $(this),
+                            idx = sub.attr('data-index');
+
+                        if (!allowed.hasOwnProperty(idx)) {
+                            self._toggle(sub, false);
+                        }
+                    });
+                }
+            } else {
+                parent.removeClass(self.options.openClass);
+                sub.slideUp(self.options.slide);
+                self.state[idx] = 0;
+            }
+            self.options.onToggleAfter.call(this, sub, open);
+        },
+        /**
+         * Returns all parents of a sub-menu. When obj is true It returns an object with indexes for
+         * keys and the elements as values, if obj is false the object is filled with the value `1`.
+         *
+         * @since v0.1.2
+         * @param {Element} sub
+         * @param {Boolean} obj
+         * @returns {Object}
+         */
+        _parents: function(sub, obj) {
+            var result = {},
+                parent = sub.parent(),
+                parents = parent.parents('ul');
+
+            parents.each(function() {
+                var par = $(this),
+                    idx = par.attr('data-index');
+
+                if (!idx) {
+                    return false;
+                }
+                result[idx] = obj ? par : 1;
+            });
+            return result;
+        },
+        /**
+         * If `save` option is on the internal object that keeps track of the sub-menus states is
+         * saved with a cookie. For size reasons only the open sub-menus indexes are stored.		 *
+         */
+        _save: function() {
+            if (this.options.save) {
+                var save = {};
+                for (var key in this.state) {
+                    if (this.state[key] === 1) {
+                        save[key] = 1;
+                    }
+                }
+                cookie[this.uuid] = this.state = save;
+                $.cookie(this.options.cookie.name, JSON.stringify(cookie), this.options.cookie);
+            }
+        },
+        /**
+         * If `save` option is on it reads the cookie data. The cookie contains data for all
+         * navgoco menus so the read happens only once and stored in the global `cookie` var.
+         */
+        _load: function() {
+            if (this.options.save) {
+                if (cookie === null) {
+                    var data = $.cookie(this.options.cookie.name);
+                    cookie = (data) ? JSON.parse(data) : {};
+                }
+                this.state = cookie.hasOwnProperty(this.uuid) ? cookie[this.uuid] : {};
+            }
+        },
+        /**
+         * Public method toggle to manually show|hide sub-menus. If no indexes are provided all
+         * items will be toggled. You can pass sub-menus indexes as regular params. eg:
+         * navgoco('toggle', true, 1, 2, 3, 4, 5);
+         *
+         * Since v0.1.2 it will also open parents when providing sub-menu indexes.
+         *
+         * @param {Boolean} open
+         */
+        toggle: function(open) {
+            var self = this,
+                length = arguments.length;
+
+            if (length <= 1) {
+                self.$el.find('ul').each(function() {
+                    var sub = $(this);
+                    self._toggle(sub, open);
+                });
+            } else {
+                var idx,
+                    list = {},
+                    args = Array.prototype.slice.call(arguments, 1);
+                length--;
+
+                for (var i = 0; i < length; i++) {
+                    idx = args[i];
+                    var sub = self.$el.find('ul[data-index="' + idx + '"]').first();
+                    if (sub) {
+                        list[idx] = sub;
+                        if (open) {
+                            var parents = self._parents(sub, true);
+                            for (var pIdx in parents) {
+                                if (!list.hasOwnProperty(pIdx)) {
+                                    list[pIdx] = parents[pIdx];
+                                }
+                            }
+                        }
+                    }
+                }
+
+                for (idx in list) {
+                    self._toggle(list[idx], open);
+                }
+            }
+            self._save();
+        },
+        /**
+         * Removes instance from JQuery data cache and unbinds events.
+         */
+        destroy: function() {
+            $.removeData(this.$el);
+            this.$el.find("li:has(ul) > a").unbind('click');
+            this.$el.find("li:has(ul) > a > span").unbind('click');
+        }
+    };
+
+    /**
+     * A JQuery plugin wrapper for navgoco. It prevents from multiple instances and also handles
+     * public methods calls. If we attempt to call a public method on an element that doesn't have
+     * a navgoco instance, one will be created for it with the default options.
+     *
+     * @param {Object|String} options
+     */
+    $.fn.navgoco = function(options) {
+        if (typeof options === 'string' && options.charAt(0) !== '_' && options !== 'init') {
+            var callback = true,
+                args = Array.prototype.slice.call(arguments, 1);
+        } else {
+            options = $.extend({}, $.fn.navgoco.defaults, options || {});
+            if (!$.cookie) {
+                options.save = false;
+            }
+        }
+        return this.each(function(idx) {
+            var $this = $(this),
+                obj = $this.data('navgoco');
+
+            if (!obj) {
+                obj = new Plugin(this, callback ? $.fn.navgoco.defaults : options, idx);
+                $this.data('navgoco', obj);
+            }
+            if (callback) {
+                obj[options].apply(obj, args);
+            }
+        });
+    };
+    /**
+     * Global var holding all navgoco menus open states
+     *
+     * @type {Object}
+     */
+    var cookie = null;
+
+    /**
+     * Default navgoco options
+     *
+     * @type {Object}
+     */
+    $.fn.navgoco.defaults = {
+        caretHtml: '',
+        accordion: false,
+        openClass: 'open',
+        save: true,
+        cookie: {
+            name: 'navgoco',
+            expires: false,
+            path: '/'
+        },
+        slide: {
+            duration: 400,
+            easing: 'swing'
+        },
+        onClickBefore: $.noop,
+        onClickAfter: $.noop,
+        onToggleBefore: $.noop,
+        onToggleAfter: $.noop
+    };
+})(jQuery);