| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>🔥 Make a photo booth app in about 15 lines of JavaScript</title> | |
| <link rel="icon" href="https://fav.farm/🎥" /> | |
| </head> | |
| <body> |
In your WSL instance, re-install OpenSSH server as follows.
sudo apt remove --purge openssh-server
sudo apt install openssh-server
Edit /etc/ssh/sshd_config (e.g. sudo vi /etc/ssh/sshd_config) and add the following lines to the bottom of the file. Ensure you replace WSL_ACCOUNT_NAME with your WSL2 account name.
| import Gallery from './COA/COAGallery.svelte'; | |
| /** | |
| * C.O.A. Gallery Custom Element v1 Component Class | |
| */ | |
| class COAGallery extends HTMLElement { | |
| /** | |
| * This defines the attributes to watch in the custom element to trigger the `attributeChangedCallback` method | |
| */ | |
| static get observedAttributes() { |
To rename your Git master branch to main, you must do the following steps:
Navigate to your repository in the command line and issue the following commands:
- git branch -m master main
- git push -u origin main
Change your default branch on GitHub by going to your GitHub repository in your browser, and navigate to Settings > Branches and click on the dropdown and switch from master to main and click Update (this will only show if you have two or more branches). The main branch is now your default branch.
Update the tracking of the branch from your command line with the following command:
- git branch -u origin/main main
| # Copyright (c) 2019 Will Bender. All rights reserved. | |
| # This work is licensed under the terms of the MIT license. | |
| # For a copy, see <https://opensource.org/licenses/MIT>. | |
| # Very fast __git_ps1 implementation | |
| # Inspired by https://gist.github.com/wolever/6525437 | |
| # Mainly this is useful for Windows users stuck on msys, cygwin, or slower wsl 1.0 because git/fs operations are just slower | |
| # Caching can be added by using export but PROMPT_COMMAND is necessary since $() is a subshell and cannot modify parent state. | |
| # Linux: time __ps1_ps1 (~7ms) |
| <!-- | |
| /* | |
| * Serverless contact form handler for Cloudflare Workers. | |
| * Emails are sent via Mailgun. | |
| * | |
| * Learn more at https://maxkostinevich.com/blog/serverless-contact-form | |
| * Live demo: https://codesandbox.io/s/serverless-contact-form-example-x0neb | |
| * | |
| * (c) Max Kostinevich / https://maxkostinevich.com | |
| */ |
| // sass dependencies: `npm i -D sass` | |
| const util = require('util'); | |
| const sass = require('sass'); | |
| const renderSass = util.promisify(sass.render); | |
| // postcss dependencies: `npm i -D autoprefixer postcss precss` | |
| const autoprefixer = require('autoprefixer'); | |
| const postcss = require('postcss'); | |
| const precss = require('precss'); | |
| const postcssProcessor = postcss([precss, autoprefixer]); |
With the addition of ES modules, there's now no fewer than 24 ways to load your JS code: (inline|not inline) x (defer|no defer) x (async|no async) x (type=text/javascript | type=module | nomodule) -- and each of them is subtly different.
This document is a comparison of various ways the <script> tags in HTML are processed depending on the attributes set.
If you ever wondered when to use inline <script async type="module"> and when <script nomodule defer src="...">, you're in the good place!
Note that this article is about <script>s inserted in the HTML; the behavior of <script>s inserted at runtime is slightly different - see Deep dive into the murky waters of script loading by Jake Archibald (2013)
| # Create a pod containing the PHP-FPM application (my-php-app) | |
| # and nginx, each mounting the `shared-files` volume to their | |
| # respective /var/www/html directories. | |
| kind: Pod | |
| apiVersion: v1 | |
| metadata: | |
| name: phpfpm-nginx-example | |
| spec: | |
| volumes: |