Sun 22. October 2023 | 2023-10-22
source /usr/share/bash-completion/completions/git
__git_complete gco _git_checkout
__git_complete gb _git_branch
__git_complete gbs _git_bisect
__git_complete ga _git_add
__git_complete gcmsg _git_commit
__git_complete gcs _git_commit
__git_complete gd _git_diff
__git_complete gl _git_pull
__git_complete gp _git_push
__git_complete gm _git_merge
Sun 22. October 2023 | 2023-10-22
https://stackoverflow.com/questions/66845889/next-js-image-how-to-maintain-aspect-ratio-and-add-letterboxes-when-needed
<div
style={{
position: "relative",
width: "566px",
height: "425px",
}}
>
<Image
src={currCommit.image.url}
alt="Current Image"
layout={"fill"}
style={{objectFit: "cover"}}
/>
</div>
Sun 22. October 2023 | 2023-10-22
https://app.netlify.com/drop
build the site, eg. _site
Drag and drop the build folder
Somehow this is 10 000% easier than deploying on github pages.
See this deployed before it expires: https://singular-peony-86185b.netlify.app/
Sun 22. October 2023 | 2023-10-22
nano ~/.nanorc
sett inn
https://gist.github.com/keithamus/736220/5e069767b22841610ee18fd2f92bd6026f5eb41d
syntax "gitcommit" "COMMIT_EDITMSG$"
color white "#.*"
color green "#.(modified|added|deleted|unmerged|copy-edit|rename).*"
color yellow start="# Changes.*" end="# Changed.*"
color brightgreen "^\+.*"
color brightred "^-.*"
color brightyellow "(diff|index|---|\+\+\+).*"
color brightmagenta "@@.*"
color white "# Changes .*"
color white "# Changed .*"
color white "#.*\(use .*"
color white "#$"
=
farger i git commit vinduet!
Sun 22. October 2023 | 2023-10-22
VS Code snippet
"Print variable to console": {
"scope": "javascript,typescript",
"prefix": "logvar",
"body": "console.log('$1', $1)"
}
Neovim Luasnippet
se nvim lua snippets for inspirasjon
Sun 22. October 2023 | 2023-10-22
Links
Sun 22. October 2023 | 2023-10-22
Ifølge https://koukia.ca/rename-or-move-files-in-git-e7259bf5a0b7
Hvis du vil være sikker på at file history blir ivaretatt i en fil om du renamer den (eller flytter den), så må du bruke commando-linja og kjøre
git mv mycoolclass.cs myCoolClass.cs
eller
git mv layout/CardList common/List
Hvis du renamer direkte i editor-en, så kan du ikke være sikker på at git skjønner at det er samme fil.
Når du ivaretar git history så kan du bruke ting som git log -p --follow -- path/to/filename. Se gist: https://gist.github.com/paalss/7127b421ff7f3a862ae8d76c772aeb6a
Kommentarer:
Mulig det er unødvendig å bruke mv. Da jeg renamet og flyttet layout/CardList til common/List så skjønte git at disse to filene var 74% like.
git log -p --follow components/common/List/List.tsx funker fjell. Historikken strekker seg tilbake til før renamingen
Sun 22. October 2023 | 2023-10-22
Usage with long nested keys
const { t } = useTranslation("translation", {
keyPrefix: "long.nested.keys",
});
Sun 22. October 2023 | 2023-10-22
https://github.com/paalss/nvim/blob/master/docs/neovim-install.md
Sun 22. October 2023 | 2023-10-22
Eleventy stuff
eleventy.js
Return specific post
module.exports = function (eleventyConfig) {
eleventyConfig.addPassthroughCopy("bundle.css");
eleventyConfig.addPlugin(syntaxHighlight);
eleventyConfig.addCollection("post", function (collection) {
const coll = collection.getFilteredByTag("post");
console.log(coll);
return [coll[20]];
});
};
Return first 5 posts
module.exports = function (eleventyConfig) {
eleventyConfig.addPassthroughCopy("bundle.css");
eleventyConfig.addPlugin(syntaxHighlight);
eleventyConfig.addCollection("post", function (collection) {
const coll = collection.getFilteredByTag("post");
console.log(coll);
return coll.slice(0, 5);
});
};
Sun 22. October 2023 | 2023-10-22
- https://gregives.co.uk/ (bilde av fyren som byttes ut etter musebevegelser, slik at det ser ut som han ser på musepekeren!!)
- https://brittanychiang.com/ (et kult design som mange har stjålet koden til)
- https://lynnandtonic.com/
- https://lynnandtonic.com/archive/2020/
- https://ashleighsimonelli.co.uk/ (innovativt, koselig og terminal UI)
- https://pehaa.com/ (stilig typografi, stilig scroll-effect som gør alt skrått)
- https://arsalanshakil.github.io/ (stilig typografi, scroll styling)
- https://gherciu.github.io/portfolio/ (veldig levende desgin. innhold som virkelig popper frem. Nydelig design)
- https://danny-garcia.com/ (kul boblebakgrunn)
- https://sarah.dev/ (roseorigimai lignende greier som blir helt forvridd når man hoverer-over blomstene)
- https://www.ilithya.rocks/ (råstilig flygende 3d-tekst og 3d-objekter)
- https://jolienhoop.com/ (kul reaktiv bakgrunn!!!)
- https://www.dalelarroder.com/ (rå oppstilling av tekst, stilig mus-effekt i bakgrunnen)
- https://gabrielthecode.com/ (stilig bg med firkanter, skrå linjer. Unikt, men fortsatt oversiktlig. Men litt lang loading på siden)
- https://ahmedzougari.netlify.app/ (squiggly effect på profilbilde ved hover)
- https://vivek9patel.github.io/ (linux UI)
- https://www.abdusamad.uz/ (stilig navigasjon med ctrl + k)
- https://yodkwtf.com/ (skøy bg, oversiktlig og stilig)
- https://www.hafidziti.dev/ (fine inngangs-animasjoner på elementer, ikke for sakte, som mange av de andre animasjonene er)
- https://developer-portfolio-1hanzla100.vercel.app/ (helt rå animasjoner)
- https://harshgoel.me/ (steam hover card aktig-effekt på project cards)
- http://v1.kaisermann.me/ (arbeidspult UI)
- https://turnerj.com/ (fin gradient effect ved hover)
- https://garvnanwani.netlify.app/ (en fryd å se på. som å se i et magasin. fin typografi)
- https://nachocaiafa.com.ar/ (woooooooooooooooooooooooooooooooowww!!! Ser akkurat ut som en nettside for et spill eller noe)
- https://j471n.in/ (veldig fine inngangsanimasjoner, alt kommer sammen veldig pent)
- https://jayantgoel001.github.io/ (Ganske stilige inngangsanimasjoner. Har også en slags vtuber person? veldig unikt)
- https://moustapha.me/ (wooooooooooooow! animasjonene, designet, logoen)
- https://romanisthere.github.io/ (man tegner på bakgrunnen og det er et visittkort der som automatisk utfyller teksten sin)
- https://iantrent.com/
- https://karkipramesh.com.np/ (stilig bakgrunn av en wireframe-skjelett-3d-kule som roterer)
- https://jahir.dev/
- https://leewarrick.com/ (litt fine animasjoner)
- https://louayhamada.com/ (code editor UI)
- https://matteolobello.com/ (en sirkel som følger musepekeren, og når den komme rover lenker, så forvandles den til en firkant som markerer hele det lenkede ordet. Stilig, unikt)
- https://mayank0255.github.io/ (pent design. Godt håndtert scroll hijjacking)
- https://maramsaiharsha.netlify.app/ (litt gøy, bare)
- https://migu.es/ (elementer i designet popper fram)
- https://nicovanzyl.com/portfolio
- https://olepetterstokke.no/
- https://olaolu.dev/
- https://ogaston.com/ (flygeanimasjon på twitter-fuglen!!)
- https://bluexguardian.com/
- https://pazindushane.github.io/ (veldig proft utseende. UI og animasjoner spiller så godt sammen)
- https://priya180975.github.io/portfolio/ (kul minimalistisk stil, tør å bruke grid)
- https://www.juliacodes.com/
- http://danielsternlicht.com/
- https://www.pirhoo.com/
- https://evander.vercel.app/
- https://kuldar.com
- https://robertandradejr.dev/
- https://fossheim.io/
MEST UKONVENSJONELLE PORTEFØLJER
Sun 22. October 2023 | 2023-10-22
For filer i mappe hvis navn er "pages":
npx jscodeshift -t https://mskelton.dev/ratchet.ts pages/**/*.{ts,tsx}
https://github.com/mskelton/ratchet
funker ikke på destructured props, da