Skip to content

Instantly share code, notes, and snippets.

@jennifert
jennifert / JekyllSeachjQueryFragment2
Last active Jun 1, 2017
This is the second custom function for our search. It just look sin the JSON file using jQuery getJson.
View JekyllSeachjQueryFragment2
var displyResult = function(blogTitle,blogCategory,blogTags,blogLink,blogDate,blogSummary) {
var results = '<article class="posts blogpage">'+
'<h2 class="entry-title">'+
'<a class="post-link" href="'+blogLink+'">'+blogTitle+'</a>'+
'</h2>'+
'<div class="entry-summary">'+
'<p>'+
blogSummary +
'<a href="'+blogLink+'">Continued</a>'+
@jennifert
jennifert / JekyllSearchForm
Last active Aug 29, 2015
This is the updated search form to use with the jquery search on my site.
View JekyllSearchForm
<form role="search" method="get" class="navbar-form navbar-right form-inline" action="/search.html">
<div class="form-group" id="searchdiv">
<input type="search" id="searchbox" name="searchbox" class="form-control search" placeholder="Search ... ">
<label class="hide">Search for:</label>
</div>
<button type="submit" class="btn btn-success search"> <i class="fa fa-search"></i></button>
</form>
@jennifert
jennifert / JekyllSeachjQueryFragment1
Last active Aug 29, 2015
This is the first custom function for our search. It just look sin the JSON file using jQuery getJson. The full javascript code is at: https://github.com/jennifert/jekyll-site/blob/master/js/main.js
View JekyllSeachjQueryFragment1
/*start search function;*/
var getSearchResults = function(url) {
var count = 0;
var searchedFor = getParameterByName('searchbox'); /*get the query parameter from search box*/
var searchedForTest = searchedFor.toLowerCase();
$('#searchbox').val(searchedFor); /*update input field with what was searched for*/
$.getJSON('/search.json', function(data) {
$('div#results').append('<section class="col-xs-12 col-sm-6 col-md-12">');
@jennifert
jennifert / bootstrapExample-Insert_other_headers
Created Mar 29, 2014
A Emmet code sample to inert items in header needed for bootstrap 3. Please refer to my blog for steps and items needed to edit after expanding this code. http://t.co/CuL31P3XHh
View bootstrapExample-Insert_other_headers
meta:vp+link:favicon+meta:compat+link:css{css/bootstrap.min.css}+link:css
@jennifert
jennifert / bootstrapExample-create_doctypre_bodyTags
Created Mar 29, 2014
A emmet code sample to create the "sticky footer with nav bar" exapmple from the Bootstrap 3 example site. Please refer my blog post for items you will need to edit. http://t.co/CuL31P3XHh
View bootstrapExample-create_doctypre_bodyTags
html:5>(div.navbar.navbar-default.navbar-fixed-top>div.container>div.navbar-header>btn:r.navbar-toggle>span.sr-only{Toggle navigation}+span.icon-bar+span.icon+span.icon^a.navbar-brand{Welcome!}^div.collapse.navbar-collapse>ul.nav.navbar-nav>li*3>a^li.dropdown>a.dropdown-toggle{Dropdown }>b.caret^ul.dropdown-menu>li*3>a^li.divider+li.dropdown-header{Nav Header}+li*3>a^^^^^^^div.container>div.page-header>h1{Page Header Heer}^p.lead>lorem^^div#footer>div.container>p.text-muted{Copy Right Info}^^script:src{js/jquery-1.11.0.min.js}+script:src{js/bootstrap.min.js})