josephrexme

blueprint:
  name: Calendar Notifications & Actions
  description: >
    # 📅 Calendar Notifications & Actions
    
    **Version: 1.3**
    
    
    The most common automation used for calendar notifications & actions.
    

josephrexme

# With Ruby 2.7.7

# The error:
# OpenSSL 3 - symbol not found in flat namespace '_SSL_get1_peer_certificate'

frum uninstall 2.7.7
frum install 2.7.7 --with-openssl-dir=$(brew --prefix openssl@1.1)
gem install bundler -v 2.2.19 # or whatever the Gemfile.lock bundler version you have is
bundle config build.puma --with-cppflags=-I$(brew --prefix openssl@1.1)/include
bundle install

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;
}