Uploaded November 2021 | Updated September 2026, 2 weeks ago
This is the 6th video in the Enough Inkscape to Be Dangerous series. In this video Mike intends to make a logo for the statelesscode.com WordPress video series (see the next episode), but gets sidetracked by wanting to change the spacing and opacity of the Stateless Code logo. This turns into replacing the logo in all of the assets and extracting the nerdy die from the NerdDice series into its own SVG so it can be used as an icon or avatar.
This video covers:
00:00:12 Introduction plan to make WordPress series logo, get sidetracked
00:02:25 If you give a mouse a cookie: PIVOT and decide to modify the spacing and size of the angle brackets in the main Stateless Code logo
00:06:22 Show overlay of the old and new logos
00:06:46 Fix the opacity on the logo backgroud gradient so it doesn't alter the appearance when the background is light or dark
00:12:49 Extract out the nerdy die from NerdDice into its own SVG
00:13:19 Do a red nerdy die. Change colors of numbers and triangles
00:19:56 Move the glasses on the nerdy die up slightly
00:23:47 Example of using GIMP to convert an SVG to a PNG
This video is CC0 - No rights reserved. (YouTube doesn't allow this option when publishing.) All code is released under the UNLICENSE. Stateless Code denies the concept of "intellectual property". Copying is not stealing.
This is the 6th video in the Enough Inkscape to Be Dangerous series. In this video Mike intends to make a logo for the statelesscode.com WordPress video series (see the next episode), but gets sidetracked by wanting to change the spacing and opacity of the Stateless Code logo. This turns into replacing the logo in all of the assets and extracting the nerdy die from the NerdDice series into its own SVG so it can be used as an icon or avatar.
This video covers:
00:00:12 Introduction plan to make WordPress series logo, get sidetracked
00:02:25 If you give a mouse a cookie: PIVOT and decide to modify the spacing and size of the angle brackets in the main Stateless Code logo
00:06:22 Show overlay of the old and new logos
00:06:46 Fix the opacity on the logo backgroud gradient so it doesn't alter the appearance when the background is light or dark
00:12:49 Extract out the nerdy die from NerdDice into its own SVG
00:13:19 Do a red nerdy die. Change colors of numbers and triangles
00:19:56 Move the glasses on the nerdy die up slightly
00:23:47 Example of using GIMP to convert an SVG to a PNG
This video is CC0 - No rights reserved. (YouTube doesn't allow this option when publishing.) All code is released under the UNLICENSE. Stateless Code denies the concept of "intellectual property". Copying is not stealing.



![Set up a Salesforce Development Environment on Ubuntu 24.04
In this video, we guide you through setting up a Salesforce development environment on a new install of Ubuntu 24.04. The only things we have installed so far are Visual Studio Code, bzip2 and tar. We have other recent videos linked where we install Node.js (via NVM), VS Code, and Git, so we breeze through those steps quickly in this video.We start by installing Node. Then we install the Java 17 OpenJDK (and save the directory from the installation output so we can set it in the VS Code settings later.) After that we install Git.For the Salesforce CLI, I always use the install via NPM option, irrespective of which operating system I use. I find it to be easier to maintain and upgrade. After the CLI is installed, we install the Salesforce Extension Pack (including the expanded version). After the extension pack is installed we can set the Salesforcedx-vscode-apex Java: Home value in VS Code settings.We authorize our DevHub (a TrailHead developer edition) and create a scratch org and make it our default org with `sf config set`.When we try the `sf org open` command, it fails. Salesforce CLI assumes that the temporary directory being used is the system temporary directory. Ubuntu 24.04 has Firefox installed using snap. Snap sandboxing places the temp directory in the users home directory instead. There are two ways to resolve this. You can execute `TMPDIR=$HOME/temp sf org open [your-flags]` every time you run the sf org open command. This is tedious. The other option is that you can install a browser via apt instead of snap. Unfortunately Chromium will not work for this because the apt install uses snap. To resolve it, we install Chrome and make it the default browser. Theres a privacy trade-off here. Make the decision thats best for you.After we have the ability to open our scratch org, we create a Hello World! Taxation is theft! Lightning Web Component with a simple Jest test. We run npm install on the SFDX project directory so that we can run our JavaScript tests and everything.Finally we deploy the component to our scratch org, create a Lightning page with a few different instances of it, and retrieve everything back to our project.This video covers: 00:00:00 Introduction 00:01:38 Install Node 20 (requires curl and NVM) 00:03:19 Install Java 17 OpenJDK and copy the Java Home directory from the output 00:05:21 Install Git and Salesforce CLI NPM package 00:07:57 Install Salesforce Extension Pack (including Expanded) and configure Salesforce Java Home setting in VS Code 00:11:47 Use Salesforce CLI to login to DevHub 00:14:12 Create a scratch org 00:18:20 Workaround issue to get `sf org open` to work, option 1 adding TMPDIR variable to beginning of command 00:21:45 Alternative workaround, install Chrome via apt and set as default browser 00:29:13 Create a Hello World! Taxation is theft! Lightning Web Component and ensure Jest test framework works 00:36:35 Deploy the component to the scratch org, add to a Lightning Page, and retrieve the whole project back 00:40:37 Conclusion and preview of other upcoming Salesforce material #setup #configuration #install #linux #ubuntu #debian #deb #terminal #ubuntu24 #lts #github #code #visualstudiocode #vscode #apt #git #node #nodejs #nvm #npm #java #jdk #openjdk #salesforce #sfdx #salesforcecli #workaround #scratchorg #helloworldtaxationistheft #jest #lightningwebcomponent #lwcSee other related StatelessCode videos:- Install Ubuntu 24.04 LTS Desktop https://youtu.be/yHxuNUovS20- Install Node.js (versions 18, 20, 22) with NVM on Ubuntu 24.04 https://youtu.be/YyEf1QWfg9Y- Install Visual Studio Code on Ubuntu 24.04 https://youtu.be/GdmHY1JhLI8- Install Git on Ubuntu 24.04 and Configure for Verified Commits in GitHub https://youtu.be/CagiEjuqKxU- Migrate from SFDX CLI version 7.x to Salesforce CLI version 2.x https://youtu.be/kyii2tPwcBI- Codecast: Install Salesforce DX on Ubuntu 20.04 (from 2021) https://youtu.be/JaVf4FYcYw0Resources that we relied upon for this solution:- Lightning Web Components Developer Guide: Develop with Salesforce DX Tools https://developer.salesforce.com/docs/platform/lwc/guide/get-started-sfdx.html- Salesforce CLI Setup Guide https://developer.salesforce.com/docs/atlas.en-us.sfdx_setup.meta/sfdx_setup/sfdx_setup_install_cli.htm- Node.js package manager instructions (you can choose your OS and preferred method) https://nodejs.org/en/download/package-manager - Salesforce CLI Command Reference https://developer.salesforce.com/docs/atlas.en-us.sfdx_cli_reference.meta/sfdx_cli_reference/cli_reference_unified.htm- sf org open GitHub issue on forcedotcom/cli repo https://github.com/forcedotcom/cli/issues/2769- Command line workaround by setting TMPDIR variable https://github.com/salesforcecli/plugin-org/pull/992#issuecomment-2013234183
This video is CC0 - No rights reserved. All code is released under the UNLICENSE. Set up a Salesforce Development Environment on Ubuntu 24.04](https://i.ytimg.com/vi/OC4R71bQO4g/mqdefault.jpg)






