Skip to content

Instantly share code, notes, and snippets.

View ooade's full-sized avatar

Ademola. ooade

407 followers · 18 following
View GitHub Profile
@ooade
ooade / index.html
Last active August 26, 2015 02:15
Calculator
<div class="navbar navbar-default navbar-static-top" id="mynavbar">
<div class="container">
<div class="navbar-header">
<span class="navbar-brand">
<span class="fa fa-calculator"></span>
Calculator
</span>
</div>
</div>
</div>
@ooade
ooade / index.html
Last active August 29, 2015 14:26
Local Weather App
<body onload="getLocation()">
<div class="container text-center">
<h2>Free Code Camp Zipline</h2>
<h2>Local Weather App</h2>
<h2><span class="temp-icon"></span> <span class="temp-unit"></span></h2>
<div class='btn-group'>
<button class='btn btn-success ft'>Fahrenheit</button>
<button class='btn btn-success kt'>Kelvin</button>
<button class='btn btn-success ct'>Celcius</button>
@ooade
ooade / index.html
Last active August 29, 2015 14:28
Pomodoro Clock
<div class="container-fluid">
<div class="logo text-center">Pomodoro Clock</div>
<div class="row" style="margin-top:40px">
<div class="col-xs-4"></div>
<div class="col-xs-2 options text-center">
Session
<span class="session"><br/>
<span class="fa fa-minus sm"></span>
<span class="session-data"> 25 </span>
<span class="fa fa-plus sp"></span>
@ooade
ooade / index.html
Created September 11, 2015 12:15
pjjoVd
<div class="navbar navbar-default navbar-static-top" id="mynavbar">
<div class="container">
<div class="navbar-header">
<span class="navbar-brand">TicTacToe</span>
</div>
</div>
</div>
<div class="container" style="margin-top:20px">
<div class="row">
@ooade
ooade / Simon Game.markdown
Created September 19, 2015 05:14
Simon Game
@ooade
ooade / projectEuler11.js
Created June 26, 2016 13:00
ProjectEuler 11 JavaScript Solution
/* Placed On Hackerrank */
function processData(input) {
let grid = [];
for (let num of input.split('\n')) {
grid.push(num.split(' '));
}
let g = 0;
@ooade
ooade / d3.geo.projection.min.js
Created July 7, 2016 08:39
Map Data Across the Globe
!function(){function t(t,a){return{type:"Feature",id:t.id,properties:t.properties,geometry:n(t.geometry,a)}}function n(t,a){if(!t)return null;if("GeometryCollection"===t.type)return{type:"GeometryCollection",geometries:object.geometries.map(function(t){return n(t,a)})};if(!la.hasOwnProperty(t.type))return null;var r=la[t.type];return d3.geo.stream(t,a(r)),r.result()}function a(){}function r(t){if((n=t.length)<4)return!1;for(var n,a=0,r=t[n-1][1]*t[0][0]-t[n-1][0]*t[0][1];++a<n;)r+=t[a-1][1]*t[a][0]-t[a-1][0]*t[a][1];return 0>=r}function e(t,n){for(var a=n[0],r=n[1],e=!1,o=0,i=t.length,h=i-1;i>o;h=o++){var u=t[o],M=u[0],s=u[1],c=t[h],f=c[0],v=c[1];s>r^v>r&&(f-M)*(r-s)/(v-s)+M>a&&(e=!e)}return e}function o(t){return t?t/Math.sin(t):1}function i(t){return t>0?1:0>t?-1:0}function h(t){return t>1?pa:-1>t?-pa:Math.asin(t)}function u(t){return t>1?0:-1>t?ba:Math.acos(t)}function M(t){return t>0?Math.sqrt(t):0}function s(t){function n(t,n){var a=Math.cos(t),e=Math.cos(n),o=Math.sin(n),i=e*a,h=-((1-i?Math.log(.5*(1+i)
@ooade
ooade / main.html
Last active July 21, 2016 19:39
Higher Order Components
<head>
<title>My App</title>
</head>
<body>
<div class="app"></div> <!-- We use class here because we're not in the react environment, so don't mix things up -->
</body>
@ooade
ooade / main.js
Created July 21, 2016 19:57
Higher Order Component II
// Grab the react and react-dom pkg
import React from 'react';
import ReactDOM from 'react-dom';
// Write an App Component
const App = () => {
return (
<div> Hello World! </div>
);
};
@ooade
ooade / main.js
Created July 21, 2016 21:29
Main JS file with react-router
// Grab the react and react-dom pkgs -->
import React from 'react';
import ReactDOM from 'react-dom';
// Grab Router, Route and browserHistory from react-router ->
import { Router, Route, IndexRoute, browserHistory } from 'react-router';
// Grab Navigation component -->
import Navigation from '../components/navigation';