Skip to content

Instantly share code, notes, and snippets.

View jordangarcia's full-sized avatar

Jordan Garcia jordangarcia

60 followers · 11 following
  • Optimizely
View GitHub Profile
@jordangarcia
jordangarcia / pubsub.md
Created October 17, 2019 20:12

Technical Question

Create a simple pub/sub system using webhooks. It will require you to create two servers, a publisher and a subscriber.

Publisher Server Requirements

  1. publish a payload to topic
  2. subscribe to a topic to receive payloads

POST /publish/{topic}

@jordangarcia
jordangarcia / pubsub.md
Created October 17, 2019 18:39

Technical Question

Create a simple pub/sub system using webhooks. It will require you to create two servers, a publisher and a subscriber.

Publisher Server Requirements

  1. publish a payload to topic
  2. subscribe to a topic to receive payloads

POST /publish/{topic} body: {payload}

@jordangarcia
jordangarcia / theme.js
Created October 10, 2019 16:31
const breakpoints = ["480px", "700px", "1025px", "1280px"];
// TODO should this be `small` medium and large
breakpoints.sm = breakpoints[0];
breakpoints.med = breakpoints[1];
breakpoints.lg = breakpoints[2];
const colors = {
primary: "#0c40fc",
blue: "#0c40fc",
@jordangarcia
jordangarcia / Typography.js
Created September 25, 2019 20:46
import React from "react";
import styled from "styled-components";
import { color, typography, space } from "styled-system";
const Heading = styled.h1`
${typography}
${space}
${color}
`;
@jordangarcia
jordangarcia / async.html
Created June 28, 2019 14:28
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>Horizons AJAX Async Example</title>
</head>
<body>
<h1>AJAX Async Example</h1>
@jordangarcia
jordangarcia / async.js
Created June 28, 2019 14:28
// prettier-ignore
const PRODUCTS_URL = "https://horizons-school-of-technology.github.io/week02/day4/examples/products.json";
function getAllProductDetails(productUrls, callback) {
let products = [];
for (let i = 0; i < productUrls.length; i++) {
let url = productUrls[i].url;
$.ajax(url, {
success: function(productDetail) {
@jordangarcia
jordangarcia / style.css
Created June 24, 2019 21:58
.title {
font-family: arial;
font-size: 46px;
font-weight: normal;
}
body {
background-color: #f7f8f9;
padding: 30px;
}
@jordangarcia
jordangarcia / week2day1.html
Created June 24, 2019 14:21
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Horizon's first webpage</title>
</head>
<body style="background-color: #f7f8f9; padding: 30px">
<div style="background-color: white; padding: 30px 50px; border: 1px solid #cbcbcb;">
<h1 style="font-family: arial; font-size: 46px; font-weight:normal;">
Let's learn HTML
@jordangarcia
jordangarcia / test.sh
Created June 22, 2019 20:22
# Convert all .flac files within this folder to .wav files
find . -iname "*.flac" | wc
for flacfile in `find . -iname "*.flac"`
do
ffmpeg -i $flacfile "${flacfile%.*}.wav"
done
@jordangarcia
jordangarcia / 99bottles.js
Created June 21, 2019 15:51
function ninetyNineBottles(num) {
if (num === 0) {
console.log(`No more bottles of beer on the wall, no more bottles of beer.
Go to the store and buy some more, 99 bottles of beer on the wall.`);
return;
} else if (num > 2) {
console.log(`${num} bottles of beer on the wall, ${num} bottles of beer.
Take one down and pass it around, ${num - 1} bottles of beer on the wall.`);
} else if (num === 2) {
console.log(`2 bottles of beer on the wall, 2 bottles of beer.