blueprint-jekyll-theme 0.1.0

data/assets/js/search.js

@@ -0,0 +1,167 @@
+var runSearch = function(json_data, posts_data) {
+
+  // Bolds the keywords in the preview string
+  function highlightKeywords(content, previewStartPosition, matchMetadata) {
+    var previewSize = 300;
+    var matchMap = {};
+
+    // Create an object containing search hit position and length of search hit in the document (for content within preview)
+    for (keyword in matchMetadata) {
+      var positionArray;
+
+      if (!matchMetadata[keyword]['content']) {
+        return;
+      }
+
+      positionArray = matchMetadata[keyword]['content']['position'];
+
+      for (var positionIndex = 0; positionIndex < positionArray.length; positionIndex++) {
+        var hitPosition = positionArray[positionIndex][0];
+        if ((hitPosition >= previewStartPosition) && (hitPosition < previewStartPosition+previewSize)) {
+          matchMap[hitPosition] = positionArray[positionIndex][1];
+        }
+      }
+    }
+
+    // Go through each search hit and bold it
+    if (Object.keys(matchMap).length !== 0) {
+      var processedPreview = '';
+      var currPosition = previewStartPosition;
+      for (wordPosition in matchMap) {
+        var wordEnd = parseInt(wordPosition) + parseInt(matchMap[wordPosition]) + 1;
+        processedPreview += content.substring(currPosition, wordPosition) + '<b>' + content.substring(wordPosition, wordEnd) + '</b>';
+        currPosition = wordEnd;
+      }
+
+      if (wordEnd < previewStartPosition+previewSize) {
+        processedPreview += content.substring(currPosition, previewStartPosition+previewSize);
+      }
+      return processedPreview;
+    }
+
+    return content.substring(previewStartPosition, previewStartPosition+previewSize);
+  }
+
+  // Find the earliest space in the preview closest to (firstPosition - numLeadingChars)
+  function returnStartOfPreview(content, firstPosition) {
+    var numLeadingChars = 30;
+    if (firstPosition-numLeadingChars <= 0) {
+      return 0;
+    } else {
+      for (var index = firstPosition-numLeadingChars; index < firstPosition; index++) {
+        if (content.charAt(index) === ' ') {
+          return index;
+        }
+      }
+      return firstPosition;
+    }
+  }
+
+  // Find the position of the first keyword match in the document
+  function returnFirstKeywordPosition(matchMetadata) {
+    var firstPosition = -1;
+
+    // Iterate over each keyword in the search query
+    for (keyword in matchMetadata) {
+
+      if (matchMetadata[keyword]['content'] !== undefined) {
+        var positionArray = matchMetadata[keyword]['content']['position'];
+        
+        // Find the earliest first position across all keywords
+        for (var positionIndex = 0; positionIndex < positionArray.length; positionIndex++) {
+          if (firstPosition == -1 || (firstPosition > positionArray[positionIndex][0])) {
+            firstPosition = positionArray[positionIndex][0];
+          }
+        }
+      }
+    }
+
+    return firstPosition;
+  }
+
+  // Return the preview content for each search result - returns the snippet that has the first hit in the document (up to 300 chars)
+  function returnResultsList(results) {
+    var searchPara = '';
+    var post_data = posts_data; // Obtain JSON var of all the posts in the site
+
+
+    // Iterate over the results
+    for (var i = 0; i < results.length; i++) {
+      var key = parseInt(results[i]['ref']);
+      var resultObject = post_data[key];
+
+
+      var matchMetadata = results[i]['matchData']['metadata'];
+      var keywordSet = new Set();
+
+      var titleTruncateLength = 90;
+      var resultTitle = resultObject['title'].substring(0, titleTruncateLength);
+
+      if (resultObject['title'].length > titleTruncateLength) {
+        var indexOfLastWord = resultObject['title'].substring(0,titleTruncateLength).lastIndexOf(" ");
+        var resultTitle = resultObject['title'].substring(0, indexOfLastWord);
+        resultTitle += ' ...';
+      }
+      searchPara += '<a class="search-content" href="' + resultObject['url']  + '">' + ' ' + resultTitle + '</a>';
+      
+      // Find the position of the earliest keyword in the document
+      var firstPosition = returnFirstKeywordPosition(matchMetadata);
+
+      // Find the preview start position
+      var previewStartPosition = returnStartOfPreview(resultObject['content'], firstPosition);
+
+      // Process the preview to embolden keywords
+      var processedPreview = highlightKeywords(resultObject['content'], previewStartPosition, matchMetadata);
+      // var postDate = new Date(resultObject['datestring']).toDateString().substring(4);
+      searchPara += '<p class="search-content permalink">' + resultObject['url'] + '</p><br>';
+      // searchPara += '<p class="search-content" > '+ postDate + ' ...' + processedPreview + '...</p><br>';
+      
+      if (processedPreview) {
+        searchPara += '<p class="search-content" > ' + ' ...' + processedPreview + '...</p><br>';
+      }
+    }
+
+    return searchPara;
+  }
+
+  // Display search results if there are results, else, state that there are no results found
+  function displaySearchResults(results, searchTerm) {
+    var searchResults = document.getElementById('search-results');
+    var searchResultsCount = document.getElementById('search-results-count');
+    // document.getElementById('search-bar').setAttribute("value", searchTerm);
+    document.getElementsByName('query')[1].setAttribute("value", searchTerm);
+    searchResultsCount.innerHTML = results.length + " results for '" + searchTerm + "'";
+    if (results.length) { // If there are results
+      searchResults.innerHTML = returnResultsList(results);
+    } else {
+      searchResults.innerHTML = '';
+    }
+  }
+
+  // Obtain the query string, load the pre-built lunr index, and perform search
+  function getQueryVariable(variable) {
+    var query = window.location.search.substring(1);
+    var vars = query.split('&');
+
+    for (var i = 0; i < vars.length; i++) {
+      var pair = vars[i].split('=');
+
+      if (pair[0] === variable) {
+        return decodeURIComponent(pair[1].replace(/\+/g, '%20'));
+      }
+    }
+  }
+
+  var searchTerm = getQueryVariable('query');
+
+  if (searchTerm) {
+
+    // Load the pre-built lunr index
+    var idx = lunr.Index.load(JSON.parse(json_data));
+
+    // Get lunr to perform a search
+    var results = idx.search(searchTerm);
+
+    window.onload = displaySearchResults(results, searchTerm);
+  }
+};

