XS✔ ◾ ♻️ Fixed image extensions and names 3

rules/long-process-do-you-know-how-to-make-long-running-processes-user-friendly/rule.md

@@ -15,6 +15,6 @@ Some processes might take a long time to be completed and this can frustrate the
 
 <!--endintro-->
 
-::: bad  
-![Figure: Bad example – this progress bar looks like it is stuck at 99%. Ideally the progress bar should be hidden when completed and replaced by a green tick](../../assets/ifaceLongProcess_bad.JPG)  
+::: bad
+![Figure: Bad example – this progress bar looks like it is stuck at 99%. Ideally the progress bar should be hidden when completed and replaced by a green tick](../../assets/long-process-bad.jpg)
 :::

rules/production-do-you-use-proper-production-design/rule.md

@@ -1,6 +1,6 @@
 ---
 type: rule
-archivedreason: 
+archivedreason:
 title: Production - Do you use proper Production Design?
 guid: 193513ae-37cb-4633-aa14-17b8e020984f
 uri: production-do-you-use-proper-production-design
@@ -19,61 +19,61 @@ When filming a scene it is always important to remember production design aspect
 
 <!--endintro-->
 
-Overall, one should try and use as little colours as possible when designing a production. That doesn't mean use mainly tones, it means try and limit your colour palette to as few colours as possible. If you are creating corporate work try and include your company's colours. 
+Overall, one should try and use as little colours as possible when designing a production. That doesn't mean use mainly tones, it means try and limit your colour palette to as few colours as possible. If you are creating corporate work try and include your company's colours.
 
-So, for example, if you were creating a production for SSW, you would use black, white, red and bronze (the bronze refers to the colour of skin - this will almost always be involved in your colour palette). You might end up having to include another colour or two but you will find the less unnecessary colours you use the better. Try and apply this to every aspect of your production design.
+::: info
+For example, when creating a production for SSW, we'd would use black, white, red and bronze (the bronze refers to the colour of skin - this will almost always be involved in your colour palette). You might end up having to include another colour or two but you will find the less unnecessary colours you use the better. Try and apply this to every aspect of your production design.
+:::
 
 ### Wardrobe
 
 Wardrobe refers to what people wear when they're on screen. Keep in mind the tone, genre, character and mood of your production when choosing clothing. Avoid distracting jewelry or accessories unless it adds to the character. Also avoid stripes; most cameras will produce an unnatural, unpleasant effect when filming them, so make sure your actor isn't wearing their favourite striped shirt! Text on clothing is also a bad idea, the viewer will try to read it instead of listening to what your actor's are saying.
 
 `youtube: https://www.youtube.com/embed/eZBPbshWSRU`
- 
+
 ### Set Design
 
 Creating a set for a production is a complex and tricky business but there are some basic ideas you can use to create appealing set design. First off try and design your set to reflect the theme of your production. So for example if you were creating a set for a software design talk show, you would probably want lots of metal and technical art, however if you were creating a set for a drama about a youth who's run away from home, you would want something dirty, dark and depressing to reflect the character's grim situation. Again, avoid stripes that are too close together. A general rule of thumb is that the stripes should be at least 5cm in width. Make sure that everything is safe and if there is construction to be done, hire a professional.
 
-::: bad  
-![Figure: Bad example - Dark wall on the side, boring wall in the middle, reflective surface with people passing behind, lack of depth.](Bad-set-design-example.jpg)  
+::: bad
+![Figure: Bad example - Dark wall on the side, boring wall in the middle, reflective surface with people passing behind, lack of depth](bad-set-design-example.jpg)
 :::
 
-::: good  
-![Figure: Good example - Interesting background but not distracting, relevant furniture, set reflects theme of show](good-set-example.png)  
+::: good
+![Figure: Good example - Interesting background but not distracting, relevant furniture, set reflects theme of show](good-set-design-example.png)
 :::
 
-###  Location
+### Location
 
-Location is similar to set design, only in this instance the aspects are mostly out of your control. You can certainly dress the set (see below) but at the end of the day there are some things that will be there no matter what. As such, choose your location carefully. 
+Location is similar to set design, only in this instance the aspects are mostly out of your control. You can certainly dress the set (see below) but at the end of the day there are some things that will be there no matter what. As such, choose your location carefully.
 
 Things to consider are background, framing, sound and distractions. Is there a loud lecture theatre, highway or skate ramp next door? Is there a window on your set that's going to create a distracting reflection? Is there a boring, featureless wall in your background? Is there a line that appears to be passing straight through someone's head? Also avoid high contrast, such as a very dark wall next to the bright wall your subjects are in front of, or a large white spot on a black wall.
 
-
 `youtube: https://www.youtube.com/embed/2wbykQVvfkc`
-
-**Figure: Good and Bad examples of filming locations**
+**Video: Good and Bad examples of filming locations (1 min)**
 
 ### Lights
 
 If you are working with a D.O.P. (Director of Photography) and/or your are lighting your scene, its a good idea to include lights as part of the production design (on the set). Don't include a bright light shining directly into the lens or anything, but a lamp can provide a good source of light to work with and create an interesting object in the frame.
 
