Code

Code for Sources scoring

Learning outcome: To find different types of sources

Part I Set the initial value of the variable (i.e., the number of points)

Passage 1: Start

(set: $points to 0)

Part II Set the new value for the points

Passage #: Varies, depending on logic/branching of your game

(set: $points to $points + 5)  because if the participant makes the correct choice, they will get to this passage

Passage 3: Where points accumulate for finding a correct source

Your score: $points  points  (You need this coding to ensure that the right set of points shows on the screen

Code for tracking sources

Part I Set the initial value of the variable (i.e., the number of a given type of source)

Passage 1: Start

(set: $article to 0)

Part II Set the new value for the variable

Passage 3: Where tracking of sources found is visible

(set: $article to $article + 1) 

Code for story stylesheet (CSS)

Click on menu triangle (bottom left) and choose Edit Story Stylesheet.

Add code

body, tw-story
{
font-family: Arial;
font-size: 16px;
color: black;
}

body, tw-story
{
background-color: #DCDCDC;

Note: Use online resources such as w3schools.com colour picker for background colour codes.