jshakes

pad_images.py

A Python script to pad images to match a specified aspect ratio while ensuring a minimum amount of padding around the image relative to its size. It supports multiple image formats and preserves transparency for PNG, GIF, and WEBP files.

Note the script does not resize images, it will only add padding as needed.

Features

• Maintains the specified aspect ratio (e.g., 4:3, 16:9) across all images.
• Ensures a minimum padding percentage based on the largest image dimension.
• Supports PNG transparency; other formats get a white background.

jshakes

{
    "questions": [
        {
            "question_uuid": "baby_supplies",
            "label": "Number of Children Needing Baby Supplies",
            "type": "number",
            "default_value": 0,
            "validations": [
                {
                    "name": "min",

jshakes

const functions = require('firebase-functions');
const admin = require('firebase-admin');
const Mercury = require('@postlight/mercury-parser');
const { countArticleWords } = require( './lib/articles' );

admin.initializeApp(functions.config().firebase);

/*
	Create some profile information in the users collection,
	including an array in which to store the user's article

jshakes

Install phpcs with homebrew:

brew install php-code-sniffer

cd /usr/local/lib (or wherever you want to the code sniffer rules to live)

Clone the WP rules:

git clone -b master https://github.com/WordPress-Coding-Standards/WordPress-Coding-Standards.git wpcs

jshakes

import React, { Component } from 'react';
import PropTypes from 'prop-types';

class BookItem extends Component {
  static propTypes = {
    books: PropTypes.array.isRequired,
    updateShelf: PropTypes.func.isRequired
  }
  
  constructor(props) {

jshakes

var Sudoku = function(data) 
{
  //   Private methods
  // -------------------------

  function makeColArr() {
    let columns = [];
    let valid = true;
    data.forEach((row, rowIndex) => {
      columns.push([]);

jshakes

/*
Slideshow Component
-----------------

An extensible class for adding slideshow functionality to a group of elements. Supports next/prev buttons,
autoplay and counter elements for showing the current and total number of slides. 

@ $slides (jQuery el) - The element containing the slides (jQuery object)
@ $nextButton (jQuery el) - The forward button
@ $prevButton (jQuery el) - The previous button

jshakes

// BAD - lots of selector repetition and if we don't match the nesting/specificity in the media query, the rules we write may not override the defaults

.my-module {
  height: 4em;
  .my-module-header {
    width: 100%;
    .my-module-title {
      font-size: 1em;
    }
  }

jshakes

/*
  Infinite Scroll Component
  -----------------

  An extensible class for enabling up-and-down infinite scroll on a scrollable element.
  Triggers events on the element when threshold is reached
  
  @ $viewport (jQuery el) - the scrollable viewport element, eg. window
  @ $content (jQuery el) -the content container, eg. document
  @ threshold (int) - a pixel value for determining how far from the bottom we should fire the callback

jshakes

* {
  border-radius: none !important;
  -moz-border-radius: none !important;
  -o-border-radius: none !important;
  -webkit-border-radius: none !important;
  border-image: default !important;
  box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  -o-box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;