Kamal Morjal kamalx

Default

Powerlevel10k

Cactus Blog Plugin

Setup

Enable the blog plugin by renaming blog.disabled.py to blog.py in your site's plugins directory.

Create a directory called posts in your site's pages directory.

Basic usage

Styling native elements

Native HTML controls are a challenge to style. You can style any element in the web platform that uses Shadow DOM with a pseudo element ::pseudo-element or the /deep/ path selector.

video::webkit-media-controls-timeline {
  background-color: lime;
}

video /deep/ input[type=range] {

Prefixed style properties

-ms-accelerator

The -ms-accelerator property sets or retrieves a string that indicates whether the object represents a keyboard shortcut.

-ms-accelerator: false | true

ANSI Escape Sequences

Standard escape codes are prefixed with Escape:

Ctrl-Key: ^[
Octal: \033
Unicode: \u001b
Hexadecimal: \x1B
Decimal: 27

Useful string manipulation examples for bash and zsh

I need very often to modify filenames or replace/delete their parts across huge number of files. I was using sed command for these purposes but recently I have found out that all these tasks can be easily done directly in bash (or zsh) because both of them support so called string manipulation operations.

String manipulations

Define some example string:

$ file=some_file_name.txt

	// Define WebSocket using ws library
	const WebSocket = require('ws');

	// Initialise wss as a new Websocket Server running in port 8989
	const wss = new WebSocket.Server({ port: 8989 });

	// Array of users currently logged in. Serves as the Database.
	var users = [];

	// This is the code that will run on the server when a new client is connected to

	package main

	import (
	"math/rand"
	"net/url"
	"os"
	"time"

	"github.com/ChimeraCoder/anaconda"
	"github.com/Sirupsen/logrus"

	function ruler() {
	const ruler = document.createElement("div");

	ruler.style.cssText = `
	position: absolute;
	top: ${window.scrollY + window.innerHeight/2 - 20}px;
	left: ${window.scrollX + window.innerWidth/2 - 20}px;
	width: 40px;
	height: 40px;
	background: #ff00006e;