Skip to content

Instantly share code, notes, and snippets.

@jennifert
jennifert / JekyllSearchForm
Last active August 29, 2015 14:21
This is the updated search form to use with the jquery search on my site.
<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 / search.html
Created May 23, 2015 01:29
Grabbed from github to easily embed in site
---
layout: default
title: Search Results
---
<h1 id="searchHeader">Search results</h1>
<noscript><p>Sorry, the current site search is form Javascript. Please try this link to search from Google.</p></noscript>
@jennifert
jennifert / searchjson
Created May 23, 2015 01:31
Also grabbed form my github repor for easy embed to site.
---
---
[
{% for post in site.posts %}
{
"title" : "{{ post.title }}",
"href" : "{{ post.url }}",
"summary" : "{{ post.content | strip_html | strip_newlines | truncatewords: 30 | escape }}",
"category" : [{% for category in post.categories %}"{{ category }}",{% endfor %} null],
"tags" : [{% for tag in post.tags %}"{{ tag }}",{% endfor %} null],
@jennifert
jennifert / bootstrapExample-create_doctypre_bodyTags
Created March 29, 2014 01:43
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
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})
@jennifert
jennifert / bootstrapExample-Insert_other_headers
Created March 29, 2014 01:45
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
meta:vp+link:favicon+meta:compat+link:css{css/bootstrap.min.css}+link:css