{"id":159,"date":"2019-11-10T23:56:51","date_gmt":"2019-11-10T23:56:51","guid":{"rendered":"http:\/\/ndsa.uk\/content\/?page_id=159"},"modified":"2022-02-16T13:53:40","modified_gmt":"2022-02-16T13:53:40","slug":"autism-intro","status":"publish","type":"page","link":"https:\/\/ndsa.uk\/content\/autism-intro\/","title":{"rendered":""},"content":{"rendered":"\n\n<style>\n#top > div.p-navSticky.p-navSticky--all > div > div > div > ul {\n}\n.container {\nmargin-bottom: 1rem !important;\n}\n<\/style>\n\n\n\n\n<div class=\"title\">\n          <h1 class=\"title-autism-intro\">About autism<\/h1>\n        <\/div>\n\n        <div id=\"ndsa-accordion\">\n          <!-- part 1  -->\n          <hr>\n          <a name=\"wai\" id=\"wai\"><\/a>\n          <div class=\"container wai\">\n            <div class=\"label\">\n              <span class=\"button-toggle\"><\/span>1. What autism is\n            <\/div>\n            <div class=\"content\">\n              <h3>Part 1 &#8211; What autism is<\/h3>\n\n              <div class=\"wp-block-media-text__content\">\n                <div class=\"google-slides-container\">\n                  <iframe loading=\"lazy\" src=\"https:\/\/docs.google.com\/presentation\/d\/e\/2PACX-1vTOnrQkj27M0FRgJi1mZk4GbuMVOh53H5t8tp-X1JGCLJSPp7XQu7X6WsVgh_-mfsPdbpVmeQdWLm_A\/embed?start=false&amp;loop=false&amp;delayms=3000\" allowfullscreen=\"true\" mozallowfullscreen=\"true\" webkitallowfullscreen=\"true\" width=\"1280\" height=\"749\" frameborder=\"0\"><\/iframe>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- part 2 -->\n          <hr>\n          <a name=\"ahp\" id=\"ahp\"><\/a>\n          <div class=\"container ahp\">\n            <div class=\"label\">\n              <span class=\"button-toggle\"><\/span>2. A human picture\n            <\/div>\n            <div class=\"content\">\n              <h3>Part 2 &#8211; A human picture of autism<\/h3>\n              <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/VKVaYDTkPig\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"><\/iframe>\n            <\/div>\n          <\/div>\n\n          <!-- part 3  -->\n          <hr>\n          <a name=\"toaa\" id=\"toaa\"><\/a>\n          <div class=\"container toaa\">\n            <div class=\"label\">\n              <span class=\"button-toggle\"><\/span>3. Theories of autism\n              organisation\n            <\/div>\n            <div class=\"content\">\n              <h3>Part 3 &#8211; Theories of autism<\/h3>\n              <div class=\"google-slides-container\">\n                <iframe loading=\"lazy\" src=\"https:\/\/docs.google.com\/presentation\/d\/e\/2PACX-1vQr8NixlFY0iPObzL3Y8YNymlcro9au4sFQGtjjmRb81lkT2xfthd3NqAGu-XPeTy_1szSuxL_2nCWQ\/embed?start=false&amp;loop=true&amp;delayms=10000\" allowfullscreen=\"true\" mozallowfullscreen=\"true\" webkitallowfullscreen=\"true\" width=\"988\" height=\"584\" frameborder=\"0\"><\/iframe>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- part 4  -->\n          <hr>\n          <a name=\"aaad\" id=\"aaad\"><\/a>\n          <div class=\"container aaad\">\n            <div class=\"label\">\n              <span class=\"button-toggle\"><\/span>4. Autism as a disability\n            <\/div>\n            <div class=\"content\">\n              <h3>Part 4 &#8211; Autism as a disability<\/h3>\n              <div class=\"google-slides-container\">\n                <iframe loading=\"lazy\" src=\"https:\/\/docs.google.com\/presentation\/d\/e\/2PACX-1vTwhpOs7h1CCeEMv3PLWVAYKqNp7p1NU8QpZLJaCZ8xXocX_Q7CiyXoP70kmBxKkXEKHEH9Ckn1CHbl\/embed?start=false&amp;loop=true&amp;delayms=10000\" allowfullscreen=\"true\" mozallowfullscreen=\"true\" webkitallowfullscreen=\"true\" width=\"988\" height=\"584\" frameborder=\"0\"><\/iframe>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- part 5  -->\n          <hr>\n          <a name=\"nd\" id=\"nd\"><\/a>\n          <div class=\"container nd\">\n            <div class=\"label\">\n              <span class=\"button-toggle\"><\/span>5. Neurodiversity\n            <\/div>\n            <div class=\"content\">\n              <h3>Part 5 &#8211; Neurodiversity<\/h3>\n              <div class=\"google-slides-container\">\n                <iframe loading=\"lazy\" src=\"https:\/\/docs.google.com\/presentation\/d\/e\/2PACX-1vSFNUKaOSkaXot4Q98gwJ-yp1IzRezpsgGqLza3H--fWIVoTZwc8LBmGU-c8ZPqTfi3xbN6lldEjDe-\/embed?start=false&amp;loop=true&amp;delayms=10000\" allowfullscreen=\"true\" mozallowfullscreen=\"true\" webkitallowfullscreen=\"true\" width=\"988\" height=\"584\" frameborder=\"0\"><\/iframe>\n              <\/div>\n              <hr style=\"\n                  border-top: 1px solid gray !important;\n                  margin-top: 3rem !important;\n                \">\n              <h3>Neurodiversity with Ari Ne&#8217;eman<\/h3>\n              <p>\n                Watch an excellent lecture from Ari Ne&#8217;eman &#8211; a one and a half\n                hour long talk plus a 30 minutes Q&amp;A.\n              <\/p>\n              <p>\n                &#8220;Operationalizing Neurodiversity: How should the Neurodiversity\n                Movement Shift Autism Service-Provision and Research?&#8221;\n              <\/p>\n              <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/yTbkKd_bDsw\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"><\/iframe>\n            <\/div>\n          <\/div>\n\n          <!-- part 6  -->\n          <hr>\n          <a name=\"qol\" id=\"qol\"><\/a>\n          <div class=\"container qol\">\n            <div class=\"label\">\n              <span class=\"button-toggle\"><\/span>6. Quality of life\n            <\/div>\n            <div class=\"content\">\n              <h3>Part 6 &#8211; Quality of life<\/h3>\n              <div class=\"entry-content\">\n                <div class=\"google-slides-container\">\n                  <iframe loading=\"lazy\" src=\"https:\/\/docs.google.com\/presentation\/d\/e\/2PACX-1vTseP27rb7o77G1jNlTlQD8OD_tf9WIH3h0EKSU6EeCmVmCh38uxcccOf7p-ufCLIiOw9on7nh9ayXj\/embed?start=false&amp;loop=true&amp;delayms=3000\" allowfullscreen=\"true\" mozallowfullscreen=\"true\" webkitallowfullscreen=\"true\" width=\"988\" height=\"584\" frameborder=\"0\"><\/iframe>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- part 7 -->\n          <hr>\n          <a name=\"ctn\" id=\"ctn\"><\/a>\n          <div class=\"container ctn\">\n            <div class=\"label\">\n              <span class=\"button-toggle\"><\/span>7. Changing the narrative\n            <\/div>\n            <div class=\"content\">\n              <h3>Part 7 &#8211; Changing the narrative<\/h3>\n              <div class=\"entry-content\">\n                <div class=\"google-slides-container\">\n                  <iframe loading=\"lazy\" src=\"https:\/\/docs.google.com\/presentation\/d\/e\/2PACX-1vTSeHqnrNnWVuaP4dCiWMjnIPHDvPmX9oH0eMJGc1U_QctTskekEDg0MDXhHx_I4IvpP2eiyg9KOU_P\/embed?start=false&amp;loop=true&amp;delayms=10000\" allowfullscreen=\"true\" mozallowfullscreen=\"true\" webkitallowfullscreen=\"true\" width=\"988\" height=\"585\" frameborder=\"0\"><\/iframe>\n                <\/div>\n              <\/div>\n\n              <hr style=\"\n                  border-top: 1px solid gray !important;\n                  margin-top: 3rem !important;\n                \">\n              <h3>A powerful TED talk by Jac Den Houting<\/h3>\n              <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/A1AUdaH-EPM\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"><\/iframe>\n            <\/div>\n          <\/div>\n\n          <hr>\n        <\/div>\n\n\n\n<style>\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans&amp;display=swap\");\n* {\n  font-family: noto sans;\n}\n\n.google-slides-container {\n  position: relative;\n  width: 100%;\n  padding-top: 60%;\n  overflow: hidden;\n  max-width: 988px;\n  max-height: 584px;\n}\n\n.google-slides-container iframe {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.title {\n  background-image: -webkit-gradient(linear, left top, right top, from(#28314f), color-stop(rgba(40, 49, 79, 0.8)), to(transparent)), url(\"https:\/\/ndsa.uk\/forum\/ndsa_images\/hero_2.jpg\");\n  background-image: linear-gradient(90deg, #28314f, rgba(40, 49, 79, 0.8), transparent), url(\"https:\/\/ndsa.uk\/forum\/ndsa_images\/hero_2.jpg\");\n  background-size: cover;\n  background-position: right center;\n  border-radius: 5px;\n  color: white;\n  padding: 1rem 2.5rem;\n}\n\n.title .title-autism-intro {\n  font-size: 2.7rem;\n}\n\n#ndsa-accordion {\n  font-family: noto sans;\n  color: black;\n  margin-bottom: 5rem;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  \/*   .container.active  {\n    background-color: #cacaca;\n  }\n  \n    .container.active .label {\n    color: white !important;\n  }\n   *\/\n}\n\n#ndsa-accordion h1 {\n  text-align: center;\n  margin: 40px 0;\n}\n\n#ndsa-accordion h3 {\n  font-size: 20px !important;\n  font-weight: bolder;\n}\n\n#ndsa-accordion .content {\n  margin-top: 0;\n}\n\n#ndsa-accordion .content h3 {\n  margin-top: 0;\n}\n\n#ndsa-accordion ul li {\n  margin: 1rem 0;\n}\n\n#ndsa-accordion .container .label {\n  margin-left: 1rem !important;\n  font-size: 1.7rem;\n  color: #555;\n}\n\n#ndsa-accordion .container {\n  position: relative;\n  padding: 1rem 0;\n  background-color: #f1f1f1;\n  border-radius: 10px;\n  font-weight: bolder;\n  cursor: pointer;\n  -webkit-box-shadow: 5px 10px #888888;\n          box-shadow: 5px 10px #888888;\n  background: white;\n}\n\n#ndsa-accordion .container:hover {\n  background-color: #afafaf;\n}\n\n#ndsa-accordion .container:hover .label {\n  color: white !important;\n}\n\n#ndsa-accordion .container:hover .label::before {\n  color: white !important;\n}\n\n#ndsa-accordion .content {\n  position: relative;\n  background: white;\n  font-size: 20px;\n  text-align: justify;\n  overflow: hidden;\n  -webkit-transition: 0.25s;\n  transition: 0.25s;\n  padding: 0 1rem;\n}\n\n#ndsa-accordion .content &gt; * {\n  font-size: 14px;\n  font-weight: normal;\n}\n\n#ndsa-accordion hr {\n  width: 100;\n  margin-left: 0;\n  border: 0px solid grey;\n}\n\n#ndsa-accordion .container.active .content {\n  \/* height: inherit; *\/\n}\n\n#ndsa-accordion .button-toggle {\n  display: inline-block;\n  border-radius: 50%;\n  width: 40px;\n  height: 40px;\n  background-color: #262d46;\n  margin-right: 1rem;\n}\n\n#ndsa-accordion .button-toggle::before {\n  content: \"+\";\n  height: 40px;\n  width: 40px;\n  font-size: 40px;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  font-weight: bold;\n  font-family: courier;\n  color: white;\n}\n\n#ndsa-accordion .container.active .button-toggle::before {\n  content: \"-\";\n  font-size: 30px;\n  color: darkgray;\n}\n\n#ndsa-accordion .container.active .button-toggle {\n  background-color: white;\n}\n\n#ndsa-accordion .container.active .content {\n  padding: 2rem;\n}\n\n#ndsa-accordion .container .content {\n  max-height: 0;\n  \/* transition: max-height 0.25s ease-out; *\/\n}\n\n#ndsa-accordion .container.active .content {\n  max-height: 20000px;\n  \/* transition: max-height 0.25s ease-in; *\/\n}\n\n\/*\n* Media queries\n*\/\n@media (max-width: 550px) {\n  #ndsa-accordion .container ul,\n  #ndsa-accordion .container ol {\n    padding-left: 10px !important;\n  }\n  #ww,\n  #om,\n  #tu,\n  #wi,\n  #tt,\n  #faq {\n    scroll-margin-top: 50px !important;\n  }\n}\n\/*# sourceMappingURL=style.css.map *\/\n\n<\/style>\n\n\n\n<script>\n\/*\n* add toggle section functionality\n*\/\nconst accordion = document.getElementsByClassName('container');\n\nfor (i=0; i<accordion.length; i++) {\n  accordion[i].addEventListener('click', function () {\n    this.classList.toggle('active')\n  })\n}\n\n\/*\n* open and jump to section if queryparam in url\n*\/\nconst urlSearchParams = new URLSearchParams(window.location.search);\nvar params = Object.fromEntries(urlSearchParams.entries());\n\nvar el = document.querySelector('.' + params.section);\nif (el !== null) {\n    \n    el.classList.add('active');\n    setInterval(()=>location.hash = \"#\" + params.section, 200)\n}\n\n\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>About autism 1. What autism is Part 1 &#8211; What autism is 2. A human picture Part 2 &#8211; A human picture of autism 3. Theories of autism organisation Part 3 &#8211; Theories of autism 4. Autism as a disability Part 4 &#8211; Autism as a disability 5. Neurodiversity Part 5 &#8211; Neurodiversity Neurodiversity with &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/ndsa.uk\/content\/autism-intro\/\" class=\"more-link\">Read more\u2026<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"Marie","author_link":"https:\/\/ndsa.uk\/content\/author\/marie\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"About autism 1. What autism is Part 1 &#8211; What autism is 2. A human picture Part 2 &#8211; A human picture of autism 3. Theories of autism organisation Part 3 &#8211; Theories of autism 4. Autism as a disability Part 4 &#8211; Autism as a disability 5. Neurodiversity Part 5 &#8211; Neurodiversity Neurodiversity with&hellip;","_links":{"self":[{"href":"https:\/\/ndsa.uk\/content\/wp-json\/wp\/v2\/pages\/159"}],"collection":[{"href":"https:\/\/ndsa.uk\/content\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ndsa.uk\/content\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ndsa.uk\/content\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ndsa.uk\/content\/wp-json\/wp\/v2\/comments?post=159"}],"version-history":[{"count":38,"href":"https:\/\/ndsa.uk\/content\/wp-json\/wp\/v2\/pages\/159\/revisions"}],"predecessor-version":[{"id":1878,"href":"https:\/\/ndsa.uk\/content\/wp-json\/wp\/v2\/pages\/159\/revisions\/1878"}],"wp:attachment":[{"href":"https:\/\/ndsa.uk\/content\/wp-json\/wp\/v2\/media?parent=159"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}