Skip to content

Instantly share code, notes, and snippets.

View jsumnersmith's full-sized avatar

Joel Smith jsumnersmith

View GitHub Profile
@jsumnersmith
jsumnersmith / about.js
Last active July 14, 2020 12:55
Simple Gatsby Pages
import React from "react"
export default function Index() {
return (
<h1>This is an about page. </h1>
)
}
db.aposPages.update({type: 'search'}, {$set: {type: 'searchGsa'}})
<div class="fm-column-6">
<div class="card fm-border">
<div class="card-content card-content--seal">
<div class="card-meta cf">
<span class="fm-meta card-type">
News
</span>
<span class="fm-meta card-meta-date fm-right">
1/16/2014
</span>
<div class="fm-column-6">
<div class="fm-column-6">
<div class="card">
<div class="card-title">
Academics
</div>
<div class="card-content">
<div class="card-meta cf">
<span class="fm-meta card-type">
News
@jsumnersmith
jsumnersmith / lister-options.js
Last active January 2, 2016 05:59
All of the options for lister.js, explained.
$(".first").lister({
// Pass a special class to the <ul>
listClass: "lister",
// Pass a special class to the opened <ul>
openListClass: "lister-open",
//Pass a special class to the selected <li>
selectedClass: "lister-selected",
@jsumnersmith
jsumnersmith / lister-css-two.less
Last active January 1, 2016 12:59
Less for the second lister example
/* First, hide the select */
select.second
{
visibility: hidden; //Make it invisible.
position: absolute; //Make it have no height.
}
/* Second, style the top <div> */
div.lister-selected-top
{
padding: 10px 30px 10px 10px;
@jsumnersmith
jsumnersmith / select-two.html
Created December 25, 2013 20:43
Second select form for lister.js page.
<select class="second">
<option value="ford">Ford</option>
<option value="lincoln">Lincoln</option>
<option value="chevy">Chevy</option>
<option value="dodge">Dodge</option>
</select>
@jsumnersmith
jsumnersmith / simle-lister-two.js
Created December 25, 2013 20:42
Another simple lister call.
$(function() {
$(".second").lister();
}
@jsumnersmith
jsumnersmith / simple-lister.js
Created December 24, 2013 19:55
Simple lister.js call.
$(function() {
$(".first").lister();
}
@jsumnersmith
jsumnersmith / Select.html
Last active January 1, 2016 07:59
Just an example of a select for lister.js
<form>
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
</form>