-::: bad  
-![Figure: Bad example - The light is far too bright in comparison to the rest of the shot.](Lighting-bad-example-DSC\_0023-small.JPG)  
+::: bad
+![Figure: Bad example - The light is far too bright in comparison to the rest of the shot](lighting-bad-example.jpg)
 :::
 
-::: good  
-![Figure: Good example - These lights are diffused enough that the rest of the picture is clearly visible.](Japan\_by\_dhatt1.jpg)  
+::: good
+![Figure: Good example - These lights are diffused enough that the rest of the picture is clearly visible](japan-by-dhatt.jpg)
 :::
 
 ### Props
 
-Props and set dressing are important; props are defined as objects in the script that we know before-hand that the subjects will interact with, set dressing is things that we add to a set to create content. When choosing what props should(n't) be on set it is important to ask yourself, is there a reason for this to be here? A can of coke for example will be ugly and distracting in most circumstances but a pot of flowers might be just the thing to give your scene that extra bit of life, or convey a caring sensitive side of your character. 
+Props and set dressing are important; props are defined as objects in the script that we know before-hand that the subjects will interact with, set dressing is things that we add to a set to create content. When choosing what props should(n't) be on set it is important to ask yourself, is there a reason for this to be here? A can of coke for example will be ugly and distracting in most circumstances but a pot of flowers might be just the thing to give your scene that extra bit of life, or convey a caring sensitive side of your character.
 
 If your subject needs to drink something while they're on camera, offer them a glass (its more visually pleasing). Look carefully at the frame and ask yourself, is there any camera equipment visible? Does that ugly mess of cables really need to be there? Does this scrap of paper or backpack *need* to be in the frame? If not, ditch it. If it adds value to the picture and doesn't distract, keep it.
 
-::: bad  
-![Figure: Bad example - Too much clutter on the desk, unnecessary dirty bowl, loose sheets of paper, this would only work if you wanted to illustrate that the character is messy.](Props-Bad-example-DSC\_0016.JPG)  
+::: bad
+![Figure: Bad example - Too much clutter on the desk, unnecessary dirty bowl, loose sheets of paper, this would only work if you wanted to illustrate that the character is messy](props-bad-example.jpg)
 :::
 
-::: good  
-![Figure: Good example - Clear space, clear point of focus, minimal cables, only necessary items.](Props-good-example-DSC\_0017.jpg)  
+::: good
+![Figure: Good example - Clear space, clear point of focus, minimal cables, only necessary items](props-good-example.jpg)
 :::

rules/screenshots-avoid-walls-of-text/rule.md

@@ -55,11 +55,11 @@ You can take screen captures to the next level by adding balloons that have the
 The balloon is great because you can point to a specific part of the image. It is much easier than reading the old ‘Wall of Text’.
 
 ::: bad
-![Figure: Bad example – The email is using a screenshot so that is good, but you need to read the text and relate it to the image](BalloonBadExample.jpg)
+![Figure: Bad example – The email is using a screenshot so that is good, but you need to read the text and relate it to the image](balloon-bad-example.jpg)
 :::
 
 ::: good
-![Figure: Good example – The balloon with text on the screenshot, makes it quicker to understand](BalloonGoodExample.jpg)
+![Figure: Good example – The balloon with text on the screenshot, makes it quicker to understand](balloon-good-example.jpg)
 :::
 
 ::: info
@@ -73,11 +73,11 @@ See more details on [how to configure balloons' branding in Fullshot and Snagit]
 :::
 
 ::: good
-![Figure: Good example – See 3 balloons were not needed](balloon-not-needed.JPG)
+![Figure: Good example – See 3 balloons were not needed](balloon-not-needed.jpg)
 :::
 
 ::: good
-![Figure: Good Example - Sometimes an arrow is all that is needed](arrow_example.png)
+![Figure: Good Example - Sometimes an arrow is all that is needed](arrow-example.png)
 :::
 
 In other words, you can use:
@@ -94,16 +94,16 @@ They are all useful depending on the scenario. Be wise and try to make it as cle
 Follow the rule [Do you add branding to screenshots?](/screenshots-add-branding)
 
 `youtube: https://www.youtube.com/embed/5TB61bqQKtE`
-**Figure: Betsy Weber Techsmith - Part 1 - Creator of Snagit. See [full series here](http://tv.ssw.com/204/betsy-weber-teched-interview)**
+**Video: Betsy Weber Techsmith - Part 1 - Creator of Snagit (13 min). See [full series here](http://tv.ssw.com/204/betsy-weber-teched-interview)**
 
 ### Tip #5: Pay attention to the arrow tail
 
 When you use an arrow in your screenshot, make sure you start the arrow from an appropriate place.
 
 ::: bad
-![Figure: Bad example – Arrow might make people think 'chat' and the direction it points are related](ArrowBadExample.png)
+![Figure: Bad example – Arrow might make people think 'chat' and the direction it points are related](arrow-bad-example.png)
 :::
 
 ::: good
-![Figure: Good example - If you just want to emphasize what you're pointing to, start drawing the arrow from an empty space](ArrowGoodExample.png)
+![Figure: Good example - If you just want to emphasize what you're pointing to, start drawing the arrow from an empty space](arrow-good-example.png)
 :::