- https://www.madebymike.com.au/writing/how-to-git/
- https://git.wtf/
- https://githowto.com/
- https://marklodato.github.io/visual-git-guide/index-de.html
- https://github.com/arslanbilal/git-cheat-sheet/blob/master/other-sheets/git-cheat-sheet-de.md
- https://gitexplorer.com/
- https://learngitbranching.js.org/?locale=de_DE
Jens Grochtdreis jensgro
jensgro
/ git-infos.md
Last active
September 18, 2023 11:48
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <h1>Responsive Images with srcset</h1> | |
| <div class="wrapper"> | |
| <img class="flexible" | |
| srcset="https://via.placeholder.com/320x160/ddd 320w, | |
| https://via.placeholder.com/480x240/ccc 480w, | |
| https://via.placeholder.com/768x384/444/fff 768w, | |
| https://via.placeholder.com/1024x512/a20000/fff 1024w, | |
| https://via.placeholder.com/1280x640/fd8700/000 1280w" | |
| sizes="(max-width: 20em) 100vw, |
jensgro
/ clickmeifyoucan.html
Created
May 15, 2023 12:46
— forked from hakimel/clickmeifyoucan.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <title>Click me if you can</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <style> | |
| html, body { | |
| display: flex; | |
| flex-direction: column; | |
| align-items: center; | |
| justify-content: center; |
jensgro
/ style.css
Created
May 10, 2023 15:29
— forked from AlexWebLab/style.css
Retina displays CSS background image
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .logo_background { | |
| background-image: url('../img/logo@1x.png'); | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: 80px 40px; /* size of the logo image @ 1x */ | |
| } | |
| @media /* only for retina displays */ | |
| only screen and (-webkit-min-device-pixel-ratio: 2), | |
| only screen and (min--moz-device-pixel-ratio: 2), | |
| only screen and (min-device-pixel-ratio: 2), |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // entnommen: https://github.com/jensgro/11ty-starter | |
| // ======= Farben | |
| $custom-colors: ( | |
| "black": ( | |
| "base": #000 | |
| ), | |
| "white": ( | |
| "base": #fff, | |
| "nearly": #fafafa | |
| ), |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // entnommen: https://github.com/jensgro/11ty-starter | |
| // ======= Farben | |
| $custom-colors: ( | |
| "black": ( | |
| "base": #000 | |
| ), | |
| "white": ( | |
| "base": #fff, | |
| "nearly": #fafafa | |
| ), |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // entnommen: https://github.com/jensgro/11ty-starter | |
| // ======= Farben | |
| $custom-colors: ( | |
| "black": ( | |
| "base": #000 | |
| ), | |
| "white": ( | |
| "base": #fff, | |
| "nearly": #fafafa | |
| ), |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $fonts: ( | |
| Thin: 100, | |
| ThinItalic: 100, | |
| ExtraLight: 200, | |
| ExtraLightItalic: 200, | |
| Light: 300, | |
| LightItalic: 300, | |
| Regular: 400, | |
| Italic: 400, | |
| Medium: 500, |
jensgro
/ .eleventy.js
Created
March 21, 2023 21:17
— forked from sombriks/.eleventy.js
custom eleventy filter to count posts by year #eleventy #ssg
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| //... | |
| eleventyConfig | |
| .addFilter('yearTags', posts => { | |
| const yearsList = posts.map(p => p.data.date.getFullYear()) | |
| const yearsCount = {} | |
| yearsList.forEach(y => { | |
| if (!yearsCount[y]) yearsCount[y] = 1 | |
| else yearsCount[y]++ | |
| }); | |
| return Object.keys(yearsCount) |
jensgro
/ sr-only.css
Created
March 1, 2023 20:37
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* version from https://kittygiraudel.com/snippets/sr-only-class/ */ | |
| .sr-only { | |
| border: 0 !important; | |
| clip: rect(1px, 1px, 1px, 1px) !important; | |
| -webkit-clip-path: inset(50%) !important; | |
| clip-path: inset(50%) !important; | |
| height: 1px !important; | |
| overflow: hidden !important; | |
| margin: -1px !important; |