RubyGems - jekyll-theme-open-course - Versions diffs - 0.0.1 → 1.3.0 - Mend

jekyll-theme-open-course 0.0.1 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (63) hide show

checksums.yaml +4 -4
data/Gemfile.lock +6 -6
data/_config.yml +35 -2
data/_data/utility.yml +1 -1
data/_layouts/calendar.html +68 -17
data/_layouts/default.html +39 -22
data/_layouts/error.html +10 -0
data/_layouts/policies.html +17 -0
data/_layouts/projects.html +71 -0
data/_sass/_base.scss +108 -0
data/_sass/_colors.scss +190 -0
data/_sass/_fonts.scss +10 -0
data/_sass/_typography.scss +358 -0
data/assets/css/print.css +26 -24
data/assets/css/screen.scss +22 -0
data/assets/js/site.js +289 -0
data/assets/js/sw.js +220 -0
data/exe/jtoc +76 -0
data/lib/jtoc.rb +177 -0
data/lib/starter_files/_config.yml.erb +84 -0
data/lib/starter_files/_data/calendar.yml.erb +6 -0
data/lib/starter_files/_data/utility.yml +35 -0
data/lib/starter_files/index.md.erb +5 -0
data/lib/starter_files/offline/index.md +7 -0
data/lib/starter_files/syllabus/_policies/academic-integrity.md +3 -0
data/lib/starter_files/syllabus/_policies/assignment-submission.md +3 -0
data/lib/starter_files/syllabus/_policies/books.md +17 -0
data/lib/starter_files/syllabus/_policies/description.md +3 -0
data/lib/starter_files/syllabus/_policies/goals.md +3 -0
data/lib/starter_files/syllabus/_policies/grading-criteria.md +3 -0
data/lib/starter_files/syllabus/_policies/grading-policy.md +3 -0
data/lib/starter_files/syllabus/_policies/late-work.md +3 -0
data/lib/starter_files/syllabus/_policies/materials.md +17 -0
data/lib/starter_files/syllabus/_policies/objectives.md +3 -0
data/lib/starter_files/syllabus/_policies/outcomes.md +3 -0
data/lib/starter_files/syllabus/_policies/participation.md +3 -0
data/lib/starter_files/syllabus/_policies/special-needs.md +3 -0
data/lib/starter_files/syllabus/_policies/technology-policy.md +3 -0
data/lib/starter_files/syllabus/_projects/project-00.md.erb +23 -0
data/lib/starter_files/syllabus/_weeks/week-00.md.erb +11 -0
data/projects/index.md +1 -30
metadata +39 -26
data/_data/weeks/01.yml +0 -21
data/_data/weeks/02.yml +0 -1
data/_data/weeks/03.yml +0 -1
data/_data/weeks/04.yml +0 -1
data/_data/weeks/05.yml +0 -1
data/_data/weeks/06.yml +0 -1
data/_data/weeks/07.yml +0 -1
data/_data/weeks/08.yml +0 -1
data/_data/weeks/09.yml +0 -1
data/_data/weeks/10.yml +0 -1
data/_data/weeks/11.yml +0 -1
data/_data/weeks/12.yml +0 -1
data/_data/weeks/13.yml +0 -1
data/_data/weeks/14.yml +0 -1
data/_data/weeks/15.yml +0 -1
data/_data/weeks/16.yml +0 -1
data/_projects/project-01.md +0 -25
data/_projects/project-02.md +0 -25
data/_projects/project-03.md +0 -25
data/assets/.keep +0 -0
data/assets/css/screen.css +0 -408

data/assets/css/print.css CHANGED

@@ -1,31 +1,33 @@
-#navigation,
-#this-week,
-#links,
-.fineprint + .fineprint,
-.week h4 a {
-  display: none;
-}
 #header,
-#this-week,
-#content,
-#links,
-#instructor,
 #footer {
