AxelRHD

zp — open a project in Zellij, picked with fzf

A fish function for a home directory organized by language:

~/go-projects/webdev-playground
~/python-projects/flask-htpy-pg
~/bun-projects/…

AxelRHD

Toasts for server-driven pages

Small toast notifications in plain JavaScript and CSS, no build step. Made for server-rendered apps where the backend decides when to show a message — here with Datastar and Go, but the JS function works with anything that can run a line of JavaScript.

• four levels: info, success, warning, error
• toasts arriving together are staggered, so they don't appear and vanish as a block

AxelRHD

[:script (raw "on(document, 'mymsg', ev => alert(ev.detail.message))")]

AxelRHD

// ~/.config/zellij/config.kdl
//
// THIS FILE WAS AUTOGENERATED BY ZELLIJ, THE PREVIOUS FILE AT THIS LOCATION WAS COPIED TO: /home/axelr/.config/zellij/config.kdl.bak.1
//

keybinds clear-defaults=true {
    locked {
        bind "Ctrl g" { SwitchToMode "normal"; }
    }
    pane {

AxelRHD

# Terminal als xterm identifizieren (wie Zellij)
set -g default-terminal "xterm-256color"
set -ga terminal-overrides ",xterm-256color:Tc"

# Status Bar
set -g status-position bottom

# Anti-Flickering
set -sg escape-time 10
set -g focus-events on

AxelRHD

import { jsx, VNode } from "snabbdom";
import xs from "xstream";
import { Stream } from "xstream";
import run from "@cycle/run";
import { MainDOMSource, makeDOMDriver } from "@cycle/dom";
import { IStreams, ISources } from "./interfaces";

import { Navbar } from './components/navbar'

AxelRHD

{
    auto_https off
    admin :2020
}

:1235 {
    handle_path /api* {
        reverse_proxy :3005 #pointing to a dev-api-server
    }
    

AxelRHD

import xs from 'xstream';
import { run } from '@cycle/run';
import { makeDOMDriver } from '@cycle/dom';
// import { makeHTTPDriver } from '@cycle/http';
import Snabbdom from 'snabbdom-pragma';



const intent = sources => {
  return {

AxelRHD

<!DOCTYPE html>
<html>
<head>
<script src="https://npmcdn.com/xstream@5.0.6/dist/xstream.min.js"></script>
<script src="https://npmcdn.com/@cycle/dom@10.0.0-rc34/dist/cycle-dom.min.js"></script>
<script src="https://npmcdn.com/@cycle/xstream-run@3.0.2/dist/cycle.min.js"></script>
<script src="https://npmcdn.com/@cycle/http@9.0.0-rc9/dist/cycle-http-driver.min.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>

AxelRHD

<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="UTF-8" />
      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      <meta http-equiv="X-UA-Compatible" content="ie=edge" />
      <title>My HTML Boilerplate</title>
   </head>
   <body>
      <script src="./main.js"></script>