{"id":204,"date":"2024-02-15T15:48:38","date_gmt":"2024-02-15T15:48:38","guid":{"rendered":"https:\/\/wp.lancs.ac.uk\/dt4he\/?page_id=204"},"modified":"2024-02-20T17:32:10","modified_gmt":"2024-02-20T17:32:10","slug":"play","status":"publish","type":"page","link":"https:\/\/wp.lancs.ac.uk\/dt4he\/play\/","title":{"rendered":"Play"},"content":{"rendered":"<div>\n<div class=\"activity-block\">\n<h4>Here is a little game for you. Have a go and enjoy!<\/h4>\n<div class=\"structure\">\n<h3><u>Imagine!<\/u><\/h3>\n<h4>In this activity, you are given a scenario and a question about it. Get creative about how you answer it!<\/h4>\n<div class=\"structureText\">\n<p id=\"forkText\">forkText<\/p>\n<div class=\"spannerButton\"><button id=\"Generate_new_fork\">Generate New Scenario<\/button><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div>\n<div class=\"activity-block\">\n<div class=\"structure\">\n<h3>Diversion Challenge<\/h3>\n<h3>In this game, you are given the what, who and why of a design concept, and three constraints to abide by.<\/h3>\n<div class=\"structureText\">\n<p id=\"questionText\">Question<\/p>\n<h3 style=\"color: red\">BUT&#8230;<\/h3>\n<p id=\"dont_whatText\">don&#8217;t what<\/p>\n<p id=\"dont_whoText\">don&#8217;t who<\/p>\n<p id=\"dont_whyText\">don&#8217;t why<\/p>\n<div class=\"spannerButton\"><button id=\"Generate_new_question\">Generate New Concept<\/button><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><style>\r\n.top-bar {\r\n   background-color: #666666;\r\n}\r\n.footer-widgets-wrapper {\r\n    background-color: #666666;\r\n}\r\n.site-footer {\r\n    background-color: #666666!important;\r\n}\r\n.site-info {\r\ndisplay: none;\r\n}\r\n.button {\r\n    border-color: #cccccc;\r\n    color: #666666!important;\r\n}\r\n.post a {\r\n    color: #339933!important;\r\n    font-weight: bold;\r\n    text-decoration: none;\r\n    transition: 0.3s;\r\n}\r\n.post a:hover {\r\n    color: #339933!important;\r\n}\r\n.footer-widgets-wrapper a {\r\n    color: #ffffff!important;\r\n    font-weight: bold;\r\n    text-decoration: none;\r\n    transition: 0.3s;\r\n}\r\n.footer-widgets-wrapper a:hover {\r\n    color: #ffffff!important;\r\n    text-decoration: underline;\r\n}\r\n.entry-header {\r\ndisplay: none!important;\r\n}\r\n.site-content {\r\nmargin-top: 30px!important;\r\n}\r\n.widget {\r\nborder-bottom: 0px solid #eee; \r\nmargin: 0 0 0!important;\r\npadding-bottom: 0.7em!important;\r\n}\r\n\r\n.texthighlight {\r\npadding: 10px 10px 10px 20px;\r\nmargin-bottom: 30px;\r\nbackground-color: #eeeeee;\r\n}\r\n\r\n.textborder-a {\r\npadding: 10px 10px 10px 20px;\r\nborder: 4px dotted #88B3B3;\r\nmargin-bottom: 30px;\r\n}\r\n\r\n.site-branding-wrapper  {\r\nopacity: 0.5!important;\r\n}\r\n\r\n.colwrap {\r\nwidth: 50%; \r\nfloat: left; \r\npadding-right: 20px;\r\n}\r\n\r\n@media only screen and (max-width: 800px) {\r\n.colwrap {\r\nwidth: 100%!important;\r\nmargin-bottom: 30px;\r\ntext-align: justify;\r\ntext-justify: inter-word;\r\n}\r\n.rightCol {\r\nwidth: 100%!important;\r\n}\r\n}\r\n<\/style><br \/>\n<style>\r\n.activity-block {\r\nborder: 4px dotted #88B3B3;\r\ndisplay:inline-block;\r\nmargin: 0 auto;\r\ntext-align:center;\r\nwidth: 100%;\r\nmargin-bottom: 30px;\r\npadding: 20px 30px 20px 30px;\r\ncolor: #006699;\r\nfont-weight: bold;\r\n}\r\n.activity-block h4 {\r\nfont-size: 140%!important;\r\nfont-weight: bold;\r\n}\r\n.activity-block ul {\r\npadding: 20px 20px 20px 40px;\r\nmargin: 0 0 20px 0;\r\nbackground-color: #006699;\r\ntext-align: left;\r\ncolor: #fff;\r\nfont-size: 110%!important;\r\n}\r\n.activity-block .blueBG {\r\npadding: 20px 20px 20px 40px;\r\nmargin: 0 0 20px 0;\r\nbackground-color: #006699;\r\ntext-align: left;\r\ncolor: #fff;\r\nfont-size: 110%!important;\r\n}\r\n\r\n.activity-block a {\r\ncolor: #ccc;\r\ntext-decoration: underline;\r\n}\r\n.activity-block a:hover {\r\ncolor: #fff;\r\ntext-decoration: none;\r\n}\r\n\r\n.structure {\r\npadding: 20px 30px 20px 30px;\r\nmargin-bottom:  30px;\r\ntext-align: center;\r\nbackground-color: #006699;\r\ncolor: #fff;\r\nfont-weight: bold;\r\n}\r\n\r\n.structure ul {\r\npadding: 20px 20px 20px 40px;\r\nmargin: 0 0 20px 0;\r\nbackground-color: #fff;\r\ntext-align: left;\r\ncolor: #000;\r\nfont-size: 110%!important;\r\n}\r\n\r\n.structure h4 {\r\nfont-size: 140%!important;\r\nfont-weight: bold;\r\n}\r\n\r\n.structureText {\r\nbackground-color: #fff;\r\nfont-size: 120%!important;\r\nfont-weight: bold;\r\ncolor: #006699;\r\npadding: 20px 30px 20px 30px;\r\n}\r\n\r\n.structureTextQ {\r\ncolor: #ff0000!important;\r\n}\r\n\r\n\r\n<\/style><br \/>\n<script>function generateFork() {\r\n    const fork = [\"If university policies were decided by business students\", \"If university was free\", \"If the government implemented a 4-day work week\", \"If Brexit never happened\", \"If coffee didn\u2019t exist\", \"If ducks were carnivorous\", \"If Costa disappeared\"];\r\n    const question = [\"would the world economy be improved?\", \"would you still want to attend University?\", \"would clubs be more or less popular?\", \"would education be more accessible?\", \"how would this affect the economy?\", \"would we be wealthier?\", \"would climate change be reversed?\"];\r\n    const randomFork = Math.floor(Math.random() * fork.length);\r\n    const randomquestion = Math.floor(Math.random() * question.length);\r\n    var combinedFork = (fork[randomFork] + \" \" + question[randomquestion]);\r\n    document.getElementById(\"forkText\").innerHTML = combinedFork;\r\n}\r\n\r\ngenerateFork();\r\n\r\nvar btn = document.getElementById(\"Generate_new_fork\");\r\nbtn.onclick = function() {\r\n    generateFork();\r\n};<\/script><br \/>\n<script>function generateQuestion() {\r\n           const what = [\"a library\", \"a society\", \"an organisation\", \"a place on campus\", \"a shop\", \"a building\",];\r\n    const who = [\"students\", \"scientists\", \"academics\", \"parents\", \"ducks\", \"children\"];\r\n    const why = [\" to grow fruit\", \"to raise awareness of a social issue\", \"to have fun\", \"to compete with one another\", \"to cook vegetarian meals\", \"to eat for free\"];\r\n    const dont_what = [\"You don\u2019t have funding\", \"You can use only items salvaged from campus bins\", \"You can\u2019t use tools\", \"The entire University must agree to support it\", \"You have a month\", \"You have three days to complete it\", \"You cannot use the internet\"];\r\n    const dont_who = [\"The Foreign languages department can\u2019t find out about it\", \"The engineering department can\u2019t find out about it\", \"The accounting and finance department can\u2019t find out about it\", \"The economics department can\u2019t find out about it\", \"The sociology department must be involved\", \"The law department must be involved\", \"The Foreign languages department must be involved\", \"The engineering department must be involved\",  \"The accounting and finance department must be involved\", \"The economics department must be involved\", \"The history department must be involved\"];\r\n    const dont_why = [\"It has to last for at least a decade \", \"Make it durable for the long term\", \"Make it sharable\", \"Make it for inside use only\", \"Make it work in extreme circumstances\"];\r\n\r\n    const rand_what = Math.floor(Math.random() * what.length);\r\n    const rand_who = Math.floor(Math.random() * who.length);\r\n    const rand_why = Math.floor(Math.random() * why.length);\r\n    const rand_dont_what = Math.floor(Math.random() * dont_what.length);\r\n    const rand_dont_who = Math.floor(Math.random() * dont_who.length);\r\n    const rand_dont_why = Math.floor(Math.random() * dont_why.length);\r\n\r\n    var combinedQuestion = (\"Create \" + what[rand_what] + \" for \" + who[rand_who] + \" \" + why[rand_why]);\r\n    \r\n    document.getElementById(\"questionText\").innerHTML = combinedQuestion;\r\n    document.getElementById(\"dont_whatText\").innerHTML = (\"- \" + dont_what[rand_dont_what]);\r\n    document.getElementById(\"dont_whoText\").innerHTML = (\"- \" + dont_who[rand_dont_who]);\r\n    document.getElementById(\"dont_whyText\").innerHTML = (\"- \" + dont_why[rand_dont_why]);\r\n}\r\n\r\ngenerateQuestion();\r\n\r\nvar btn = document.getElementById(\"Generate_new_question\");\r\nbtn.onclick = function() {\r\n    generateQuestion();\r\n};<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Here is a little game for you. Have a go and enjoy! Imagine! In this activity, you are given a scenario and a question about it. Get creative about how you answer it! forkText Generate New Scenario Diversion Challenge In this game, you are given the what, who and why of a design concept, and [&hellip;]<\/p>\n","protected":false},"author":761,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"nosidebar-page.php","meta":{"footnotes":""},"class_list":["post-204","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wp.lancs.ac.uk\/dt4he\/wp-json\/wp\/v2\/pages\/204","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.lancs.ac.uk\/dt4he\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp.lancs.ac.uk\/dt4he\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp.lancs.ac.uk\/dt4he\/wp-json\/wp\/v2\/users\/761"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.lancs.ac.uk\/dt4he\/wp-json\/wp\/v2\/comments?post=204"}],"version-history":[{"count":10,"href":"https:\/\/wp.lancs.ac.uk\/dt4he\/wp-json\/wp\/v2\/pages\/204\/revisions"}],"predecessor-version":[{"id":303,"href":"https:\/\/wp.lancs.ac.uk\/dt4he\/wp-json\/wp\/v2\/pages\/204\/revisions\/303"}],"wp:attachment":[{"href":"https:\/\/wp.lancs.ac.uk\/dt4he\/wp-json\/wp\/v2\/media?parent=204"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}