focus-theme 0.1.0

data/assets/js/theme.js

@@ -0,0 +1,136 @@
+ // alertbar later
+    $(document).scroll(function () {
+        var y = $(this).scrollTop();
+        if (y > 280) {
+            $('.alertbar').fadeIn();
+        } else {
+            $('.alertbar').fadeOut();
+        }
+    });
+
+
+// Hide Header on on scroll down
+    var didScroll;
+    var lastScrollTop = 0;
+    var delta = 5;
+    var navbarHeight = $('nav').outerHeight();
+
+    $(window).scroll(function(event){
+        didScroll = true;
+    });
+
+    setInterval(function() {
+        if (didScroll) {
+            hasScrolled();
+            didScroll = false;
+        }
+    }, 250);
+
+    function hasScrolled() {
+        var st = $(this).scrollTop();
+        
+        // Make sure they scroll more than delta
+        if(Math.abs(lastScrollTop - st) <= delta)
+            return;
+
+        // If they scrolled down and are past the navbar, add class .nav-up.
+        // This is necessary so you never see what is "behind" the navbar.
+        if (st > lastScrollTop && st > navbarHeight){
+            // Scroll Down            
+            $('nav').removeClass('nav-down').addClass('nav-up'); 
+            $('.nav-up').css('top', - $('nav').outerHeight() + 'px');
+           
+        } else {
+            // Scroll Up
+            if(st + $(window).height() < $(document).height()) {               
+                $('nav').removeClass('nav-up').addClass('nav-down');
+                $('.nav-up, .nav-down').css('top', '0px');             
+            }
+        }
+
+        lastScrollTop = st;
+    }
+    
+    
+    $('.site-content').css('margin-top', $('header').outerHeight() + 'px');
+
+
+function loadSearch(){
+    // Create a new Index
+    idx = lunr(function(){
+        this.field('id')
+        this.field('title', { boost: 10 })
+        this.field('summary')
+    })
+ 
+    // Send a request to get the content json file
+    $.getJSON('/content.json', function(data){
+ 
+        // Put the data into the window global so it can be used later
+        window.searchData = data
+ 
+        // Loop through each entry and add it to the index
+        $.each(data, function(index, entry){
+            idx.add($.extend({"id": index}, entry))
+        })
+    })
+ 
+    // When search is pressed on the menu toggle the search box
+    $('#search').on('click', function(){
+        $('.searchForm').toggleClass('show')
+    })
+ 
+    // When the search form is submitted
+    $('#searchForm').on('submit', function(e){
+        // Stop the default action
+        e.preventDefault()
+ 
+        // Find the results from lunr
+        results = idx.search($('#searchField').val())
+ 
+        // Empty #content and put a list in for the results
+        $('#content').html('<h1>Search Results (' + results.length + ')</h1>')
+        $('#content').append('<ul id="searchResults"></ul>')
+ 
+        // Loop through results
+        $.each(results, function(index, result){
+            // Get the entry from the window global
+            entry = window.searchData[result.ref]
+ 
+            // Append the entry to the list.
+            $('#searchResults').append('<li><a href="' + entry.url + '">' + entry.title + '</li>')
+        })
+    })
+}
+
+
+
+// Smooth on external page
+$(function() {
+  setTimeout(function() {
+    if (location.hash) {
+      /* we need to scroll to the top of the window first, because the browser will always jump to the anchor first before JavaScript is ready, thanks Stack Overflow: http://stackoverflow.com/a/3659116 */
+      window.scrollTo(0, 0);
+      target = location.hash.split('#');
+      smoothScrollTo($('#'+target[1]));
+    }
+  }, 1);
+
+  // taken from: https://css-tricks.com/snippets/jquery/smooth-scrolling/
+  $('a[href*=\\#]:not([href=\\#])').click(function() {
+    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
+      smoothScrollTo($(this.hash));
+      return false;
+    }
+  });
+
+  function smoothScrollTo(target) {
+    target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
+
+    if (target.length) {
+      $('html,body').animate({
+        scrollTop: target.offset().top
+      }, 1000);
+    }
+  }
+});

metadata

@@ -0,0 +1,123 @@
+--- !ruby/object:Gem::Specification
+name: focus-theme
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Global Nomad LLC
+bindir: bin
+cert_chain: []
+date: 2024-12-23 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: jekyll
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.3'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.3'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.0'
+- !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: Focus is a clean, minimal, and responsive theme for Jekyll, perfect for
+  personal blogs and professional portfolios.
+email:
+- contact@globalnomadllc.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- README.md
+- _includes/comments.html
+- _includes/main-loop-card.html
+- _includes/meta-read-time.html
+- _includes/search-lunr.html
+- _includes/sidebar-featured.html
+- _includes/sidebar.html
+- _layouts/default.html
+- _layouts/page-sidebar.html
+- _layouts/page.html
+- _layouts/post.html
+- assets/css/main.css
+- assets/css/theme.css
+- assets/images/1.jpg
+- assets/images/10.jpg
+- assets/images/11.jpg
+- assets/images/12.jpg
+- assets/images/13.jpg
+- assets/images/14.jpg
+- assets/images/15.jpg
+- assets/images/16.jpg
+- assets/images/17.jpg
+- assets/images/2.jpg
+- assets/images/3.jpg
+- assets/images/4.jpg
+- assets/images/5.jpg
+- assets/images/6.jpg
+- assets/images/7.jpg
+- assets/images/8.jpg
+- assets/images/9.jpg
+- assets/images/avatar1.jpg
+- assets/images/avatar2.jpg
+- assets/images/demo1.jpg
+- assets/images/favicon.ico
+- assets/images/home.jpg
+- assets/images/jekyll.svg
+- assets/images/screenshot.jpg
+- assets/js/bootstrap.js
+- assets/js/lunr.js
+- assets/js/theme.js
+homepage: https://github.com/globalnomadllc/focus
+licenses:
+- MIT
+metadata: {}
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '3.0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.6.1
+specification_version: 4
+summary: A clean, minimal, and responsive theme for Jekyll.
+test_files: []