Jens Grochtdreis jensgro
jensgro
/ linklist-kevin-powell.markdown
Last active
September 28, 2023 20:38
jensgro
/ git-infos.md
Last active
September 18, 2023 11:48
- 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
This file contains hidden or 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 hidden or 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 hidden or 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/[email protected]'); | |
| 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 hidden or 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 hidden or 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 hidden or 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 hidden or 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 hidden or 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) |