<br />
<b>Warning</b>:  Undefined variable $num in <b>/home/shroutdo/public_html/courses/wp-content/plugins/single-categories/single_categories.php</b> on line <b>126</b><br />
<br />
<b>Warning</b>:  Undefined variable $posts_num in <b>/home/shroutdo/public_html/courses/wp-content/plugins/single-categories/single_categories.php</b> on line <b>127</b><br />
<br />
<b>Warning</b>:  Undefined variable $num in <b>/home/shroutdo/public_html/courses/wp-content/plugins/single-categories/single_categories.php</b> on line <b>126</b><br />
<br />
<b>Warning</b>:  Undefined variable $posts_num in <b>/home/shroutdo/public_html/courses/wp-content/plugins/single-categories/single_categories.php</b> on line <b>127</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/shroutdo/public_html/courses/wp-content/plugins/single-categories/single_categories.php:126) in <b>/home/shroutdo/public_html/courses/wp-includes/rest-api/class-wp-rest-server.php</b> on line <b>1902</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/shroutdo/public_html/courses/wp-content/plugins/single-categories/single_categories.php:126) in <b>/home/shroutdo/public_html/courses/wp-includes/rest-api/class-wp-rest-server.php</b> on line <b>1902</b><br />
{"id":187028,"date":"2016-11-28T05:09:24","date_gmt":"2016-11-28T05:09:24","guid":{"rendered":"http:\/\/courses.shroutdocs.org\/hist410-fall2016\/?p=187028"},"modified":"2020-12-16T19:09:52","modified_gmt":"2020-12-16T19:09:52","slug":"stories-with-twine","status":"publish","type":"post","link":"https:\/\/courses.shroutdocs.org\/hist410-fall2016\/archives\/187028","title":{"rendered":"Stories with Twine"},"content":{"rendered":"<p>Twine is a tool that lets you create choose-your-own-adventure type stories.\u00a0 (<a href=\"https:\/\/yeoldenihilist.itch.io\/battlefield-medic\">Here is an example<\/a> of a relatively basic one.\u00a0 T<a href=\"http:\/\/www.depressionquest.com\/dqfinal.html#2n.1e\">here are also more complicated examples<\/a>) This is a good tool if the historical narrative you are working with has many moments of contingency that you want your users to be able to explore.\u00a0 You can combine Twine with longer narratives by linking to your Twine from a wordpress page.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Using Twine<\/strong>:<\/p>\n<p>Step 1: Go to <a href=\"https:\/\/twinery.org\/\">https:\/\/twinery.org\/<\/a> and select &#8220;use it online&#8221;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-187029\" src=\"http:\/\/courses.shroutdocs.org\/hist410-fall2016\/files\/2016\/11\/Screen-Shot-2016-11-27-at-8.45.42-PM-300x145.png\" alt=\"screen-shot-2016-11-27-at-8-45-42-pm\" width=\"300\" height=\"145\" srcset=\"https:\/\/courses.shroutdocs.org\/hist410-fall2016\/files\/2016\/11\/Screen-Shot-2016-11-27-at-8.45.42-PM-300x145.png 300w, https:\/\/courses.shroutdocs.org\/hist410-fall2016\/files\/2016\/11\/Screen-Shot-2016-11-27-at-8.45.42-PM-768x370.png 768w, https:\/\/courses.shroutdocs.org\/hist410-fall2016\/files\/2016\/11\/Screen-Shot-2016-11-27-at-8.45.42-PM-1024x494.png 1024w, https:\/\/courses.shroutdocs.org\/hist410-fall2016\/files\/2016\/11\/Screen-Shot-2016-11-27-at-8.45.42-PM.png 1435w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>Step 2: Add a new story<\/p>\n<p>Click on the &#8220;+story&#8221; button and name your Twine<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium\" src=\"http:\/\/shroutdocs.org\/images\/image1.png\" alt=\"\" width=\"764\" height=\"755\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Step 3: Create a welcome screen<\/p>\n<p>Twine works by creating a series of questions and answers &#8211; different paths through a story.<\/p>\n<p>In order to create a path, you use the following syntax: [[answer -&gt;\u00a0 page that answer links to]]\u00a0 For example, in my Twine, the first question is &#8220;Do you know what Atlantic history is?&#8221; and the options are [[yes -&gt; yes]] and [[no -&gt; no]].\u00a0 Selecting yes will take you to a page called yes, selecting no will take you to a page called no.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium\" src=\"http:\/\/shroutdocs.org\/images\/image3.png\" alt=\"\" width=\"1439\" height=\"697\" \/><\/p>\n<p>The page looks <a href=\"http:\/\/shroutdocs.org\/atlantic_history.html\">like this<\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Step 4: Create other paths.\u00a0 In my simple Twine, I had a followup question for yes and no.\u00a0 The Twine can end a user at one of two pages &#8211; more info on an Atlantic history class, or a squirrel waving goodbye<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium\" src=\"http:\/\/shroutdocs.org\/images\/image4.png\" alt=\"\" width=\"397\" height=\"357\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium\" src=\"http:\/\/shroutdocs.org\/images\/image5.png\" alt=\"\" width=\"639\" height=\"329\" \/><\/p>\n<p>Step 5: Add images<\/p>\n<p>For this class, your Twine will need to include primary sources.\u00a0 To insert a primary source, use the code &lt;img src=&#8221;url for a primary source&#8221;&gt;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium\" src=\"http:\/\/shroutdocs.org\/images\/image6.png\" alt=\"\" width=\"645\" height=\"430\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Make sure you play through your Twine a few times to check that everything is in order<\/p>\n<p>Step 6: Download and publish your Twine<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium\" src=\"http:\/\/shroutdocs.org\/images\/image7.png\" alt=\"\" width=\"412\" height=\"702\" \/><\/p>\n<p>Click on your Twine title and select publish to file.\u00a0 A file that is named your twine.html will download to your desktop.\u00a0 Before you do anything else, edit the file name so that it has no spaces.\u00a0 So, for example, I changed mine from Atlantic history.html to atlantic_history.html<\/p>\n<p>Then, login to your reclaim account, and navigate to the file manager<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium\" src=\"http:\/\/shroutdocs.org\/images\/image8.png\" alt=\"\" width=\"761\" height=\"241\" \/><\/p>\n<p>Double click on your public_html folder, and then select &#8220;upload&#8221;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium\" src=\"http:\/\/shroutdocs.org\/images\/image10.png\" alt=\"\" width=\"1438\" height=\"633\" \/><\/p>\n<p>Upload your file<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium\" src=\"http:\/\/shroutdocs.org\/images\/image9.png\" alt=\"\" width=\"1283\" height=\"447\" \/><\/p>\n<p>Finally, navigate to http:\/\/yourdomain.com\/yourtwine.html &#8211; you should see your game!<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Practicing in class<\/strong><\/p>\n<p>In your groups, pick a section of the reading for today, imagine a character from that section, and come up with a Twine that gives historical insight into the life of that character.\u00a0 You will probably want to sketch out the different pathways on a piece of paper first.\u00a0 Make sure you have at least five decisions.<\/p>\n<p>Once you have sketched out your Twine, work together to build it online.\u00a0 You do not need to save the Twine to your domain, just let me know when you are done and we can play through them.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Twine is a tool that lets you create choose-your-own-adventure type stories.\u00a0 (Here is an example of a relatively basic one.\u00a0 There are also more complicated examples) This is a good tool if the historical narrative you are working with has many moments of contingency that you want your users to be able to explore.\u00a0 You [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-187028","post","type-post","status-publish","format-standard","hentry","category-admin"],"_links":{"self":[{"href":"https:\/\/courses.shroutdocs.org\/hist410-fall2016\/wp-json\/wp\/v2\/posts\/187028","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/courses.shroutdocs.org\/hist410-fall2016\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.shroutdocs.org\/hist410-fall2016\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.shroutdocs.org\/hist410-fall2016\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.shroutdocs.org\/hist410-fall2016\/wp-json\/wp\/v2\/comments?post=187028"}],"version-history":[{"count":3,"href":"https:\/\/courses.shroutdocs.org\/hist410-fall2016\/wp-json\/wp\/v2\/posts\/187028\/revisions"}],"predecessor-version":[{"id":187269,"href":"https:\/\/courses.shroutdocs.org\/hist410-fall2016\/wp-json\/wp\/v2\/posts\/187028\/revisions\/187269"}],"wp:attachment":[{"href":"https:\/\/courses.shroutdocs.org\/hist410-fall2016\/wp-json\/wp\/v2\/media?parent=187028"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.shroutdocs.org\/hist410-fall2016\/wp-json\/wp\/v2\/categories?post=187028"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.shroutdocs.org\/hist410-fall2016\/wp-json\/wp\/v2\/tags?post=187028"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}