Download Flutter SDK, extract the "Flutter" folder and put somewhere on your machine https://flutter.dev/docs/get-started/install
Add path for 'location/flutter/bin'
Jens Grochtdreis jensgro
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
| <!-- Jedes Element bezieht sich mit dem Namen NUR auf das Mosul und nicht auf eventuelle Elternelemente. --> | |
| <div class="teaser"> | |
| <header class="teaser__headercontainer"> | |
| <h3 class="teaser__header">Überschrift</h3> | |
| </header> | |
| <div class="teaser__content"> | |
| <p>Lorem Dingenskirchen und so weiter, ihr wisst schon ....</p> | |
| </div> | |
| <footer class="teaser__footer"> | |
| <a href="linkziel.html" class="teaser__footerlink">weiterlesen ...</a> |
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
| # test |
jensgro
/ flutter_setup.md
Created
May 21, 2021 16:36
— forked from bradtraversy/flutter_setup.md
Flutter dev setup & notes
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
| // iFrame mit Aspect-Ratio | |
| .embed-responsive { | |
| position: relative; | |
| display: block; | |
| height: 0; | |
| padding: 0; | |
| padding-bottom: 56.25%; | |
| .embed-responsive-item, |
jensgro
/ eleventy-markdown.md
Last active
April 3, 2020 20:22
I want to put parts of some Markdown files into a special area
| title | Eierlikör | |
|---|---|---|
| date | 2006-11-04 | |
| permalink | rezepte/eierlikoer.html | |
| introText | Einfach ein schönes Geschenk. Aber auch zum sleber trinken verdammt lecker. | |
| introImage | eierlikoer | |
| tags |
|
jensgro
/ navigation.html
Created
March 17, 2020 09:38
Three possible ways to write classes for a navigation with BEM. There may be more.
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
| --- | |
| status: "wip" | |
| handle: "table" | |
| context: | |
| tablehead: | |
| - item: "AutorIn" | |
| - item: "Titel" | |
| - item: "Verlag" | |
| rows: |
jensgro
/ sr-only.css
Last active
December 2, 2020 15:29
Content is only accessible for screenreaders. The white-space-line is important!
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
| /* hide only visually */ | |
| .sr-only:not(:focus):not(:active) { | |
| width: 1px; | |
| clip: rect(0 0 0 0); | |
| clip-path: inset(50%); | |
| height: 1px; | |
| overflow: hidden; | |
| position: absolute; | |
| white-space: nowrap; | |
| } |
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
| <div id="app"> | |
| <form> | |
| <div class="input-group"> | |
| <input type="text" class="form-control" placeholder="Buchtitel" aria-label="Buchtitel suchen" v-model="query" @keyup="search"> | |
| <div class="input-group-append"><button class="btn btn-outline-primary" id="button">Suchen</button></div> | |
| </div> | |
| <div class="p-5 d-flex justify-content-center" v-if="!docs.length && query.length"><div class="spinner-border" role="status"><span class="sr-only">Loading...</span></div></div> | |
| <div class="list-group" v-if="docs.length"> | |
| <button v-for="doc in docs" type="button" class="list-group-item list-group-item-action">{{ doc.title }}</button> | |
| </div> |