clean up

mkruijt · mkruijt · commit 806d3e699d90 · 2017-09-13T12:17:06.000+02:00
diff --git a/Week1/MAKEME.md b/Week1/MAKEME.md
@@ -4,19 +4,19 @@
 
 ### Learning goals for this week:
 ```
- * The division of labor between HTML and CSS
- * Introduction to HTML:
-    * Parents, children, attributes
-    * Indentation
-    * Semantic elements
-    * Paragraphs, links, images, lists
- * Introduction to CSS:
-    * Where can we write it and what difference does that make?
-    * Selectors (id, class, element type), properties
-    * How to structure a CSS file
-    * Naming things
- * External files: relative and absolute paths
- * Getting to know your text editor
+ • The division of labor between HTML and CSS
+ • Introduction to HTML:
+    • Parents, children, attributes
+    • Indentation
+    • Semantic elements
+    • Paragraphs, links, images, lists
+ • Introduction to CSS:
+    • Where can we write it and what difference does that make?
+    • Selectors (id, class, element type), properties
+    • How to structure a CSS file
+    • Naming things
+ • External files: relative and absolute paths
+ • Getting to know your text editor
 ```
 
 ## Step 1: Read and watch
@@ -27,36 +27,36 @@ Before you start check out this [video](http://www.learningscientists.org/videos
 Read about [HTML5](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5) 
 
 #### CSS:
-* [CSS reference](http://cssreference.io/) 
-* [MDN - Introduction to CSS layout](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Introduction)
-* [CSS-tricks - CSS Properties](https://css-tricks.com/almanac/properties/)
-* [MDN - CSS box model](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model)
+• [CSS reference](http://cssreference.io/) 
+• [MDN - Introduction to CSS layout](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Introduction)
+• [CSS-tricks - CSS Properties](https://css-tricks.com/almanac/properties/)
+• [MDN - CSS box model](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model)
 
 ## Step 2: Give feedback
-* In Trello, you are assigned to one of the cards of your fellow students (in the Class11 Week0 HTML/CSS list). Give feedback on the application assignment of your fellow student. Please be critical but most of all give constructive feedback. If there are resources that you used and might be useful, share them.
-* revisit you own application assignment and improve it with the feedback and suggestions given by one of your classmates.  
+• In Trello, you are assigned to one of the cards of your fellow students (in the Class11 Week0 HTML/CSS list). Give feedback on the application assignment of your fellow student. Please be critical but most of all give constructive feedback. If there are resources that you used and might be useful, share them.
+• revisit you own application assignment and improve it with the feedback and suggestions given by one of your classmates.  
 
 > Don't forget, you can always revisit Khan Academy: [Into to HTML/CSS: Making web pages](https://nl.khanacademy.org/computing/computer-programming/html-css) if you are stuck and need a reminder
 
 ## Step 3: Assignment
- * Make your own web resume:
-    * One page 
-    * Two files: HTML and CSS
-    * Include the following:
-        * Your personal info (name, place of birth, etc.)
-        * A picture
-        * A few lines about who you are
-        * Education
-        * Work experience
-    * Include the following:
-        * Different types of headings (`<h1>`, `<h2>`)
-        * A list (`<ul>`). In this list include the _learning strategies_ you used making your resume. Also include some of the resources/references, this can be documentation/video etc, that where helpful.
-        * Another list (`<ul>`). In this list you include the most important platforms/resources where you can find all hyf related information.
-        * `<img>`
-        * `<p>`
-        * Some CSS properties: `margin`, `padding` 
-        * Make sure that you page looks nice, and that your text is readable
-    * BEFORE you hand it in, read the [Style guide](http://www.w3schools.com/html/html5_syntax.asp) and check your files (you can also use the [HTML validator](https://validator.w3.org)).
+ • Make your own web resume:
+    • One page 
+    • Two files: HTML and CSS
+    • Include the following:
+        • Your personal info (name, place of birth, etc.)
+        • A picture
+        • A few lines about who you are
+        • Education
+        • Work experience
+    • Include the following:
+        • Different types of headings (`<h1>`, `<h2>`)
+        • A list (`<ul>`). In this list include the _learning strategies_ you used making your resume. Also include some of the resources/references, this can be documentation/video etc, that where helpful.
+        • Another list (`<ul>`). In this list you include the most important platforms/resources where you can find all hyf related information.
+        • `<img>`
+        • `<p>`
+        • Some CSS properties: `margin`, `padding` 
+        • Make sure that you page looks nice, and that your text is readable
+    • BEFORE you hand it in, read the [Style guide](http://www.w3schools.com/html/html5_syntax.asp) and check your files (you can also use the [HTML validator](https://validator.w3.org)).
 
 ### How to hand in Homework:
 _Steps_:
diff --git a/Week2/MAKEME.md b/Week2/MAKEME.md
@@ -4,62 +4,62 @@
 
 ### Learning goals for this week:
 ```
- * Student presentations
- * Last week recap and questions
- * Responsive web development
-    * Relative measurements (%, (r)em, vw)
-    * Media queries
-    * Positioning (absolute, relative, fixed)
-    * Floating and clearing
-    * Flexbox
- * How to work with the inspector
+ • Student presentations
+ • Last week recap and questions
+ • Responsive web development
+    • Relative measurements (%, (r)em, vw)
+    • Media queries
+    • Positioning (absolute, relative, fixed)
+    • Floating and clearing
+    • Flexbox
+ • How to work with the inspector
 ```
 
 ## Step 1: Give feedback:
-* In Trello you are added to one of the cards of your fellow students.
-* Give feedback on the application assignment of your fellow student. Please be critical but most of all give constructive feedback. If there are resources that you used and might be useful, share them.
-* revisit you own application assignment and improve it with the feedback and suggestions given by one of your classmates.  
+• In Trello you are added to one of the cards of your fellow students.
+• Give feedback on the application assignment of your fellow student. Please be critical but most of all give constructive feedback. If there are resources that you used and might be useful, share them.
+• revisit you own application assignment and improve it with the feedback and suggestions given by one of your classmates.  
 
 ## Step 2: Read/do/watch
- * [Introduction to media queries](https://teamtreehouse.com/library/css3/media-queries/introduction)
- * [More about media queries](https://css-tricks.com/css-media-queries/)
- * [HTML syntax](http://www.w3schools.com/html/html5_syntax.asp)
- * [Article about multiple ways to select classes and id's](https://css-tricks.com/multiple-class-id-selectors)
- * [Read about nice color combinations](http://www.colorcombos.com/index.html)
+ • [Introduction to media queries](https://teamtreehouse.com/library/css3/media-queries/introduction)
+ • [More about media queries](https://css-tricks.com/css-media-queries/)
+ • [HTML syntax](http://www.w3schools.com/html/html5_syntax.asp)
+ • [Article about multiple ways to select classes and id's](https://css-tricks.com/multiple-class-id-selectors)
+ • [Read about nice color combinations](http://www.colorcombos.com/index.html)
 
 ### Exercises:
- * CodeAcedemy: [Learn Responsive Design](https://www.codecademy.com/learn/learn-responsive-design)
+ • CodeAcedemy: [Learn Responsive Design](https://www.codecademy.com/learn/learn-responsive-design)
 
 ### Super fun flexbox and grid practice 
- * [flexboxfroggy](https://flexboxfroggy.com/)
- * [cssgridgarden](http://cssgridgarden.com/)
+ • [flexboxfroggy](https://flexboxfroggy.com/)
+ • [cssgridgarden](http://cssgridgarden.com/)
 
 ## Step 3: Assignment:
- * Grids exercise
-    * Download the HTML and images in the folder Homework 2
-    * You are going to write the CSS for this page
-    * You are not allowed to change the HTML
-    * The page contains two grids: the first one should work using floats, the second using flex box. Be careful not to mix the two!
-    * We want the grid to look as follows:
-      * On mobile phones: a two column grid, with the exception that the first item spans the full width
-      * On tablets: a three column grid, with the exception that the first two items span the full width together (so first we have two columns, then after the first two items we have three columns)
-      * On desktops: a four column grid, with the exception that the first item spans two columns.
-    * There should be some space between the grid items
-    * Make the page look beautiful by adding some more CSS! Some tips:
-      * How about some nice colors, fonts, hover styles?
-      * According to the grid specification, some products are bigger than others. Maybe these are "highlighted" products, so the rest of the styling could also be different.
-    * BEFORE you hand it in, read [the Style guide](http://www.w3schools.com/html/html5_syntax.asp) again and check your files
+ • Grids exercise
+    • Download the HTML and images in the folder Homework 2
+    • You are going to write the CSS for this page
+    • You are not allowed to change the HTML
+    • The page contains two grids: the first one should work using floats, the second using flex box. Be careful not to mix the two!
+    • We want the grid to look as follows:
+      • On mobile phones: a two column grid, with the exception that the first item spans the full width
+      • On tablets: a three column grid, with the exception that the first two items span the full width together (so first we have two columns, then after the first two items we have three columns)
+      • On desktops: a four column grid, with the exception that the first item spans two columns.
+    • There should be some space between the grid items
+    • Make the page look beautiful by adding some more CSS! Some tips:
+      • How about some nice colors, fonts, hover styles?
+      • According to the grid specification, some products are bigger than others. Maybe these are "highlighted" products, so the rest of the styling could also be different.
+    • BEFORE you hand it in, read [the Style guide](http://www.w3schools.com/html/html5_syntax.asp) again and check your files
 
 ```
 How to hand in your homework:
-* Upload your homework in your Github repository. 
-* Make sure to create a new folder "week2" first. 
-* Your hyf-html-css/week2 should now contain an index.html and a main.css file (and the images folder)
-* Place the link to your repository in Trello.
+• Upload your homework in your Github repository. 
+• Make sure to create a new folder "week2" first. 
+• Your hyf-html-css/week2 should now contain an index.html and a main.css file (and the images folder)
+• Place the link to your repository in Trello.
 ```
 
 ## Extra extra (bonus assignment :star: ):
 
-* Add one of the following to your page:
-    * An animation using CSS keyframes
-    * SVG
+• Add one of the following to your page:
+    • An animation using CSS keyframes
+    • SVG
diff --git a/Week3/MAKEME.md b/Week3/MAKEME.md
@@ -4,40 +4,40 @@ Here](https://github.com/HackYourFuture/JavaScript/tree/master/Week0) you find t
 
 ### Learning goals for this week:
 ```
- * Student presentations
- * Last week recap and questions
- * How to find information on the web
- * How to rebuild an existing responsive page (getting started with this week's homework exercise)
+ • Student presentations
+ • Last week recap and questions
+ • How to find information on the web
+ • How to rebuild an existing responsive page (getting started with this week's homework exercise)
 ```
 
 ### In class:
- * Task: find some info about a certain topic in groups of 2, present to each other
-   * Choose one of the following subjects, look up how it works and implement it in a web page
-      * CSS transitions
-      * CSS animations with keyframes
-      * SVG
-      * Drop down menu in CSS
-      * flex-box
+ • Task: find some info about a certain topic in groups of 2, present to each other
+   • Choose one of the following subjects, look up how it works and implement it in a web page
+      • CSS transitions
+      • CSS animations with keyframes
+      • SVG
+      • Drop down menu in CSS
+      • flex-box
 
 ## Step 1: Give feedback
 > TODO
 
 ## Step 2: Assignment
- * Remake an existing responsive website: choose one of the following
-   * https://www.rijksoverheid.nl
-   * http://www.awwwards.com
-   * https://www.bostonglobe.com
-   * https://www.thinkwithgoogle.com
-   * http://muumilaakso.tampere.fi/en/
-   * http://incredibletypes.com
-   * http://thenextweb.com
- * It should have an external CSS file
- * BEFORE you hand it in, read the [Style guide](http://www.w3schools.com/html/html5_syntax.asp) again and check your files
+ • Remake an existing responsive website: choose one of the following
+   • https://www.rijksoverheid.nl
+   • http://www.awwwards.com
+   • https://www.bostonglobe.com
+   • https://www.thinkwithgoogle.com
+   • http://muumilaakso.tampere.fi/en/
+   • http://incredibletypes.com
+   • http://thenextweb.com
+ • It should have an external CSS file
+ • BEFORE you hand it in, read the [Style guide](http://www.w3schools.com/html/html5_syntax.asp) again and check your files
 
 
 ```
 How to hand in your homework:
-* Upload your homework in your Github repository. Make sure to create a new folder "week3" first. 
-* Your hyf-html-css/week3 should now contain an index.html and a main.css file (and the images folder)
-* Place the link to your repository in Trello.
+• Upload your homework in your Github repository. Make sure to create a new folder "week3" first. 
+• Your hyf-html-css/week3 should now contain an index.html and a main.css file (and the images folder)
+• Place the link to your repository in Trello.
 ```
