Skip to content

Instantly share code, notes, and snippets.

Avatar
:octocat:
Training wolves and dragons

Joseph Rex josephrexme

:octocat:
Training wolves and dragons
View GitHub Profile
@josephrexme
josephrexme / convertkit.html
Last active Dec 22, 2021
Minimal ConvertKit Subscribe Form
View convertkit.html
<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
josephrexme / checkered.css
Created Dec 4, 2021 — forked from dfrankland/checkered.css
CSS Checkered pattern that can be used on all modern browsers.
View checkered.css
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 */
}
View something.jsx
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( ) {
}
}
View Redux_explanation.js
// 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 / svgdefs.svg
Created Feb 2, 2018
Example SVG sprite
View svgdefs.svg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@josephrexme
josephrexme / _grid.scss
Last active Jul 26, 2018
Flexbox grid extract from ionic http://ionicframework.com/docs/components/#grid . For a CSS version, you can transpile here https://www.sassmeister.com
View _grid.scss
/**
* 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">
View trumpsort.js
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
josephrexme / dabblet.css
Created Feb 16, 2017
The first commented line is your dabblet’s title
View dabblet.css
/**
* The first commented line is your dabblet’s title
*/
/*
.row{
}
.row::before, .row::after{
content: ' ';
display: table;
}
@josephrexme
josephrexme / rspec_rails_cheetsheet.rb
Created Sep 3, 2016 — forked from them0nk/rspec_rails_cheetsheet.rb
Rspec Rails cheatsheet (include capybara matchers)
View rspec_rails_cheetsheet.rb
#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
josephrexme / fizzbuzz.sql
Created Aug 22, 2016
Fizzbuzz in postgresql
View fizzbuzz.sql
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);