Skip to content

Instantly share code, notes, and snippets.

View rowe-morehouse's full-sized avatar
👋
… hi!

Rowe Morehouse rowe-morehouse

👋
… hi!
View GitHub Profile
@nocodesupplyco
nocodesupplyco / aspect-ratio.css
Created December 16, 2022 18:36
CSS Aspect Ratio
/* Set aspect ratio on an element/class */
.div {
aspect-ratio: 16 / 9;
}
/* Minimum aspect ratio */
@media (min-aspect-ratio: 8/5) {
div {
background: #9af; /* blue */
}
@nocodesupplyco
nocodesupplyco / input-value-to-url.js
Created December 13, 2022 16:12
Redirect Form on Submit and Pass Input Value to URL
$(function() {
//run when form submits - ID must be on the <form> element!
$("#your-form").submit(function(event) {
//store email input value
var emailValue = $("#email").val();
//redirect to sign up
window.location.replace("example.com/signup?email=" + emailValue);
@cassidoo
cassidoo / DTN.md
Last active March 6, 2024 15:48
Deploy to Netlify Button

Insta-deploy templates to Netlify

Make a Deploy to Netlify button like this:

Deploy to Netlify

With this:

<?
//
// AUTO KEYWORD-BASED FOLLOWER CURATION BOT (by @levelsio)
//
// File: twitterFollowerCuratorBot.php
//
// Created: May 2021
// License: MIT
//
@rowe-morehouse
rowe-morehouse / ai-writing-tools.md
Last active April 29, 2024 10:22
🔥 List of AI Writing Tools: AI Writing Assistant, AI Chat, Automatic Content Generation, Idea Recommendation, Paraphrasing, Summarizing, Outlining, SEO Metas, Grammar Check, Tone Check, Sales Email Customization
@CivBase
CivBase / index.html
Created March 12, 2021 04:46
Make Your Photo 16x9 (plus other aspect ratios)
// Original code from einaregilsson:
// https://github.com/einaregilsson/photo16x9/tree/6ae29823e8bc57e15627795ce9c056197d8eb98f
<!DOCTYPE html>
<html>
<head>
<title>Make Your Photo 16x9</title>
<meta charset="utf8">
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<meta name="apple-mobile-web-app-title" content='Make Your Photo 16x9' />
// Based on [Eric Meyer's reset 2.0](http://meyerweb.com/eric/tools/css/reset/index.html)
// Global reset rules.
// For more specific resets, use the reset mixins provided below
@mixin global-reset {
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
@jakejarvis
jakejarvis / config.toml
Created October 31, 2019 01:02
hugo netlify _redirects _headers files
# add redirects/headers
[outputs]
home = ["HTML", "RSS", "REDIRECTS", "HEADERS"]
# remove .{ext} from text/netlify
[mediaTypes."text/netlify"]
suffixes = [""]
delimiter = ""
@jakejarvis
jakejarvis / image.html
Created October 30, 2019 01:00
Hugo shortcode for resizing retina images with max-width
<!-- Automatic resizing for HiDPI/retina images -->
<!-- https://gohugo.io/content-management/image-processing/ -->
{{- $original := .Page.Resources.GetMatch (.Get "src") -}}
{{- .Scratch.Set "image" $original -}}
{{- $maxWidth := 910 -}}
{{- if .Get "width" }}
{{- $inputWidth := (int (.Get "width")) -}}