1. Hoe werkt Geocaching+ coordinaten
1.1. Wat is Geocaching? Ontdek wat Geocachen is en ga snel zelf aan de slag
1.2. Startershandleiding en FAQ | Geocaching Nederland
2. Huisstijl
2.1. Versiebeheer met GitHub
2.2. Bootstrap
2.2.1. SASS
2.3. Start
2.3.1. Onderwerp: Geocaching
2.3.2. naam site: Start2Cache
2.3.3. Kleuren: bruin/groen
2.3.4. Logo Erwin: scarabe
2.4. Kleuren Bruin: #5F452a Groen: #008A23 Achtergrondkleur: #f8f9fa
2.5. Logo
2.5.1. Scarabee ==> kever ==> illustrator Erwin
2.5.2. Origineel Logo is een Scarabe Echter hier staat copyright op
3. All
3.1. Testing
3.1.1. Index pagina
3.1.1.1. Product example · BootstrapProductProduct
3.1.1.1.1. code werkt niet -getest op 02/03/20
3.1.2. IndexPagina Samen onwterpen , delen op Github om resultaten te bekijken
3.1.2.1. Bespreken en beslissing NavBalk
4. Kel
4.1. Soorten geocaches
4.1.1. Trads
4.1.2. Multi
4.1.3. Earth cache
4.1.4. Letterbox
4.1.5. Webcam cache
4.1.6. Wherigo
4.1.7. De Verschillende Cache Types | Geocaching Nederland
5. Johnny
5.1. Geocache listing
5.1.1. Info Geocache listing - Welke info vind je op een geocache pagina?
5.2. Zelf een geocache maken
5.2.1. IDeen op pinterest Geocache maken
5.2.2. https://www.google.com/search?sxsrf=ALeKk03c22t5a3m1Yos4036B2vQ0adbJLA:1583186743570&q=zelf+geocache+maken&tbm=isch&source=univ&sa=X&ved=2ahUKEwiZntqb5vznAhVR2aQKHRGIDAoQsAR6BAgKEAE&biw=1536&bih=722
6. Erwin
6.1. Geocaching trackables
6.1.1. Wat is ...
6.1.2. Hoe werkt het ?
6.1.3. Hoe herken je een ..
6.2. Geocaching GSM-GPS
6.2.1. OnePager
6.2.1.1. GSM CSS tekening met logo
6.2.1.1.1. Apps?
6.2.1.1.2. Tips
6.2.1.1.3. Tools (3the party apps)
6.2.1.2. Geocaching.com link
6.2.1.2.1. Geocaching.com registrarie van founds
6.2.1.2.2. Statistieken
6.2.1.3. GPS CSS Tekening met animatie
6.2.1.3.1. Functies
6.2.1.3.2. Merken in modal
6.2.1.3.3. Kaarten
7. Vragen
7.1. Docent (Jan)
7.1.1. Mogelijkheid, om preview te zien van code op Github ? layout in browser? mogelijk?
8. Partials
8.1. _variables.scss
8.1.1. Elementaire designkeuzes Kleuren Lettertypes ... voorbeeld @import url('https://fonts.googleapis.com/css?family=Passion+One&display=swap'); //variabelen $lettertype: verdana, sans-serif; $alternatief : 'Passion one', cursive; $achergrondkleur:#eee; $tekstkleur:#111; $accentkleur:#f04c25; $voorkeursafstand:10px;
8.2. _reboot.sccs
8.2.1. Teksten basislayout voorbeeld * { margin: $voorkeursafstand/2; padding: $voorkeursafstand/2; } body{ background-color: $achtergrondkleur; color: $tekstkleur; font-family: $lettertype; } h1,h2,h3{ font-family: $alternatief; margin-bottom: $voorkeursafstand/2; background-color: $achtergrondkleur; color: $accentkleur; }
8.3. _table.scss
8.3.1. tabel basis layout Voorbeeld table { border-collapse: collapse; border: $voorkeursafstand/5 solid $accentkleur; th { background-color: $accentkleur; color: $achtergrondkleur; padding: $voorkeursafstand; border: 1px solid $tekstkleur; } td{ text-align: center; padding: $voorkeursafstand; border: 1px solid $tekstkleur; } }
8.4. _list.scss
8.4.1. Lijsten basis layout Voorbeeld ol,ul { list-style-type: upper-roman; margin-left: $voorkeursafstand*3; }
8.5. style.scss
8.5.1. Alle partials in juiste volgorde om te compileren tot 1 bestand
9. Terminal
9.1. npm install GULP
9.1.1. 1 malig
9.2. npm install -g sass
9.2.1. Install SASS
9.3. sass scss/:dist/css/ --watch
9.3.1. Start Sass compiler
9.4. npm install -g gulp-cli
9.4.1. Install GULP
9.5. GULP
9.5.1. Start Browser Sync