croxton

Create the bucket

1. Open the console https://console.cloud.google.com
2. If you haven't already, setup your Cloud billing account
3. From the drop down at the top of the screen, create new project for your client, e.g. my-client
4. Make a note of the Project number on the project Home screen (Craft refers to this as the Project ID)
5. In the sidebar go to APIs & Services > Credentials, click the + Create credentials button and choose the Service Account type

• Set account name to craft-cms or similar
• Set role to Owner
• Save

6. Click on the newly created service account email to edit it, then click the Keys tab and click Add key > Create new key and select the JSON format

ankurk91

Laravel Horizon, redis-server, supervisord on Ubuntu 20/22 server

Laravel 8+, Horizon 5.x, Redis 6+

Parepare application

• Install and configure Laravel Horizon as instructed in docs
• Make sure you can access the Horizon dashboard like - http://yourapp.com/horizon
• For now; it should show status as inactive on horizon dashbaord

Install redis-server

ksenzee

/// Add Gap between the boxes
///
/// @author Sascha Fuchs
///
/// @group core - cssgrid
///
/// @param   {list}    $boxes - List with box sizes
/// @param   {string}  $gap - Optional column gap
@function box-gap($boxes, $gap) {
  $box: ();

andrewdelprete

let mix = require("laravel-mix");
let tailwindcss = require("tailwindcss");
let glob = require("glob-all");
let PurgecssPlugin = require("purgecss-webpack-plugin");

/**
 * Custom PurgeCSS Extractor
 * https://github.com/FullHuman/purgecss
 * https://github.com/FullHuman/purgecss-webpack-plugin
 */

unr

const axiosconfig = {
	baseurl: 'https://site.com/api/',
	timeout: 30000,
};

import Vue from 'vue';
import axios from 'axios';

// Setting up Axios on Vue Instance, for use via this.$axios
Vue.prototype.$axios = axios.create(axiosConfig);

mhgbrown

var SUCCESS_MESSAGES = {
  'en': {
    'complete the subscription': 'Confirm the subscription in your inbox',
    'default': 'Confirm the subscription in your inbox'
  },
  'de': {
    'complete the subscription': 'Bestätigen Sie das Abonnement in Ihrer Inbox',
    'default': 'Bestätigen Sie das Abonnement in Ihrer Inbox'
  }
}

JacobDB

// Replace letters
@function str-replace($string, $search, $replace: '') {
    $index: str-index($string, $search);

    @if $index {
        @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
    }

    @return $string;
}

brettburwell

{# ================================================================== #}
{# Responsive Image Macro
{# ================================================================== #}
{# 
   Macro to centralize the markup and config for responsive images. 
   
   Based on an article by Marion Newlevant (@marionnewlevant) and 
   adapted for the Lazysizes plugin. Read more: 
   https://straightupcraft.com/articles/responsive-images-with-twig-macros

wsrzx

sudo brew uninstall node
brew update
brew upgrade
brew cleanup
brew install node
sudo chown -R username /usr/local
brew link --overwrite node
sudo brew postinstall node

tmslnz

/*
Streamlined Shopify theme development.

NOTE: depends on module gulp-shopify-theme

npm install --save-dev yargs gulp gulp-sass gulp-changed gulp-sourcemaps gulp-autoprefixer gulp-uglify gulp-concat gulp-replace gulp-plumber gulp-babel browser-sync gulp-if del gulp-add-src gulp-rename gulp-yaml gulp-shopify-theme

Highlights:

- https proxying via BrowserSync