{"id":1078,"date":"2023-04-17T08:38:38","date_gmt":"2023-04-17T08:38:38","guid":{"rendered":"https:\/\/wp.lancs.ac.uk\/designineducation\/?page_id=1078"},"modified":"2023-06-16T13:52:20","modified_gmt":"2023-06-16T13:52:20","slug":"workshop","status":"publish","type":"page","link":"http:\/\/wp.lancs.ac.uk\/designineducation\/workshop\/","title":{"rendered":"Workshop"},"content":{"rendered":"<div id=\"wrapper\">\n<div class=\"headblock\">\n<p class=\"header\">The Good Place: where online learning can be fun <\/p>\n<\/div>\n<div>\n<p><a href=\"#innovation\">Section 1<\/a> | <a href=\"#challenge\">Section 2<\/a> | <a href=\"#prototype\">Section 3<\/a> |\n<\/div>\n<p id=\"innovation\" class=\"title\">Section 1. Innovation<\/p>\n<p><!-- number 1 --><\/p>\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<h4>Have you enjoyed that? Feel free to keep playing. Share with us, what has been the most challenging about this game &#8211; Section 1.<\/h4>\n<div class=\"innovationButton\"><a href=\"https:\/\/padlet.com\/RNDESIGN\/the-good-place-9f104gje5dicrjs7\" target=\"_blank\" rel=\"noopener\"><button>Innovation board is here<\/button><\/a>\n<\/div>\n<\/div>\n<p id=\"challenge\" class=\"title\">Section 2. Challenge<\/p>\n<p><!-- number 2 --><\/p>\n<div class=\"activity-block\">\n<h4 data-contrast=\"auto\"><span class=\"questionTextQ\">Activity<\/span>:\u00a0 DETECTIVE\u00a0&#8211; get comfy and let\u2019s start with a little observation exercise. Below you will see a reel of photographs taken on Lancaster University Campus. Flick through\u00a0 the photos and consider the following questions:<\/h4>\n<ul class=\"\">\n<li data-font=\"Symbol\" data-listid=\"1\" data-aria-posinset=\"1\" data-aria-level=\"1\">What is one thing you observe \u2013 don\u2019t try to make sense of it, just observe and describe what you see.<\/li>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"1\" data-aria-posinset=\"2\" data-aria-level=\"1\">Why might this be happening? \u2013 add your interpretation, empathise with these students you see and focus on possible challenges and frustrations of these students you see on the photos.<\/li>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"1\" data-aria-posinset=\"3\" data-aria-level=\"1\">This inspires me to think about solutions that\u2026 \u2013 can you think of any products or services that the students would really appreciate on the Campus? Pop in your answer on Innovation board below &#8211; Section 2.<\/li>\n<\/ul>\n<div class=\"innovationButton\"><a href=\"https:\/\/padlet.com\/RNDESIGN\/the-good-place-9f104gje5dicrjs7\" target=\"_blank\" rel=\"noopener\"><button>Innovation board is here<\/button><\/a><\/div>\n<div class=\"h5pblock\"><div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-7\" class=\"h5p-iframe\" data-content-id=\"7\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Research (images)\"><\/iframe><\/div><\/div>\n<h4 data-contrast=\"auto\">Well done Sherlock Holmes! Good effort observing, looking, and being attentive! Such an important skill for every good innovator.<\/h4>\n<\/div>\n<\/div>\n<p id=\"prototype\" class=\"title\">Section 3. Prototype<\/p>\n<p><!-- number 5 --><\/p>\n<div class=\"activity-block\">\n<div class=\"structure\">\n<h3>Diversion<\/h3>\n<h3>For this, 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<h3>Have you enjoyed that? Feel free to keep playing. Share with us, what has been the most challenging about this game? Share on our innovation board Section 3!<\/h3>\n<div class=\"innovationButton\" style=\"margin-top: -40px\"><a href=\"https:\/\/padlet.com\/RNDESIGN\/the-good-place-9f104gje5dicrjs7\" target=\"_blank\" rel=\"noopener\"><br \/>\n<button>Innovation board is here<\/button><br \/>\n<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- number 6 --><\/p>\n<p><!-- wrapper end -->\n<\/div>\n<p><style>\r\n.top-bar {\r\n   background-color: #666666!important;\r\n}\r\n.footer-widgets-wrapper {\r\n    background-color: #666666!important;\r\n}\r\n.site-footer {\r\n    background-color: #666666!important;\r\n}\r\n.site-info {\r\ndisplay: none!important;\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\n\/*display: none!important;*\/\r\ncolor: #339933!important;\r\n}\r\n.entry-header h1 {\r\ncolor: #339933!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.highlightbox {\r\nborder: 4px dotted #2592A5;\r\npadding: 20px;\r\nmargin-bottom: 20px;\r\n}\r\n.highlightbox a {\r\ncolor: #2592A5;\r\ntext-decoration: underline;\r\nfont-weight: bold;\r\n}\r\n.subhead {\r\nfont-size: 20px;\r\n\/*text-decoration: underline;*\/\r\nmargin: 0;\r\ncolor: #ABABAB;\r\n}\r\n.header {\r\nfont-size: 34px;\r\nmargin: 0;\r\nline-height: 40px;\r\n}\r\n.headblock {\r\nmargin-top: 20px;\r\nmargin-bottom: 20px;\r\n}\r\n.title {\r\nfont-size: 26px;\r\ntext-decoration: underline;\r\nmargin-bottom: 20px;\r\ncolor: #2592A5;\r\nfont-weight: bold;\r\n}\r\n.fullblock {\r\npadding: 20px;\r\nmargin-bottom: 20px;\r\nbackground-color: #CDE7EB;\r\n}\r\n.ref {\r\nfont-size: 18px;\r\n\/*text-decoration: underline;*\/\r\nmargin: 0;\r\ncolor: #ABABAB;\r\n}\r\n.imgBlock {\r\nmargin-bottom: 20px;\r\n}\r\n.lonelink {\r\nmargin: -30px 0 30px 0;\r\ncolor: #2592A5;\r\ntext-decoration: underline;\r\nfont-weight: bold;\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 Lancaster 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><br \/>\n<style>\r\n@import url(\"https:\/\/fonts.googleapis.com\/icon?family=Material+Icons\");\r\n.material-icons {\r\n  font-family: 'Material Icons';\r\n  font-weight: normal;\r\n  font-style: normal;\r\n  font-size: 24px;  \/* Preferred icon size *\/\r\n  display: inline-block;\r\n  line-height: 1;\r\n  text-transform: none;\r\n  letter-spacing: normal;\r\n  word-wrap: normal;\r\n  white-space: nowrap;\r\n  direction: ltr;\r\n\r\n  \/* Support for all WebKit browsers. *\/\r\n  -webkit-font-smoothing: antialiased;\r\n  \/* Support for Safari and Chrome. *\/\r\n  text-rendering: optimizeLegibility;\r\n\r\n  \/* Support for Firefox. *\/\r\n  -moz-osx-font-smoothing: grayscale;\r\n\r\n  \/* Support for IE. *\/\r\n  font-feature-settings: 'liga';\r\n}\r\n\r\n.h5p-iframe-wrapper {\r\n\r\n}\r\n\r\n.welcomeHome {\r\nfont-weight: bold;\r\nmargin: 0;\r\npadding: 0;\r\n}\r\n\r\n.exploreHead {\r\nheight: 100px;\r\nwidth: 100%;\r\nbackground-color: #000;\r\ntext-align: center;\r\n\/*line-height: -100px;*\/\r\nfont: 400 50px\/1.7 'Pacifico', Helvetica, sans-serif;\r\ncolor: #fff;\r\ntext-shadow: 3px 3px 0px rgba(0,0,0,0.1), 7px 7px 0px rgba(0,0,0,0.05);\r\nmargin-right: -100px;\r\nmargin-bottom: 20px;\r\n}\r\n\r\n#tileMenu {\r\nwidth: 100%;\r\nmargin: auto;\r\n}\r\n\r\n#tileMenu p {\r\ndisplay: inline-grid;\r\nwidth: 300px;\r\nheight: 300px;\r\nmargin-left: 30px;\r\nbackground-color: #fff;\r\n}\r\n\r\n#tileMenu::after {\r\ncontent: \"\";\r\nclear: both;\r\ndisplay: table;\r\n}\r\n\r\ndiv#scrollmenu {\r\nbackground-color: #fff;\r\noverflow: auto;\r\nwhite-space: nowrap;\r\nmargin-bottom: 30px;\r\ndisplay: none;\r\n}\r\n\r\ndiv#scrollmenu  p {\r\ndisplay: inline-block;\r\ncolor: #000;\r\nfont-weight: bold;\r\ntext-align: center;\r\npadding: 14px;\r\ntext-decoration: none;\r\nwidth: 200px;\r\nheight: 200px;\r\nmargin: 0px;\r\n}\r\ndiv#scrollmenu  p a {\r\ncolor: #000!important;\r\npadding: 5px 10px 5px 10px;\r\n}\r\ndiv#scrollmenu  p a span {\r\nbackground-color: #fff;\r\npadding: 5px 10px 5px 10px;\r\n}\r\n\r\n.scrollmenu-1 {\r\n\/*background-image: url(\"http:\/\/wp.lancs.ac.uk\/designthinkinglab\/files\/2022\/07\/Home-page-page-001.jpg\");\r\nbackground-repeat: no-repeat;\r\nbackground-size: 200px 200px;*\/\r\n}\r\n.scrollmenu-2 {\r\nborder: 4px dotted #006699;\r\n\/*background-image: url(\"http:\/\/wp.lancs.ac.uk\/designthinkinglab\/files\/2022\/07\/1-Innovation-page-001.jpg\");\r\nbackground-repeat: no-repeat;\r\nbackground-size: 300px 300px;\r\nborder: 4px solid #333;!important;\r\nopacity: 0.2;*\/\r\n}\r\n.scrollmenu-2 .bg {\r\nopacity: 0.2;\r\nposition: relative;\r\nleft: 0;\r\ntop: 0;\r\nwidth: 300px;\r\n}\r\n.scrollmenu-2 a {\r\nfont-weight: bold;\r\nfont-size: 150%;\r\ncolor: #000;\r\ntext-decoration: underline;\r\nline-height: 260px;\r\ndisplay: block;\r\nwidth: 300px;\r\nheight: 300px;\r\nposition: absolute;\r\n\/*opacity: 0.2;*\/\r\ntext-align: center;\r\ntext-shadow: 8px 8px 16px #fff;\r\n}\r\n.scrollmenu-3 {\r\nborder: 4px dotted #006699;\r\n\/*background-image: url(\"http:\/\/wp.lancs.ac.uk\/designthinkinglab\/files\/2022\/07\/2-Challenge-page-001.jpg\");\r\nbackground-repeat: no-repeat;\r\nbackground-size: 300px 300px;\r\nborder: 4px solid #333;!important;\r\nopacity: 0.6;*\/\r\n}\r\n.scrollmenu-3 .bg {\r\nopacity: 0.2;\r\nposition: relative;\r\nleft: 0;\r\ntop: 0;\r\nwidth: 300px;\r\n}\r\n.scrollmenu-3 a {\r\nfont-weight: bold;\r\nfont-size: 150%;\r\ncolor: #000;\r\ntext-decoration: underline;\r\nline-height: 260px;\r\ndisplay: block;\r\nwidth: 300px;\r\nheight: 300px;\r\nposition: absolute;\r\n\/*opacity: 0.2;*\/\r\ntext-align: center;\r\ntext-shadow: 8px 8px 16px #fff;\r\n}\r\n\r\n.scrollmenu-4 {\r\nborder: 4px dotted #006699;\r\n\/*background-image: url(\"http:\/\/wp.lancs.ac.uk\/designthinkinglab\/files\/2022\/07\/3-Inspiration-page-001.jpg\");\r\nbackground-repeat: no-repeat;\r\nbackground-size: 300px 300px;*\/\r\n}\r\n.scrollmenu-4 .bg {\r\nopacity: 0.2;\r\nposition: relative;\r\nleft: 0;\r\ntop: 0;\r\nwidth: 300px;\r\n}\r\n.scrollmenu-4 a {\r\nfont-weight: bold;\r\nfont-size: 150%;\r\ncolor: #000;\r\ntext-decoration: underline;\r\nline-height: 260px;\r\ndisplay: block;\r\nwidth: 300px;\r\nheight: 300px;\r\nposition: absolute;\r\n\/*opacity: 0.2;*\/\r\ntext-align: center;\r\ntext-shadow: 8px 8px 16px #fff;\r\n}\r\n\r\n.scrollmenu-5 {\r\nborder: 4px dotted #006699;\r\n\/*background-image: url(\"http:\/\/wp.lancs.ac.uk\/designthinkinglab\/files\/2022\/07\/4-Ideas-page-001.jpg\");\r\nbackground-repeat: no-repeat;\r\nbackground-size: 300px 300px;\r\nborder: 4px solid #333;!important;*\/\r\n}\r\n.scrollmenu-5 .bg {\r\nopacity: 0.2;\r\nposition: relative;\r\nleft: 0;\r\ntop: 0;\r\nwidth: 300px;\r\n}\r\n.scrollmenu-5 a {\r\nfont-weight: bold;\r\nfont-size: 150%;\r\ncolor: #000;\r\ntext-decoration: underline;\r\nline-height: 260px;\r\ndisplay: block;\r\nwidth: 300px;\r\nheight: 300px;\r\nposition: absolute;\r\n\/*opacity: 0.2;*\/\r\ntext-align: center;\r\ntext-shadow: 8px 8px 16px #fff;\r\n}\r\n\r\n.scrollmenu-6 {\r\nborder: 4px dotted #006699;\r\n\/*background-image: url(\"http:\/\/wp.lancs.ac.uk\/designthinkinglab\/files\/2022\/07\/5-Prototype-page-001.jpg\");\r\nbackground-repeat: no-repeat;\r\nbackground-size: 300px 300px;*\/\r\n}\r\n.scrollmenu-6 .bg {\r\nopacity: 0.2;\r\nposition: relative;\r\nleft: 0;\r\ntop: 0;\r\nwidth: 300px;\r\n}\r\n.scrollmenu-6 a {\r\nfont-weight: bold;\r\nfont-size: 150%;\r\ncolor: #000;\r\ntext-decoration: underline;\r\nline-height: 260px;\r\ndisplay: block;\r\nwidth: 300px;\r\nheight: 300px;\r\nposition: absolute;\r\n\/*opacity: 0.2;*\/\r\ntext-align: center;\r\ntext-shadow: 8px 8px 16px #fff;\r\n}\r\n\r\n.scrollmenu-7 {\r\nborder: 4px dotted #006699;\r\n\/*background-image: url(\"http:\/\/wp.lancs.ac.uk\/designthinkinglab\/files\/2022\/07\/6-Share-page-001.jpg\");\r\nbackground-repeat: no-repeat;\r\nbackground-size: 300px 300px;*\/\r\n}\r\n.scrollmenu-7 .bg {\r\nopacity: 0.2;\r\nposition: relative;\r\nleft: 0;\r\ntop: 0;\r\nwidth: 300px;\r\n}\r\n.scrollmenu-7 a {\r\nfont-weight: bold;\r\nfont-size: 150%;\r\ncolor: #000;\r\ntext-decoration: underline;\r\nline-height: 260px;\r\ndisplay: block;\r\nwidth: 300px;\r\nheight: 300px;\r\nposition: absolute;\r\n\/*opacity: 0.2;*\/\r\ntext-align: center;\r\ntext-shadow: 8px 8px 16px #fff;\r\n}\r\n\r\n.scrollmenu-8 {\r\nborder: 4px dotted #006699;\r\n\/*background-image: url(\"http:\/\/wp.lancs.ac.uk\/designthinkinglab\/files\/2022\/07\/7-Reflections-page-001.jpg\");\r\nbackground-repeat: no-repeat;\r\nbackground-size: 300px 300px;*\/\r\n}\r\n.scrollmenu-8 .bg {\r\nopacity: 0.2;\r\nposition: relative;\r\nleft: 0;\r\ntop: 0;\r\nwidth: 300px;\r\n}\r\n.scrollmenu-8 a {\r\nfont-weight: bold;\r\nfont-size: 150%;\r\ncolor: #000;\r\ntext-decoration: underline;\r\nline-height: 260px;\r\ndisplay: block;\r\nwidth: 300px;\r\nheight: 300px;\r\nposition: absolute;\r\n\/*opacity: 0.2;*\/\r\ntext-align: center;\r\ntext-shadow: 8px 8px 16px #fff;\r\n}\r\n\r\n\r\n.scrollmenu-blank-1 {\r\n\/*background-image: url(\"\");\r\nbackground-repeat: no-repeat;\r\nbackground-size: 300px 300px;\r\nborder: 4px dotted #ABB2B9;!important;*\/\r\n}\r\n.scrollmenu-blank-1 .bg {\r\nposition: relative;\r\nleft: 0;\r\ntop: 0;\r\nwidth: 300px;\r\n}\r\n.scrollmenu-blank-1 a {\r\n\/*font-weight: bold;\r\nfont-size: 150%;\r\ncolor: #666;\r\ntext-decoration: underline;\r\nline-height: 260px;\r\ndisplay: block;\r\nwidth: 300px;\r\nheight: 300px;\r\nposition: absolute;\r\nopacity: 0.2;\r\ntext-align: center;*\/\r\n}\r\n\r\n.scrollmenu-blank-2 {\r\n\/*background-image: url(\"\");\r\nbackground-repeat: no-repeat;\r\nbackground-size: 300px 300px;\r\nborder: 4px dotted #ABB2B9;!important;*\/\r\n}\r\n.scrollmenu-blank-2 .bg {\r\nposition: relative;\r\nleft: 0;\r\ntop: 0;\r\nwidth: 300px;\r\n}\r\n.scrollmenu-blank-2 a {\r\nfont-weight: bold;\r\nfont-size: 150%;\r\ncolor: #000;\r\ntext-decoration: underline;\r\nline-height: 260px;\r\ndisplay: block;\r\nwidth: 300px;\r\nheight: 300px;\r\nposition: absolute;\r\n\/*opacity: 0.2;*\/\r\ntext-align: center;\r\n}\r\n\r\n#sectionscrollhead {}\r\n#sectionscrollhead p {\r\ntext-align: center;\r\nfont-weight: bold;\r\nfont-size: 30px;\r\ntext-decoration: underline;\r\nmargin: 0 0 20px 0;\r\n}\r\n\r\nh3.textblockdotted {\r\nbackground-color: #fff;\r\nborder-top: 3px solid #999;\r\nborder-bottom: 3px solid #999;\r\nmargin-bottom: 20px;\r\npadding: 20px 30px 20px 30px;\r\nfont-size: 200%!important;\r\n}\r\n\r\n.textblockdotted p {\r\nfont-size: 24px;\r\nfont-weight: bold;\r\nmargin: 0;\r\npadding: 0;\r\n\/*padding: 20px 30px 20px 30px;*\/\r\n}\r\n\r\n.textblocksolid {\r\nbackground-color: #BCDCE6;\r\nmargin-bottom: 30px;\r\npadding: 20px 30px 20px 30px;\r\n}\r\n.textblocksolid p {\r\nmargin: 0;\r\n}\r\n.questionblock {\r\nbackground-color: #ccc;\r\npadding: 20px 30px 20px 30px;\r\n}\r\n\r\n.podnight {\r\nbackground-color: #99D8D3;\r\npadding: 20px 30px 20px 30px;\r\nbackground-image: url(\"http:\/\/wp.lancs.ac.uk\/designthinkinglab\/files\/2022\/07\/2743534799_e1c988d6be_c.jpg\");\r\nbackground-repeat: no-repeat;\r\nbackground-size: 100% 110%;\r\nmargin-bottom:  30px;\r\n}\r\n\r\n.podnight .textblock {\r\nbackground-color: #ffffff;\r\npadding: 20px 30px 20px 30px;\r\nfont-weight: bold;\r\nfont-size: 110%;\r\n}\r\n\r\n.podnight iframe {\r\nwidth: 100%;\r\n}\r\n\r\n.podbanner {\r\nheight: 100px;\r\nwidth: 100%;\r\nbackground-color: #000;\r\ntext-align: center;\r\n\/*line-height: -100px;*\/\r\nfont: 400 50px\/1.7 'Pacifico', Helvetica, sans-serif;\r\ncolor: #fff;\r\ntext-shadow: 3px 3px 0px rgba(0,0,0,0.1), 7px 7px 0px rgba(0,0,0,0.05);\r\nmargin-right: -100px;\r\n}\r\n\r\n\r\n.movienight {\r\nbackground-color: #99D8D3;\r\npadding: 20px 30px 20px 30px;\r\nbackground-image: url(\"http:\/\/wp.lancs.ac.uk\/designthinkinglab\/files\/2022\/07\/movie-scaled.jpg\");\r\nbackground-repeat: no-repeat;\r\nbackground-size: 100% 110%;\r\nmargin-bottom:  30px;\r\n}\r\n\r\n.movienight .textblock {\r\nbackground-color: #ffffff;\r\npadding: 20px 30px 20px 30px;\r\nfont-weight: bold;\r\nfont-size: 110%;\r\n}\r\n\r\n.movienight iframe {\r\nwidth: 100%;\r\n}\r\n\r\n.movbanner {\r\nheight: 100px;\r\nwidth: 100%;\r\nbackground-color: #000;\r\ntext-align: center;\r\n\/*line-height: -100px;*\/\r\nfont: 400 50px\/1.7 'Pacifico', Helvetica, sans-serif;\r\ncolor: #fff;\r\ntext-shadow: 3px 3px 0px rgba(0,0,0,0.1), 7px 7px 0px rgba(0,0,0,0.05);\r\nmargin-right: -100px;\r\n}\r\n\r\n\r\n.learning {\r\nborder: 6px dotted #CC0033;\r\ndisplay:inline-block;\r\nmargin: 0 auto;\r\ntext-align:center;\r\nwidth: 100%;\r\nmargin-bottom: 20px;\r\npadding: 20px 30px 20px 30px;\r\nfont-size: 120%!important;\r\n}\r\n.learning h4 {\r\nfont-weight: bold;\r\nfont-size: 140%!important;\r\n}\r\n.learning .BGcolor {\r\nbackground-color: #CC0033;\r\npadding: 20px 30px 20px 30px;\r\ncolor: #fff;\r\n}\r\n\r\n.question {\r\npadding: 20px 30px 20px 30px;\r\nmargin-bottom:  30px;\r\ntext-align: center;\r\nbackground-color: #000;\r\ncolor: #fff;\r\nfont-weight: bold;\r\n}\r\n\r\n.question h4 {\r\nfont-size: 200%!important;\r\nfont-weight: bold;\r\n\r\n}\r\n\r\n.question .questionText {\r\nbackground-color: #fff;\r\nfont-size: 120%!important;\r\nfont-weight: bold;\r\ncolor: #000;\r\npadding: 20px 30px 20px 30px;\r\n}\r\n\r\n.questionTextQ {\r\ncolor: #CC0033!important;\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\r\n.activity-block {\r\nborder: 6px dotted #006699;\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.spannerButton {\r\ntext-align: center;\r\nmargin-bottom: 20px;\r\n}\r\n.spannerButton button {\r\nbackground-color: #247218;\r\ntext-decoration: underline;\r\nfont-weight: bold;\r\n}\r\n.innovationButton {\r\ntext-align: center;\r\nmargin-bottom: 20px;\r\n}\r\n.innovationButton button {\r\nbackground-color: #CC0033;\r\ntext-decoration: underline;\r\nfont-weight: bold;\r\n}\r\n.h5pblock {\r\nmargin-bottom: 20px;\r\n}\r\n.bodyText {\r\nfont-size: 120%;\r\n}\r\n.bodyText a {\r\ncolor: #006699;\r\ntext-decoration: underline;\r\n}\r\n.nextBtn {\r\nwidth: 100%;\r\nmargin-top: 20px;\r\nmargin-bottom: 20px;\r\npadding: 20px 30px 20px 30px;\r\nbackground-color: #000;\r\ncolor: #fff;\r\nline-height: 60px;\r\nfont-size: 120%;\r\n}\r\n.nextBtn p {\r\nmargin: 0;\r\ncolor: #fff;\r\nfont-weight: bold;\r\nline-height: 50px;\r\nfont-size: 120%;\r\n}\r\n.nextBtn button {\r\nbackground-color: #006699;\r\ntext-decoration: underline;\r\nfont-weight: bold;\r\nfloat: right;\r\n}\r\n.nextBtn::after {\r\ncontent: \"\";\r\nclear: both;\r\ndisplay: table;\r\n}\r\n.skills {\r\ntext-align: center;\r\n}\r\n\r\n.skills img {\r\nwidth: 80%;\r\n}\r\n\r\n.imgInfoIconsA {\r\nwidth: 100px;\r\nheight: 100px;\r\nfloat: left; \r\nposition: relative; \r\nleft: -140px; \r\ntop: -200px;\r\n}\r\n.imgInfoIconsB {\r\nwidth: 100px;\r\nheight: 100px;\r\nfloat: left; \r\nposition: relative; \r\nleft: -140px; \r\ntop: -250px;\r\n}\r\n.imgInfoIconsQues {\r\nwidth: 100px;\r\nheight: 100px;\r\nfloat: left; \r\nposition: relative; \r\nleft: -130px; \r\ntop: -150px;\r\n}\r\n\r\n.imgInfoIconsMov {\r\nwidth: 100px;\r\nheight: 100px;\r\nfloat: left; \r\nposition: relative; \r\nleft: -100px; \r\ntop: -0px;\r\n}\r\n.imgInfoIconsLearn {\r\nwidth: 100px;\r\nheight: 100px;\r\nfloat: left; \r\nposition: relative; \r\nleft: -140px; \r\ntop: -140px;\r\n}\r\n.pageHeaderBlock {\r\nmargin-bottom: 20px!important;\r\n}\r\n\r\n.row {\r\n}\r\n.row::after {\r\ncontent: \"\";\r\nclear: both;\r\ndisplay: table;\r\n}\r\n.iconCol {\r\nfloat: left;\r\nwidth: 10%;\r\n}\r\n.iconCol img {\r\nwidth: 100%;\r\n}\r\n.contentCol {\r\nfloat: left;\r\nwidth: 90%;\r\n}\r\n.insetText {\r\npadding: 0 20px 0 20px;\r\n}\r\n\r\n.emphasis-A {\r\nfont-weight: bold;\r\ntext-decoration: underline;\r\n}\r\n\r\n#podGrid {\r\nwidth: 100%;\r\nmargin: auto;\r\n}\r\n\r\n#podGrid p {\r\n\/*float: left;\r\nwidth: 350px;\r\nmargin: 0;\r\npadding: 0;*\/\r\n}\r\n.podImages {\r\nfloat: left;\r\nwidth: 350px;\r\nmargin: 0;\r\npadding: 0;\r\n}\r\n.podcast {\r\nfloat: right;\r\nwidth: 500px;\r\nmargin: 0;\r\npadding: 0;\r\n}\r\n#podGrid p img {\r\nwidth: 100%;\r\n}\r\n.h5p-iframe-wrapper {\r\n\r\n}\r\n\r\n#podGrid::after {\r\ncontent: \"\";\r\nclear: both;\r\ndisplay: table;\r\n}\r\n\r\n.podImages {\r\n\r\n}\r\n.podcast {\r\n\r\n}\r\n.skillflowertext {\r\nfloat: left;\r\nwidth: 400px;\r\n}\r\n.skillflower {\r\nfloat: left;\r\nwidth: 450px;\r\nmargin-left: 20px;\r\nmargin-top: 20px;\r\n}\r\n\r\n.pageHeaderBlockText {\r\nfloat: left;\r\nwidth: 65%;\r\nfont-size: 130%;\r\npadding-right: 20px;\r\n}\r\n.pageHeaderBlockText a {\r\ncolor: #006699;\r\ntext-decoration: underline;\r\n}\r\n.pageHeaderBlockImg {\r\nfloat: right;\r\nwidth: 35%;\r\ntext-align: center;\r\n}\r\n\r\n.clear {\r\nclear: both;\r\n}\r\n\r\n\r\n\r\n.pageHeaderBlockImg a {\r\ncolor: #006699;\r\n}\r\n.pageHeaderBlockImg img {\r\nfloat: right;\r\nwidth: 95%\r\n}\r\n.bottleText {\r\nwidth: 60%;\r\nfloat: left;\r\ntext-align: right;\r\n}\r\n.bottleTextImg {\r\nfloat: right;\r\npadding: 0 20px 20px 0;\r\n}\r\n#exploreText-B {\r\ndisplay: none;\r\n}\r\n#exploreText-A {\r\ndisplay: block;\r\n}\r\n#begin-A {\r\ndisplay: block!important;\r\n}\r\n#begin-B {\r\ndisplay: none!important;\r\n}\r\n#skillflower .h5p-iframe-wrapper {\r\nwidth: 400px!important;\r\nfloat: left!important;\r\n}\r\n\r\n.skillInterativeH5P {\r\nfloat: left;\r\nwidth: 450px;\r\nborder-right: 3px dotted #666;\r\n}\r\n.skillInterativeH5P a {\r\ncolor: #006699;\r\ntext-decoration: underline;\r\n}\r\n.skillInterativeImg {\r\nfloat: left;\r\nwidth: 45%\r\n}\r\n.skillInterativeImg img {\r\nwidth: 500px;\r\n}\r\n#skillInterative .h5p-iframe-wrapper {\r\nwidth: 400px!important;\r\nfloat: left!important;\r\n}\r\n@media only screen and (max-width: 600px) {\r\n.podImages {\r\nfloat: left;\r\nwidth: 100%;\r\nmargin: 0;\r\npadding: 0;\r\n}\r\n.podcast {\r\nfloat: left;\r\nwidth: 100%;\r\nmargin: 0;\r\npadding: 0;\r\n}\r\n.skillflowertext {\r\nfloat: left;\r\nwidth: 100%;\r\n}\r\n.skillflower {\r\nfloat: left;\r\nwidth: 100%;\r\nmargin-left: 0;\r\n}\r\n.site-branding {\r\n    background-image: url(http:\/\/wp.lancs.ac.uk\/designthinkinglab\/files\/2022\/05\/lab-2-100.jpg);\r\n    background-repeat: no-repeat;\r\n    background-size: cover;\r\n    width: 100%!important;\r\n    height: 300px!important;\r\n    \/* background: #336666; *\/\r\n    display: inline-block;\r\n   padding: 1.7em;\r\n}\r\n.pageHeaderBlockText {\r\nfloat: left;\r\nwidth: 100%;\r\npadding-right: 0px!important;\r\n}\r\n.pageHeaderBlockImg {\r\nfloat: left;\r\nwidth: 100%;\r\n}\r\n\r\n.pageHeaderBlockImg img {\r\nwidth: 95%\r\n}\r\n.bottleText {\r\nwidth: 100%;\r\nfloat: left;\r\ntext-align: center;\r\n}\r\n.bottleTextImg {\r\nfloat: left;\r\npadding: 0 20px 20px 0;\r\nwidth: 300px;\r\nmargin-left: 40px;\r\n}\r\n#exploreText-B {\r\ndisplay: none;\r\n}\r\n#exploreText-A {\r\ndisplay: block;\r\n}\r\n#begin-A {\r\ndisplay: block!important;\r\n}\r\n#begin-B {\r\ndisplay: none!important;\r\n}\r\n#tileMenu {\r\n  width: 300px;\r\n  height: 460px;\r\n  overflow-y: auto;\r\n  overflow-x: hidden;\r\ntransform: rotate(-90deg);\r\n  transform-origin: right top;\r\n transform:rotate(-90deg) translateY(-380px);\r\nmargin-bottom: -140px;\r\n}\r\n#tileMenu p {\r\nwidth: 300px;\r\nheight: 300px;\r\ntransform: rotate(90deg);\r\ntransform-origin: right -30px;\r\n}\r\n.scrollmenu-blank-1 {\r\ndisplay: none!important;\r\n}\r\n.scrollmenu-blank-2 {\r\ndisplay: none!important;\r\n}\r\n.pageHeaderBlockImg {\r\nmargin-top: 20px!important;\r\n}\r\n.skillInterativeH5P {\r\nfloat: left;\r\nwidth: 450px;\r\nborder-right: none;\r\n}\r\n\r\n.skillInterativeImg {\r\nfloat: left;\r\nwidth: 45%\r\n}\r\n.skillInterativeImg img {\r\nwidth: 400px;\r\n}\r\n#skillflower .h5p-iframe-wrapper {\r\nwidth: 320px!important;\r\nfloat: left!important;\r\n}\r\n\r\n}\r\n\r\n@media only screen and (max-width: 400px) {\r\n.site-branding {\r\n    background-image: url(http:\/\/wp.lancs.ac.uk\/designthinkinglab\/files\/2022\/05\/lab-2-100.jpg);\r\n    background-repeat: no-repeat;\r\n    background-size: cover;\r\n    width: 100%!important;\r\n    height: 200px!important;\r\n    \/* background: #336666; *\/\r\n    display: inline-block;\r\n    padding: 1.7em;\r\nbackground-position: -30px 0;\r\n}\r\n.pageHeaderBlockText {\r\nfloat: left;\r\nwidth: 100%;\r\npadding-right: 0px!important;\r\n}\r\n.pageHeaderBlockImg {\r\nfloat: left;\r\nwidth: 100%;\r\n}\r\n.pageHeaderBlockImg img {\r\nwidth: 95%\r\n}\r\n.bottleText {\r\nwidth: 100%;\r\nfloat: left;\r\ntext-align: center;\r\n}\r\n.bottleTextImg {\r\nfloat: left;\r\npadding: 0 20px 20px 0;\r\nwidth: 200px;\r\nmargin-left: 0px;\r\n}\r\n#exploreText-B {\r\ndisplay: block!important;\r\n}\r\n#exploreText-A {\r\ndisplay: none!important;\r\n}\r\n#begin-A {\r\ndisplay: none!important;\r\n}\r\n#begin-B {\r\ndisplay: block!important;\r\n}\r\n#tileMenu {\r\n  width: 300px;\r\n  height: 360px;\r\n  overflow-y: auto;\r\n  overflow-x: hidden;\r\ntransform: rotate(-90deg);\r\n  transform-origin: right top;\r\n transform:rotate(-90deg) translateY(-300px);\r\nmargin-bottom: -40px;\r\n}\r\n#tileMenu p {\r\nwidth: 300px;\r\nheight: 300px;\r\n  transform: rotate(90deg);\r\n  transform-origin: right -30px;\r\n\/*display: inline-block;\r\nwhite-space: nowrap;\r\noverflow: auto;\r\ncolor: #000;\r\nfont-weight: bold;\r\ntext-align: center;\r\npadding: 14px;\r\ntext-decoration: none;\r\nwidth: 300px;\r\nheight: 300px;\r\nmargin: 0px;*\/\r\n}\r\n.scrollmenu-blank-1 {\r\ndisplay: none!important;\r\n}\r\n.scrollmenu-blank-2 {\r\ndisplay: none!important;\r\n}\r\n.pageHeaderBlockImg {\r\nmargin-top: 20px!important;\r\n}\r\n\/*\r\n#tileMenu {\r\ndisplay: none;\r\n}\r\n#scrollmenu {\r\nbackground-color: #fff;\r\noverflow: auto;\r\nwhite-space: nowrap;\r\nmargin-bottom: 30px;\r\ndisplay: block!important;\r\n}\r\n*\/\r\n}\r\n<\/style><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Good Place: where online learning can be fun Section 1 | Section 2 | Section 3 | Section 1. Innovation 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 [&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-1078","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"http:\/\/wp.lancs.ac.uk\/designineducation\/wp-json\/wp\/v2\/pages\/1078","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/wp.lancs.ac.uk\/designineducation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/wp.lancs.ac.uk\/designineducation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/wp.lancs.ac.uk\/designineducation\/wp-json\/wp\/v2\/users\/761"}],"replies":[{"embeddable":true,"href":"http:\/\/wp.lancs.ac.uk\/designineducation\/wp-json\/wp\/v2\/comments?post=1078"}],"version-history":[{"count":53,"href":"http:\/\/wp.lancs.ac.uk\/designineducation\/wp-json\/wp\/v2\/pages\/1078\/revisions"}],"predecessor-version":[{"id":1132,"href":"http:\/\/wp.lancs.ac.uk\/designineducation\/wp-json\/wp\/v2\/pages\/1078\/revisions\/1132"}],"wp:attachment":[{"href":"http:\/\/wp.lancs.ac.uk\/designineducation\/wp-json\/wp\/v2\/media?parent=1078"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}