josephrexme

<form action="https://app.convertkit.com/forms/YOUR_FORM_ID/subscriptions" method="post" target="_blank" data-uid="" data-format="inline" data-version="5" data-sv-form="YOUR_FORM_ID" novalidate="">
<label for="EMAIL">Enter your email address to get latest updates in your inbox</label>
<div>
<input type="email" name="email_address" id="EMAIL" placeholder="e.g janet@nasa.gov">
<button type="submit">Subscribe</button>
</div>
</form>

josephrexme

body {
    background-image:
      linear-gradient(45deg, #ccc 25%, transparent 25%), 
      linear-gradient(135deg, #ccc 25%, transparent 25%),
      linear-gradient(45deg, transparent 75%, #ccc 75%),
      linear-gradient(135deg, transparent 75%, #ccc 75%);
    background-size:25px 25px; /* Must be a square */
    background-position:0 0, 12.5px 0, 12.5px -12.5px, 0px 12.5px; /* Must be half of one side of the square */
}

josephrexme

import React, { useMemo } from 'react';
import { graphql, useStaticQuery } from 'gatsby';
import Img from 'gatsby-image';

const MyComponent = ({ src, ...props }) => {
  const data = useStaticQuery(graphql`
    query {
      myStuff( ) {
      }
    }

josephrexme

// The reducer function looks at each action that comes in
// and based on the type generates a new state based on the
// previous state and any additional data the action carried
const reducer = (state, action) => {
  switch (action.type) {
    case "COUNT_INCREMENT":
      return {
        ...state,
        count: state.count + 1
      };

josephrexme

josephrexme

/**
 * Grid:
 * Using flexbox for the grid, inspired by Philip Walton:
 * http://philipwalton.github.io/solved-by-flexbox/demos/grids/
 * By default each .col within a .row will evenly take up
 * available width, and the height of each .col with take
 * up the height of the tallest .col in the same .row.
 *
 *   @example
 *   <div class="row">

josephrexme

const TrumpSort = (arr) => {
  let pushArray = [0];
  let wallHeight = pushArray[pushArray.length - 1];
  arr.forEach((v, i) => {
    if(v > wallHeight) pushArray.push(v);
  });
  pushArray.shift();
  return pushArray;
};

josephrexme

/**
 * The first commented line is your dabblet’s title
 */
/*
.row{
}
.row::before, .row::after{
  content: ' ';
  display: table;
}

josephrexme

#Model 

@user.should have(1).error_on(:username) # Checks whether there is an error in username 
@user.errors[:username].should include("can't be blank")  # check for the error message 

#Rendering
response.should render_template(:index)

#Redirecting 
response.should redirect_to(movies_path)

josephrexme

select generate_series as num, 
       case when generate_series % 15 = 0
                then 'fizzbuzz' 
            when generate_series % 3 = 0 
                then 'fizz' 
            when generate_series % 5 = 0 
                then 'buzz' 
            else '' end 
       as fizzbuzz 
  from generate_series(1, 100);