When using criticalCSS on Apple Silicon hardware in an arm64 linux virtual machine, puppeteer installs an x86-64 version of chromium which will not launch and will cause and npm run command to fail.
This problem can be solved by firstly installing chromium-browser which is a native arm64 and x86-64 build:
sudo apt install chromium-browser
| Photoswipe 5.2 was rewritten in ES6 and it needs to be transpiled to ES5 to work with Laravel Mix 4 (which used Webpack 4). | |
| If you try a regular import as per the Photoswipe docs, it won't work. You'll need to add this webpack config to your | |
| webpack.mix.js and import the modules in your js file as per below. |
| #!/usr/bin/python3 | |
| import sys | |
| import os | |
| import re | |
| import jinja2 | |
| import markdown | |
| TEMPLATE = """<!DOCTYPE html> |
| #!/bin/bash | |
| # Batch convert SVG to PNG. Useful for creating new sizes of twemoji. | |
| # Uses https://wiki.gnome.org/Projects/LibRsvg. On macOS install with 'brew install librsvg' | |
| for file in svg/*.svg | |
| do | |
| filename="$(basename $file)" | |
| name=$(echo $filename | cut -f 1 -d '.') | |
| echo "Converting $file to $name.png" | |
| rsvg-convert -h 36 -w 36 $file > 36x36/$name.png | |
| done |
| // set figure heights based on child image + figcaption heights | |
| $(document).ready(function(){ | |
| setFigureHeight(); | |
| $(window).on('resize', setFigureHeight); | |
| }); | |
| function setFigureHeight() { | |
| $('.story-image').each(function(index,value) { | |
| imgHeight = $(this).outerHeight(true); | |
| capHeight = $(this).next('figcaption').outerHeight(true); | |
| figHeight = imgHeight + capHeight; |
| tell application "Finder" | |
| set theItems to selection | |
| set folderName to name of item 1 of theItems | |
| do shell script "sudo dscl localhost -create /Local/Default/Hosts/" & folderName & ".dev IPAddress 127.0.0.1" | |
| end tell |
| <?php | |
| /* | |
| * I have a custom post type for my Portfolio, using Advanced Custom Fields for extra fields including a field for me to | |
| * order the portfolio entires how I want. Standard single navigation using previous_post_link and next_post_link don't work as they | |
| * return the order the posts were added. This fixes things: | |
| */ | |
| // New query | |
| $args = array( |
| sudo update-rc.d varnish defaults 91 9 |
| # This is my VCL file for Varnish 4.0.2 & Wordpress 4.0 | |
| # | |
| # ASSUME The builtin VCL is called afterwards. | |
| # | |
| # Specify VCL new 4.0 format. | |
| vcl 4.0; | |
| # Imports | |
| import std; |