-  padding-right: 0.1in;
-  padding-left: 0.3in;
+  color: inherit;
 }
-#header small {
-  position: static;
-}
-html {
-  color: #000;
-  font-size: 11pt;
+a,
+#header a {
+  text-decoration: none;
+  color: inherit;
 }
-a {
-  color: #000;
+#content a[href^="http"]::after {
+  display: inline;
+  content: "(" attr(href) ")";
+  font-family: Menlo, Monaco, "Droid Sans Mono", Courier, "Courier New", monospace;
+  font-size: 0.85em;
+  color: #CCC;
   text-decoration: none;
 }
-a[href^='http']::after {
-  content: " (" attr(href) ")";
-  color: #666;
+p,li {
+  -webkit-hyphens: none;
+  hyphens: none;
+}
+h2 {
+  font-family: "moderno-fb-condensed";
+  font-weight: 700;
+}
+/* Hide Navigation Stuff */
+#nav-nav,
+#full-nav {
+  display: none;
 }

data/assets/css/screen.scss ADDED

@@ -0,0 +1,22 @@
+---
+---
+@import url("{{site.course.css.font-url}}");
+/* http://meyerweb.com/eric/tools/css/reset/
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+/* stylelint-disable */
+/* Keep reset CSS to one minified line */
+a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html,.reset{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
+/* stylelint-enable */
+html.loading,
+html.loading * {
+  transition: none !important;
+}
+@import "fonts";
+@import "colors";
+@import "typography";
+@import "base";

data/assets/js/site.js ADDED

@@ -0,0 +1,289 @@
+// Add a .js utility class to <html>
+var html = document.querySelector('html');
+html.classList.add('js');
+// Register service worker, if browser supports them
+if ('serviceWorker' in navigator) {
+  var scope = detectSiteScope(location.href);
+  // console.log(scope.path);
+  navigator.serviceWorker.register(scope.path + 'assets/js/sw.js', { scope: scope.path })
+  .then(function(registration) {
+    console.log('Registered service worker scoped to', registration.scope);
+  })
+  .catch(function(error) {
+    console.error('Failed to register service worker', error)
+  });
+  function detectSiteScope(url) {
+    var scope = {};
+    scope.id = url.split('/')[3];
+    scope.path = '/';
+    if (scope.id.length > 0) {
+      scope.path = '/' + scope.id + '/';
+    }
+    return scope;
+  }
+}
+// Load up the theme switcher if @supports & custom properties available
+if ('supports' in CSS && CSS.supports("(--foo: bar)")) {
+  function ThemeSwitch() {
+    var html = document.querySelector('html');
+    var icons = {
+      light: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 18a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-2a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM11 1h2v3h-2V1zm0 19h2v3h-2v-3zM3.515 4.929l1.414-1.414L7.05 5.636 5.636 7.05 3.515 4.93zM16.95 18.364l1.414-1.414 2.121 2.121-1.414 1.414-2.121-2.121zm2.121-14.85l1.414 1.415-2.121 2.121-1.414-1.414 2.121-2.121zM5.636 16.95l1.414 1.414-2.121 2.121-1.414-1.414 2.121-2.121zM23 11v2h-3v-2h3zM4 11v2H1v-2h3z"/></svg>',
+      dark: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M11.38 2.019a7.5 7.5 0 1 0 10.6 10.6C21.662 17.854 17.316 22 12.001 22 6.477 22 2 17.523 2 12c0-5.315 4.146-9.661 9.38-9.981z"/></svg>',
+      system: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2V4a8 8 0 1 0 0 16z"/></svg>'
+      // system: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 1l9.5 5.5v11L12 23l-9.5-5.5v-11L12 1zm0 2.311L4.5 7.653v8.694l7.5 4.342 7.5-4.342V7.653L12 3.311zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm0-2a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/></svg>'
+    }
+    var mode = 'system';
+    var modes = ['dark','light'];
+    var button = document.createElement('a');
+    var cleanupOldPreferences = function() {
+      // Clean up earlier `modes` item
+      if (storageAvailable('localStorage')) {
+        localStorage.removeItem('modes');
+      }
+    }
+    var loadPreference = function() {
+      // read from local storage
+      if (storageAvailable('localStorage')) {
+        if (localStorage.getItem('mode')) {
+          mode = localStorage.getItem('mode');
+        } else {
+          mode = 'system';
+        }
+      }
+    }
+    var setModeOrder = function() {
+      // reverse the modes if dark mode is preferred,
+      // or if dark is set in preferences
+      if ('matchMedia' in window) {
+        if (window.matchMedia('(prefers-color-scheme: dark)').matches && (mode !== 'light')) {
+          modes.reverse(); // ['light','dark']
+        }
+      }
+      // system gets tacked onto the end as the last option, always
+      modes.push('system');
+    }
+    var storePreference = function() {
+      // store current mode (default or selected) in local storage
+      if (storageAvailable('localStorage')) {
+        localStorage.setItem('mode', mode);
+      }
+    }
+    var setHTMLClass = function() {
+      html.classList.replace(mode,modes[0]);
+    }
+    var cycleModes = function() {
+      mode = modes.shift(); // grab the current mode from the front of the array...
+      modes.push(mode); // ...and push it to the end of the array
+    }
+    this.switcherButton = function() {
+      button.id = 'theme-button';
+      button.href = '#null';
+      button.title = 'Switch to ' + modes[0] + ' theme';
+      button.innerHTML = icons[modes[0]];
+      button.addEventListener('click', function(e) {
+        e.preventDefault();
+        // fix the class list on <html>
+        setHTMLClass();
+        cycleModes();
+        storePreference();
+        button.title = 'Switch to ' + modes[0] + ' theme';
+        button.innerHTML = icons[modes[0]];
+      });
+      return button;
+    }
+    // Do things on construction
+    cleanupOldPreferences();
+    loadPreference();
+    setModeOrder();
+    html.classList.add(mode);
+  }
+  var ts = new ThemeSwitch();
+  var ts_li = document.createElement('li');
+  ts_li.id = 'nav-thm';
+  ts_li.appendChild(ts.switcherButton());
+  document.querySelector('#quick-nav .nav').appendChild(ts_li);
+}
+function storageAvailable(type) {
+  try {
+    var storage = window[type];
+    var x = '__storage_test__';
+    storage.setItem(x, x);
+    storage.removeItem(x);
+    return true;
+  }
+  catch(e) {
+    return false;
+  }
+}
+// Move the nav to the header when there is room
+// Responsive detection
+function responsiveFeature(feature) {
+  var size = window
+    .getComputedStyle(document.body, ':after')
+    .getPropertyValue('content');
+  var has_feature = true;
+  if(size.indexOf(feature) === -1) {
+    has_feature = false;
+  }
+  return has_feature;
+}
+function ToggledNav() {
+  var nav = document.querySelector('#full-nav .nav');
+  var quick_nav = document.querySelector('#quick-nav .nav');
+  var full_nav = document.querySelector('#full-nav');
+  var thm_btn = document.querySelector('#theme-button')
+  var nav_thm;
+  var nav_nav;
+  var nav_items = [];
+  this.toggle = function() {
+    if (responsiveFeature('navbar') && !html.classList.contains('navbar')) {
+      if (thm_btn) {
+        nav_thm = quick_nav.removeChild(document.getElementById('nav-thm'));
+      }
+      while (nav.firstChild) {
+        if (nav.firstChild.tagName) {
+          nav_items.push(nav.removeChild(nav.firstChild));
+        } else {
+          nav.removeChild(nav.firstChild); // remove text nodes
+        }
+      }
+      for (var i = 0; i < nav_items.length; i++) {
+        quick_nav.appendChild(nav_items[i]);
+      }
+      if (thm_btn) {
+        quick_nav.appendChild(nav_thm);
+      }
+      nav_nav = quick_nav.removeChild(document.getElementById('nav-nav'));
+      html.classList.add('navbar');
+      full_nav.classList.add('hidden');
+    }
+    if (!responsiveFeature('navbar') && html.classList.contains('navbar')) {
+      if (thm_btn) {
+        nav_thm = quick_nav.removeChild(document.getElementById('nav-thm'));
+      }
+      quick_nav.appendChild(nav_nav);
+      for (var i = 0; i < nav_items.length; i++) {
+        nav.appendChild(nav_items[i]);
+      }
+      if (thm_btn) {
+        quick_nav.appendChild(nav_thm);
+      }
+      full_nav.classList.remove('hidden');
+      html.classList.remove('navbar');
+    }
+  }
+}
+var tn = new ToggledNav();
+tn.toggle();
+window.addEventListener('resize', function() {
+  tn.toggle();
+});
+// Capture and replicate the current week at the top of the calendar
+if ((document.querySelector('#calendar')) && (document.querySelector('#this-week'))) {
+  var this_week = document.querySelector('#this-week').closest('article'); // grab this week's <article>
+  var current_week = this_week.cloneNode(true); // make a copy of it,
+  this_week.querySelector('#this-week').id = ''; // remove the original #this-week id
+  current_week.classList.add('current'); // add a class of current to this week's article copy
+  current_week.classList.remove('past'); // remove the past class
+  current_week.querySelector('#this-week small').innerText = "This Week";
+  document.querySelector('#content').prepend(current_week); // insert the copy at the top of the calendar
+  // if (location.hash === '') {
+  //  location.hash = '#this-week'; // point at the new hash position; viewport should show this one
+  // }
+  var btn_show_calendar = document.createElement('a');
+  btn_show_calendar.id = "btn-show-calendar";
+  btn_show_calendar.href = "#null";
+  btn_show_calendar.text = "Show Previous Weeks"
+  btn_show_calendar.addEventListener('click', function(e) {
+      var past_weeks = document.querySelectorAll('article.past');
+      for (var week of past_weeks) {
+        week.classList.remove('past');
+      }
+      btn_show_calendar.remove();
+      e.preventDefault();
+    }
+  );
+  current_week.insertAdjacentElement('afterend', btn_show_calendar);
+}
+if ('fetch' in window) {
+  var namedDays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
+  var namedMonths = [ 'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December' ];
+  var github_url = (function() {
+    var url = document.querySelector('#github').getAttribute('href'); // grab the href value of the repo link
+    if (typeof(url) !== 'undefined') {
+      var fragment = url.substring(url.indexOf('.com/') + 5); // find the tail end (5 = .com/)
+      var branch_regex = /tree/gi;
+      var branch_fragment = fragment.replace(branch_regex,'branches'); // replace 'tree' with 'branches'
+      // If not dealing with an archival branch (no replacement), append the `main` branch
+      if (fragment === branch_fragment) {
+        branch_fragment = fragment + '/branches/main';
+      }
+      return 'https://api.github.com/repos/' + branch_fragment; // return the branch API url
+    }
+  })();
+  function escapeHTML(str) {
+    var div = document.createElement('div');
+    div.appendChild(document.createTextNode(str));
+    return div.innerHTML;
+  }
+  if(typeof(github_url) !== "undefined") {
+    fetch(github_url)
+    .then(function(response) {
+      return response.json();
+    })
+    .then(function(data) {
+      var c = data.commit; // Work only with the commit property of the branch API response
+      var commit = {};
+      // Lowercase commit message's first word to run in `...to XYZ` copy:
+      commit.message = c.commit.message.charAt(0).toLowerCase() + c.commit.message.slice(1);
+      // Grab only the first line of a multiline message
+      commit.message = commit.message.split("\n\n")[0];
+      commit.url = c.html_url;
+      commit.stamp = c.commit.author.date;
+      commit.date = new Date(commit.stamp);
+      // Put the date in Day, Month 31 at <Local Time String> format
+      commit.time_string = namedDays[commit.date.getDay()] + ', ' +
+        namedMonths[commit.date.getMonth()] + ' ' +
+        commit.date.getDate() + ' at ' + commit.date.toLocaleTimeString();
+      // Append to footer on calendar
+      document.querySelector('#footer p').innerHTML +=
+        ' Course last updated on <time datetime="' + commit.stamp + '">' + commit.time_string +
+        '</time> to <a id="commit-message" href="' + commit.url + '">' + escapeHTML(commit.message) + '</a>.';
+    });
+  }
+}
+window.addEventListener('keyup', function(e) {
+  // console.log(e.keyCode);
+  // Toggle the visibility of gridlines when `g` is pressed
+  if (e.keyCode === 71) {
+    document.querySelector('html').classList.toggle('g');
+  }
+});
+html.classList.remove('loading');

data/assets/js/sw.js ADDED

@@ -0,0 +1,220 @@
+var VERSION;
+const version = VERSION ? VERSION : mockTenMinuteVersion();
+// Update with all essential and supporting assets
+// (supporting assets might be things URLs to externally hosted web fonts)
+// There can be NO errors here, or nothing will be cached
+const site_scope = detectSiteScope(location.href);
+const site_offline_path = 'offline/';
+const site_preloaded_assets = {
+  essential: [
+    'assets/css/screen.css',
+    'assets/css/print.css',
+    'assets/js/site.js',
+    site_offline_path
+  ].map(function(asset){
+    return site_scope.path + asset;
+  }),
+  supporting: [].map(function(asset){
+    return site_scope.path + asset;
+  })
+};
+// Also preload the home page into the cache
+site_preloaded_assets.essential.push(site_scope.path);
+const site_cache_of = {
+  assets: `assets.${version}`,
+  pages: `pages`,
+  requests: `requests`
+};
+// prefix scoped values
+if (site_scope.id.length > 0) {
+  for (c in site_cache_of) {
+    site_cache_of[c] = site_scope.id + '.' + site_cache_of[c];
+  }
+}
+// For convenience in the activation event, programmatically build a simple array
+// of the names of all the caches listed in the site_caches object literal
+const site_cache_list = [];
+for (let c in site_cache_of) {
+  site_cache_list.push(site_cache_of[c]);
+}
+// The first step in a ServiceWorker's life cycle is to install it...
+addEventListener('install', function(e) {
+  console.log('Preparing to install the service worker...');
+  // shorthand for ServiceWorkerGlobalScope.self
+  // see https://developer.mozilla.org/en-US/docs/Web/API/WorkerGlobalScope/self
+  // documentation for skipWaiting() at
+  // https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorkerGlobalScope/skipWaiting
+  self.skipWaiting();
+  e.waitUntil(
+    caches.open(site_cache_of.assets)
+    .then(function(c) {
+      // non-essential/nice-to-have assets are added asynchronously
+      c.addAll(site_preloaded_assets.supporting);
+      // *synchronously* add only for essential assets and fallbacks
+      return c.addAll(site_preloaded_assets.essential);
+    })
+    .catch(function(e) {
+      console.error('Caches error:', e);
+    })
+  );
+// end install event listener
+});
+// Once the ServiceWorker has been installed, it must be activated. Ordinarily, that will only
+// happen if all tabs and windows open to your site on a user's computer are closed. But the
+// call to skipWaiting() above is more aggressive, and activates the ServiceWorker immediately.
+// The primary tasks of the activate event function is to check all existing caches and delete
+// any that aren't listed in the site_cache_list created above
+addEventListener('activate', function(e) {
+  console.log('The service worker is activated!');
+  e.waitUntil(
+    caches.keys()
+    .then(function(existing_caches) {
+      // Only work with relevant caches, e.g., those in the same site_scope
+      let relevant_caches = existing_caches.filter(function(c) {
+        return c.includes(site_scope.id);
+      });
+      return Promise.all(
+        relevant_caches.map(function(relevant_cache) {
+          if (!site_cache_list.includes(relevant_cache)) {
+            return caches.delete(relevant_cache);
+          }
+        })
+      );
+    })
+    .then(function(){
+      // see https://developer.mozilla.org/en-US/docs/Web/API/Clients/claim
+      return clients.claim();
+    })
+  // end waitUntil
+  );
+// end activate event listener
+});
+// Now we get to the main monkey business: intercepting fetch events and instructing the browser
+// whether to read from a cache, try the network, and so on.
+addEventListener('fetch', function(fe) {
+  // hold onto a copy of the original request
+  const request = fe.request;
+  // Pages: Try the network first; if it's available, cache and return the page; otherwise, serve
+  // from the cache if it exists, or respond with the offline HTML
+  if (request.headers.get('Accept').includes('text/html')) {
+    fe.respondWith(
+      fetch(request)
+      .then(function(fetch_response) {
+        const copy = fetch_response.clone();
+        fe.waitUntil(
+          caches.open(site_cache_of.pages)
+          .then(function(this_cache) {
+            this_cache.put(request,copy);
+          })
+        );
+        return fetch_response;
+      })
+      .catch(function(error) {
+        return caches.match(request)
+        .then(function(cached_response) {
+          if (cached_response) {
+            return cached_response;
+          }
+          return caches.match(site_scope.path + site_offline_path);
+        });
+      })
+    // end respondWith
+    );
+    return;
+  }
+  // External requests: Try the cache first; update the cache from the network
+  if (!request.url.includes(location.hostname)) {
+    fe.respondWith(
+      caches.match(request)
+      .then(function(cached_response) {
+        if (cached_response) {
+          fe.waitUntil(
+            fetch(request)
+            .then(function(fetch_response){
+              caches.open(site_cache_of.requests)
+              .then(function(this_cache){
+                return this_cache.put(request, fetch_response);
+              });
+            })
+          );
+          return cached_response;
+        }
+        return fetch(request)
+        .then(function(fetch_response) {
+          const copy = fetch_response.clone();
+          fe.waitUntil(
+            caches.open(site_cache_of.requests)
+            .then(function(this_cache) {
+              this_cache.put(request, copy);
+            })
+          );
+          return fetch_response;
+        });
+      })
+    // end respondWith
+    );
+    return;
+  }
+  // Everything else: try the cache first, then the network; if the network fails, respond with the
+  // offline site path
+  fe.respondWith(
+    caches.match(request)
+      .then(function(cached_response) {
+        if (cached_response) {
+          return cached_response;
+        }
+        return fetch(request)
+        .catch(function(error) {
+          return caches.match(site_scope.path + site_offline_path);
+        })
+      }
+    )
+  );
+// end fetch event listener
+});
+// Helper and utility functions
+function mockTenMinuteVersion() {
+  var d = new Date();
+  var year = d.getFullYear().toString();
+  var month = (d.getMonth() + 1).toString();
+  var date = d.getDate().toString();
+  var mins = new Date().getMinutes();
+  mins = Math.floor(mins/10).toString();
+  return year + '.' + zeroPad(month) + '.' + zeroPad(date) + '-' + zeroPad(mins);
+  function zeroPad(num,n = 2) {
+    num = num.toString();
+    while (num.length < n) {
+      num = '0' + num;
+    }
+    return num;
+  }
+}
+function detectSiteScope(url) {
+  var scope = {};
+  scope.id = url.split('/')[3];
+  scope.path = '/';
+  if (scope.id.length > 0) {
+    scope.path = '/' + scope.id + '/';
+  }
+  return scope;
+}
+// console.log(version);