jamesgarrett

3D Rotating Slider

A bootstrap compatible 3D responsive slider. A sketch by James Garrett on CodePen.

MIT License

Copyright (c) 2017 James Garrett Inc.

jamesgarrett

JS-FINAL

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

• loading time and city based on location from browser prompt
• loading photos within geographic area of that location

jamesgarrett

<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">

jamesgarrett

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

jamesgarrett

// 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 ){

jamesgarrett

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

jamesgarrett

// 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',