data/assets/js/sideNav-offset.js

@@ -0,0 +1,8 @@
+$(document).ready(function(){
+    $('.sidenav').stickySidebar({
+        topSpacing: 40,
+        bottomSpacing: 40,
+        containerSelector: '.has-side-nav',
+        innerWrapperSelector: '.sidebar__inner'
+    });
+});

data/assets/js/worker.js

@@ -0,0 +1,19 @@
+onmessage = function(event) {
+	self.importScripts('https://unpkg.com/lunr/lunr.js');
+	
+	var documents = event.data;
+
+	var index = lunr(function () {
+	  this.ref('id');
+	  this.field('url');
+	  this.field('title');
+	  this.field('content');
+	  this.metadataWhitelist = ['position'];
+
+	  documents.forEach(function(doc) {
+	    this.add(doc);
+	  }, this);
+	});
+
+	postMessage(JSON.stringify(index));
+}

data/assets/posts.json

@@ -0,0 +1,33 @@
+---
+
+---
+{% assign index = 0 %} {% assign tempindex = 0 %}posts_json=[
+    {%- for post in site.application-guidelines -%}
+    	{%- assign tempindex = forloop.index0 -%}
+    	{%- assign index = tempindex -%}
+    	{%- include post.json -%},
+    {%- endfor -%}
+
+
+    {%- for post in site.posts -%}
+
+		{%- capture index -%} 
+			{{ tempindex | plus: forloop.index}}
+		{%- endcapture -%}
+
+    	{%- include post.json -%},
+    {%- endfor -%}
+    {%- assign tempindex = index -%}
+
+
+
+    {%- for post in site.html_pages -%}
+
+		{%- capture index -%} 
+			{{ tempindex | plus: forloop.index}}
+		{%- endcapture -%}
+
+    	{%- include post.json -%}{% unless forloop.last %},{% endunless %}
+    {%- endfor -%}
+
+]

metadata

@@ -0,0 +1,145 @@
+--- !ruby/object:Gem::Specification
+name: blueprint-jekyll-theme
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Preston
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2018-06-01 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: jekyll
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.8'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.8'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.16'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.16'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '12.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '12.0'
+description: 
+email:
+- prestonlimlianjie@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- README.md
+- _includes/bp-agencyhead.html
+- _includes/bp-footer.html
+- _includes/bp-masthead.html
+- _includes/bp-search-box.html
+- _includes/display-media.html
+- _includes/head.html
+- _includes/header-breadcrumb.html
+- _includes/homepage/hero.html
+- _includes/homepage/media-homepage.html
+- _includes/links-baseurl.html
+- _includes/main-scripts.html
+- _includes/post.json
+- _includes/sublinks-baseurl.html
+- _layouts/contact-us.html
+- _layouts/default.html
+- _layouts/homepage.html
+- _layouts/media.html
+- _layouts/page-with-sideNav.html
+- _layouts/page.html
+- _layouts/post.html
+- _layouts/privacy.html
+- _layouts/search.html
+- _layouts/terms-of-use.html
+- _layouts/who-we-are.html
+- assets/img/career/stories/INTERN_serena.jpg
+- assets/img/career/stories/TAP_Sharlene.jpg
+- assets/img/career/stories/TAP_kaiwen.jpg
+- assets/img/career/stories/TAP_weijian.jpg
+- assets/img/facebook.png
+- assets/img/favicon.ico
+- assets/img/home/hero-banner-2.png
+- assets/img/home/hero-banner.png
+- assets/img/instagram.png
+- assets/img/logo_govtech.png
+- assets/img/logo_govtech.svg
+- assets/img/logo_hlb.svg
+- assets/img/post/pdf-icon.svg
+- assets/img/twitter.png
+- assets/img/what-we-do/application-development.svg
+- assets/img/what-we-do/cybersecurity.svg
+- assets/img/what-we-do/data-science.svg
+- assets/img/what-we-do/digitalisation-guide.svg
+- assets/img/what-we-do/geospatial.svg
+- assets/img/what-we-do/government-ict.svg
+- assets/img/what-we-do/sensors-iot.svg
+- assets/img/what-we-do/web-standards.svg
+- assets/img/youtube.png
+- assets/js/build-index.js
+- assets/js/cancel-notification.js
+- assets/js/common.js
+- assets/js/home.js
+- assets/js/jquery.sticky-sidebar.js
+- assets/js/lunr.min.js
+- assets/js/owl.carousel.js
+- assets/js/search.js
+- assets/js/sideNav-offset.js
+- assets/js/worker.js
+- assets/posts.json
+homepage: https://github.com/opengovsg/blueprint-jekyll-theme
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.7.4
+signing_key: 
+specification_version: 4
+summary: This theme built using the beta version of the Blueprint Design System.
+test_files: []