A bootstrap compatible 3D responsive slider. A sketch by James Garrett on CodePen.
MIT License
Copyright (c) 2017 James Garrett Inc.
A bootstrap compatible 3D responsive slider. A sketch by James Garrett on CodePen.
MIT License
Copyright (c) 2017 James Garrett Inc.
An app for keeping time and date based on location
This app is designed to find photos from flickr and display them behind a clock overlay
Features slated for development include
<div class="demo wrap"> | |
<div class="app"> | |
<div class="status"> | |
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/770488/100%25.png" alt="status bar" /> | |
</div> | |
<header class="header"> | |
<svg class="top-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 35"> | |
<defs><style>.button-bg{fill:#0f3247;}.cls-1,.cls-2{fill-rule:evenodd;}.cls-2{fill:#fff;}</style></defs> | |
<title>top5Asset 1</title> | |
<g id="Layer_2" data-name="Layer 2"> |
import $ from 'jquery'; | |
import _ from 'lodash'; | |
$(document).ready(function(){ | |
// Array to store all feed sources | |
var SOURCES = [ | |
{ | |
displayName: "Reddit", | |
url: "https://www.reddit.com/r/worldnews/top/.json", | |
proxyRequired: false, | |
defaultSource: true, // You can have only one default source |
// I'm going to post revisions to this code, I'm not very happy with it. I just had a crazy week last week, | |
// and haven't had time to catch up on this yet | |
$(document).ready(function() { | |
const ENTER_KEY = 13; | |
var listItemCollection = []; | |
// on pressing any buttons or hitting enter, if the listItemCollection length is 0, hide main and footer | |
if ( listItemCollection.length === 0 ){ |
module.exports = function(bot) { | |
// Set our larger variables -- these would be fed into this function ideally | |
var baseURL = "www.thirdhand.jamesgarrett.co"; | |
var company = "storybook"; | |
// Start building our asset variables | |
var logo = ["logo.png"]; | |
// How to find our logos folder |
// Homework 1 | |
// Hint: You may need SOME of these array iterator methods: | |
// .map(), .filter(), .forEach() , .some(), .every() | |
// Hint: You may also need SOME of the following methods: | |
// Number(), .reverse(), typeof(), .join() | |
// Let's say we have an array of prices named `prices`. | |
var prices = ['100', '125', '129', '37', '38', '75', '87', '94', '300', '301', | |
'305', '50', '0.30', '0.01', '0.5', '5', '15', '24', '35', '1041', '1', '17', |