barakplasma

<script setup>
    import { ref } from 'vue'

    const hover = ref(false)
    const key = ref('')
    const events = ref([])

    document.addEventListener('keydown', (e) => {
        key.value = e.key;
        events.value.push({ key: e.key, hover: hover.value.toString() })

barakplasma

classDiagram
    direction RL
    Tasmota --> MqttBroker: Tasmota publishes sensor readings to broker
    class Tasmota{
        publish()
    }
    class MqttBroker {
        message_queue
    }
    Mqttjs --> Chartjs: onRecieve pushes new data and updates Chart

barakplasma

HackerNews TTS

A Pen by Michael Salaverry on CodePen.

License.

barakplasma

Tesseract.js based OCR from Webcam

barakplasma

barakplasma

const axios = require('axios').default;

let callCounter = {};
const displayCalls = () => {
  console.log(callCounter);
};
function makeInterceptor(keyName, returns) {
  callCounter[keyName] = 0;
  return (r) => {
    callCounter[keyName]++;

barakplasma

Hannukah Custom Elements

A Pen by Michael Salaverry on CodePen.

License.

barakplasma

Hannukah Custom Elements

A Pen by Michael Salaverry on CodePen.

License.

barakplasma

Hannukah Custom Elements

A Pen by Michael Salaverry on CodePen.

License.

barakplasma

class Candle extends HTMLElement {
  constructor() {
    super();
    this.attachShadow({ mode: "open" });

    const wrapper = document.createElement("span");
    wrapper.setAttribute("class", "candle");

    const candleFlicker = document.createElement("img");
    candleFlicker.setAttribute(