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/

nextjs config

next.config.js og webpack.config.js

next.config.js er en slags utvidelse til webpack.config.js . Man har ikke direkte tilgang til webpack-filen, men man kan bruke next config filaslik jeg forstår dette sitatet i hvert fall:

Imagine your next.config.js as something to append to an existing webpack.config behind the scenes. You won't have direct access to the webpack but you can extend it.

se https://stackoverflow.com/questions/50746420/nextjs-import-images-in-mdx supersizze sin melding

Create & apply patches

https://stackoverflow.com/questions/2249852/how-to-apply-a-patch-generated-with-git-format-patch

First the stats:

git apply --stat a_file.patch

Then a dry run to detect errors:

git apply --check a_file.patch

Finally, you can use git am to apply your patch as a commit. This also allows you to sign off an applied patch.
This can be useful for later reference.

git am --keep-cr --signoff < a_file.patch

text

mulig du må fjerne denne blueprint.md filen og referansen til den i cloudcannon config'en for at schema'et skal bli brukt.

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

Search replace in pre-push(.sample)

# 1: new branch name
function update_prepush {
  sed -i'' -e "s/allowed_branch_name=\".*\"/allowed_branch_name=\"$1\"/g" $(gitHookFull pre-push)
}

#1: name of git hook (e.g. pre-push, post-commit)
function gitHookFull {
  if [[ -f ".git/hooks/$1" ]]; then
    echo ".git/hooks/$1"
  else
    if [[ -f ".git/hooks/$1.sample" ]]; then
      echo ".git/hooks/$1.sample"
    else
      echo "undefined"
    fi
  fi
}

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" })