Media only screen CSS

@media only screen and (min-width: 500px) {

}

// X-Small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) { ... }

https://getbootstrap.com/docs/5.3/layout/breakpoints/#min-width

Cloudcannon

• https://app.cloudcannon.com
• https://docs.astro.build/en/guides/cms/cloudcannon/

text

lalala test

Cloudcannon test add "new post" via UI

CSS position floatish relative

https://css-tricks.com/almanac/properties/p/position/#absolute

To make the child element positioned absolutely from its parent element we need to set this on the parent element itself:

.element {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.parent {
  position: relative;
}

Now properties such as left, right, bottom and top will refer to the parent element, so that if we make the child element transparent we can see it sitting right at the bottom of the parent:

Undo `git reset --soft HEAD~1` with reflog

1. git reflog find commit before reset
2. git checkout <commit>
3. git log verify that this commit includes the resetted commit
4. git branch --force <original-branch-name>
5. git checkout <original-branch-name>

References

• Docs: https://git-scm.com/docs/git-branch#Documentation/git-branch.txt--f
• SO: https://stackoverflow.com/questions/5471174/move-branch-pointer-to-different-commit-without-checkout

git history for selection

Visual mark code

Webstorm: "Show history for selection"

Neovim: :<,>DiffviewFileHistory<CR>

markdown

<mark>Highlighted text</mark>

==Highlighted text==

Highlighted text

==Highlighted text==

[!NOTE] En note

[!WARNING] Warning!!

[!IMPORTANT] !!!!!!

Tmux kill pane/window

Kill window/pane in tmux

<Prefix> & for killing a window

<Prefix> x for killing a pane

If there is only one pane (i.e. the window is not split into multiple panes, x would kill the window)

https://stackoverflow.com/questions/7771557/how-do-i-terminate-a-window-in-tmux

Usage for killing tmux windows/pane:

• if nvim freezes during :<,>DiffviewFileHistory or something

Check if a file exists (pre-push example)

Bash

Check existence

lpo() {
  if [[ -f ".git/hooks/pre-push" ]]; then
    echo ".git/hooks/pre-push was found:"
    echo "pre-push is activated"
  else
    if [[ -f ".git/hooks/pre-push.sample" ]]; then
      echo ".git/hooks/pre-push was not found:"
      echo "but .git/hooks/pre-push.sample was found:"
      echo "pre-push is deactivated"
    else
      echo "Hmmmmm"
    fi
  fi
}

Nvim edit file

po() {
  if [[ -f ".git/hooks/pre-push" ]]; then
    echo ".git/hooks/pre-push was found:"
    nvim .git/hooks/pre-push
  else
    if [[ -f ".git/hooks/pre-push.sample" ]]; then
      echo ".git/hooks/pre-push was not found:"
      echo "but .git/hooks/pre-push.sample was found:"
      nvim .git/hooks/pre-push.sample
    else
      echo "Hmmmmm"
    fi
  fi
}

Lua nvim edit file

function file_exists(name)
   local f=io.open(name,"r")
   if f~=nil then io.close(f) return true else return false end
end

function open_prepush()
  if file_exists(".git/hooks/pre-push") then
    vim.cmd("vsplit .git/hooks/pre-push")
  elseif file_exists(".git/hooks/pre-push.sample") then
    vim.cmd("vsplit .git/hooks/pre-push.sample")
  else
    vim.cmd("echo 'Hmmmmm'")
  end
end

vim.keymap.set("n", "<leader><leader>po", open_prepush, { desc = "Open pre-push a new split" })

Print current date

Print current date with Mac Shortcuts app

• Ctrl Alt a ---> 2026-02-25
• Ctrl Alt s ---> 25.02.2026

This card is mentioned in: https://useful-snippets.netlify.app/posts/autohotkey-replacements/

prepush / git hooks

To activate pre-push, rename .git/hooks/pre-push.sample to .git/hooks/pre-push

Example script:

GREEN='\033[0;32m'
RED='\033[1;91m'
RESET='\033[0m'

branch_name="$(git branch --show-current)"
allowed_branch_name="my-branch"

if [ "$branch_name" != "$allowed_branch_name" ]; then
  echo "Current branch: ${RED}${branch_name}${RESET}"
  echo "Allowed branch: ${GREEN}${allowed_branch_name}${RESET}" 
  echo
  echo "You can't push directly to this branch."
  exit 1
fi