component---src-pages-decal-homework-hw-3-js-cb7a3dcc734c73c23d1b.js.map

{"version":3,"file":"component---src-pages-decal-homework-hw-3-js-cb7a3dcc734c73c23d1b.js","mappings":"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","sources":["webpack://xr-b-website/./src/components/decalNav.js","webpack://xr-b-website/./src/components/nav.js","webpack://xr-b-website/./src/images/decal/HW3-0.png","webpack://xr-b-website/./src/images/decal/HW3-2.png","webpack://xr-b-website/./src/images/decal/HW3-3.png","webpack://xr-b-website/./src/images/decal/HW3-5.png","webpack://xr-b-website/./src/images/decal/HW3-6.png","webpack://xr-b-website/./src/pages/decal/homework/hw3.js","webpack://xr-b-website/./src/images/decal/HW3-1.png","webpack://xr-b-website/./src/images/decal/HW3-4.png","webpack://xr-b-website/./src/styles/decal.module.css","webpack://xr-b-website/./src/styles/nav.module.css"],"sourcesContent":["import * as React from \"react\"\r\nimport { Link } from \"gatsby\";\r\n\r\nimport logo from \"../images/logo.png\";\r\n\r\nimport * as navStyles from \"../styles/nav.module.css\"\r\nimport * as defaultStyles from \"../styles/default.module.css\"\r\n\r\nconst DecalNav = ({activePage, open}) => {\r\n\r\n  return (\r\n    <section className={navStyles.decal}>\r\n      <div className={navStyles.navBar}>\r\n\r\n        <Link to=\"/decal/\">\r\n            <div className={activePage==\"home\" ? navStyles.active : navStyles.item}>Home/Announcements</div>\r\n        </Link>\r\n        <div className={navStyles.group}>\r\n            <Link to=\"/decal/homework\" className={navStyles.title}>\r\n              <div className={open==\"homework\" ? navStyles.arrowOpen : navStyles.arrow}>></div>\r\n              <div className={open==\"homework\" ? navStyles.active : navStyles.item}>Homework</div>\r\n            </Link>\r\n            <div className={navStyles.subLinks} style={{display: open==\"homework\" ? \"flex\" : \"none\"}}>\r\n              <Link to=\"/decal/homework/hw1\">\r\n                <div className={activePage==\"hw1\" ? navStyles.active : navStyles.item}>Homework 1: The Rube Goldberg Ball Machine</div>\r\n              </Link>\r\n              <Link to=\"/decal/homework/hw2\">\r\n                <div className={activePage==\"hw2\" ? navStyles.active : navStyles.item}>Homework 2: Music Visualizer</div>\r\n              </Link>\r\n              <Link to=\"/decal/homework/hw3\">\r\n                <div className={activePage==\"hw3\" ? navStyles.active : navStyles.item}>Homework 3: Fractal Generation</div>\r\n              </Link>\r\n              {/* <Link to=\"/decal/homework/hw4\">\r\n                <div className={activePage==\"hw4\" ? navStyles.active : navStyles.item}>Homework 4: Pong</div>\r\n              </Link>\r\n              <Link to=\"/decal/homework/hw5\">\r\n                <div className={activePage==\"hw5\" ? navStyles.active : navStyles.item}>Homework 5: Collisions, Raycasting, and Triggers</div>\r\n              </Link> */}\r\n            </div>    \r\n        </div>\r\n        <div className={navStyles.group}>\r\n            <Link to=\"/decal/labs\" className={navStyles.title}>\r\n              <div className={open==\"labs\" ? navStyles.arrowOpen : navStyles.arrow}>></div>\r\n              <div className={open==\"labs\" ? navStyles.active : navStyles.item}>Labs</div>\r\n            </Link>\r\n            <div className={navStyles.subLinks} style={{display: open.includes(\"labs\") ? \"flex\" : \"none\"}}>\r\n              <div className={navStyles.group}>\r\n                <Link to=\"/decal/labs/oculus\" className={navStyles.title}>\r\n                  <div className={open==\"oculuslabs\" ? navStyles.arrowOpen : navStyles.arrow}>></div>\r\n                  <div className={open==\"oculuslabs\" ? navStyles.active : navStyles.item}>Oculus Labs</div>\r\n                </Link>\r\n                <div className={navStyles.subLinks} style={{display: open==\"oculuslabs\" ? \"flex\" : \"none\"}}>\r\n                  <Link to=\"/decal/labs/oculus/lab1\">\r\n                    <div className={activePage==\"oculuslab1\" ? navStyles.active : navStyles.item}>Oculus Lab 1</div>\r\n                  </Link>\r\n                  <Link to=\"/decal/labs/oculus/lab2\">\r\n                    <div className={activePage==\"oculuslab2\" ? navStyles.active : navStyles.item}>Oculus Lab 2</div>\r\n                  </Link>\r\n                  {/* <Link to=\"/decal/labs/oculus/lab3\">\r\n                    <div className={activePage==\"lab3\" ? navStyles.active : navStyles.item}>Lab 3</div>\r\n                  </Link>\r\n                  <Link to=\"/decal/labs/oculus/lab4\">\r\n                    <div className={activePage==\"lab4\" ? navStyles.active : navStyles.item}>Lab 4</div>\r\n                  </Link> */}\r\n                </div>\r\n              </div>\r\n              {/* <Link to=\"/decal/labs/lab2\">\r\n                <div className={activePage==\"lab2\" ? navStyles.active : navStyles.item}>Lab 2</div>\r\n              </Link> */}\r\n            </div>\r\n        </div>    \r\n        <Link to=\"/decal/lectures/\">\r\n            <div className={activePage==\"lectures\" ? navStyles.active : navStyles.item}>Lectures</div>\r\n        </Link>\r\n        {/* <Link to=\"/decal/final/\">\r\n            <div className={activePage==\"final\" ? navStyles.active : navStyles.item}>Final project</div>\r\n        </Link> */}\r\n        <Link to=\"/decal/resources/\">\r\n            <div className={activePage==\"resources\" ? navStyles.active : navStyles.item}>Extra resources</div>\r\n        </Link>\r\n\r\n      </div>\r\n    </section>\r\n  )\r\n}\r\n\r\nexport default DecalNav\r\n\r\nexport const Head = () => <title>Extended Reality @ Berkeley</title>\r\n","import React, { useState } from \"react\"\r\nimport { Link } from \"gatsby\";\r\n\r\nimport logo from \"../images/logo.png\";\r\n\r\nimport * as navStyles from \"../styles/nav.module.css\"\r\nimport * as defaultStyles from \"../styles/default.module.css\"\r\n\r\nconst Nav = ({activePage}) => {\r\n\r\n  // if (activePage == \"decal\") {\r\n  //   return (\r\n  //     <section>\r\n  //       <div className={navStyles.navBarDecal}>\r\n  //         <Link to=\"/home/\">\r\n  //           <img className={navStyles.logo} src={logo} alt=\"logo\" />\r\n  //         </Link>\r\n  //         <div className={navStyles.item} style={{visibility: 'hidden'}}>.</div>\r\n  //       </div>\r\n  //     </section>\r\n  //   )\r\n  // }\r\n\r\n  const [shown, setShown] = useState(false);\r\n\r\n  return (\r\n    <section>\r\n      <div className={navStyles.navBar}>\r\n\r\n        <img className={navStyles.logo} src={logo} alt=\"logo\" />\r\n\r\n        <Link to=\"/home/\">\r\n          <div className={activePage==\"home\" ? navStyles.active : navStyles.item}>Home</div>\r\n        </Link>\r\n        <Link to=\"/about/\">\r\n          <div className={activePage==\"about\" ? navStyles.active : navStyles.item}>Who we are</div>\r\n        </Link>\r\n        <Link to=\"/projects/\">\r\n          <div className={activePage==\"projects\" ? navStyles.active : navStyles.item}>Projects</div>\r\n        </Link>\r\n        <Link to=\"/decal/\">\r\n          <div className={activePage==\"decal\" ? navStyles.active : navStyles.item}>Decal</div>\r\n        </Link>\r\n        <a href=\"https://discord.com/invite/GvGUUCN\" target=\"_blank\">\r\n        <div className={navStyles.item}>Discord</div>\r\n        </a>\r\n\r\n      </div>\r\n\r\n      <div className={navStyles.navBarSmallWrapper}>\r\n        <div className={navStyles.navBarSmall}>\r\n\r\n          <img className={navStyles.logo} src={logo} alt=\"logo\" />\r\n\r\n          <div className={navStyles.smallNavButtonOutline} onClick={() => setShown(!shown)}>\r\n            <div className={navStyles.smallNavButton}>\r\n              <h1>...</h1>\r\n            </div>\r\n          </div>\r\n\r\n        </div>\r\n\r\n        {shown ? \r\n        <div className={navStyles.navList}>\r\n            <Link to=\"/home/\">\r\n              <div className={activePage==\"home\" ? navStyles.active : navStyles.item}>Home</div>\r\n            </Link>\r\n            <Link to=\"/about/\">\r\n              <div className={activePage==\"about\" ? navStyles.active : navStyles.item}>Who we are</div>\r\n            </Link>\r\n            <Link to=\"/projects/\">\r\n              <div className={activePage==\"projects\" ? navStyles.active : navStyles.item}>Projects</div>\r\n            </Link>\r\n            <Link to=\"/decal/\">\r\n              <div className={activePage==\"decal\" ? navStyles.active : navStyles.item}>Decal</div>\r\n            </Link>\r\n            <a href=\"https://discord.com/invite/GvGUUCN\" target=\"_blank\">\r\n            <div className={navStyles.item}>Discord</div>\r\n            </a>\r\n        </div>\r\n        :\r\n        \"\"\r\n      }\r\n        \r\n      </div>\r\n\r\n    </section>\r\n  )\r\n}\r\n\r\nexport default Nav\r\n\r\nexport const Head = () => <title>Extended Reality @ Berkeley</title>\r\n","export default __webpack_public_path__ + \"static/HW3-0-b2e9d373fa8cf5cd70abbfd8f8fc5602.png\";","export default __webpack_public_path__ + \"static/HW3-2-88343e2487fc70986e61cfb338ea1f7f.png\";","export default __webpack_public_path__ + \"static/HW3-3-ede2fe041005cdf3818e15d29821d1f0.png\";","export default __webpack_public_path__ + \"static/HW3-5-afd70df8edbf07d90dab7705927af5fd.png\";","export default __webpack_public_path__ + \"static/HW3-6-ee219a81b276df89b0289a4a26d7610d.png\";","import * as React from \"react\"\r\nimport { Link } from \"gatsby\";\r\n\r\nimport * as decalStyles from \"../../../styles/decal.module.css\"\r\nimport * as defaultStyles from \"../../../styles/default.module.css\"\r\n\r\nimport Nav from \"../../../components/nav\"\r\nimport DecalNav from \"../../../components/decalNav\"\r\nimport Button from \"../../../components/button\";\r\n\r\nimport EastIcon from '@mui/icons-material/East';\r\n\r\nimport img1 from '../../../images/decal/HW3-0.png';\r\nimport img2 from '../../../images/decal/HW3-1.png';\r\nimport img3 from '../../../images/decal/HW3-2.png';\r\nimport img4 from '../../../images/decal/HW3-3.png';\r\nimport img5 from '../../../images/decal/HW3-4.png';\r\nimport img6 from '../../../images/decal/HW3-5.png';\r\nimport img7 from '../../../images/decal/HW3-6.png';\r\n\r\nconst hw3 = () => {\r\n\r\n  return (\r\n    <main>\r\n      <body>\r\n        <Nav activePage=\"decal\"/>\r\n\r\n        <div className={decalStyles.bodyWrapper}>\r\n            <DecalNav activePage=\"homework\" open=\"homework\"/>\r\n            <div className={decalStyles.textWrapper}>\r\n                <h1>Homework 3: Fractal Generation</h1>   \r\n\r\n                <div className={decalStyles.toc}>\r\n                    <h2>Table of Contents</h2>\r\n                    <p><span className={decalStyles.redLink}>\r\n                    <Button text=\"Getting Started\"\r\n                            color=\"red\"\r\n                            icon={EastIcon} \r\n                            type=\"underlineOut\"\r\n                            link=\"#getting-started\"\r\n                            alt=\"\"\r\n                    /></span></p>\r\n                    <p><span className={decalStyles.redLink}>\r\n                    <Button text=\"Creating the Children\"\r\n                            color=\"red\"\r\n                            icon={EastIcon} \r\n                            type=\"underlineOut\"\r\n                            link=\"#creating-the-children\"\r\n                            alt=\"\"\r\n                    /></span></p>\r\n                    <p><span className={decalStyles.redLink}>\r\n                    <Button text=\"Setting Children Transforms\"\r\n                            color=\"red\"\r\n                            icon={EastIcon} \r\n                            type=\"underlineOut\"\r\n                            link=\"#setting-children-transforms\"\r\n                            alt=\"\"\r\n                    /></span></p>\r\n                    <p><span className={decalStyles.redLink}>\r\n                    <Button text=\"Recursive Attributes\"\r\n                            color=\"red\"\r\n                            icon={EastIcon} \r\n                            type=\"underlineOut\"\r\n                            link=\"#recursive-attributes\"\r\n                            alt=\"\"\r\n                    /></span></p>\r\n                    <p><span className={decalStyles.redLink}>\r\n                    <Button text=\"Further Exploration\"\r\n                            color=\"red\"\r\n                            icon={EastIcon} \r\n                            type=\"underlineOut\"\r\n                            link=\"#further-exploration\"\r\n                            alt=\"\"\r\n                    /></span></p>\r\n                    <p><span className={decalStyles.redLink}>\r\n                    <Button text=\"Submission and Grading\"\r\n                            color=\"red\"\r\n                            icon={EastIcon} \r\n                            type=\"underlineOut\"\r\n                            link=\"submission-and-grading\"\r\n                            alt=\"\"\r\n                    /></span></p>\r\n                </div>\r\n\r\n                <p>\r\n                This homework assignment is to create your own fractal generator. It will look something like this:\r\n                <br/><br/>\r\n                <img src={img1}/>\r\n                <br/><br/>\r\n                In this assignment, we will explore recursion within Unity by writing scripts that’ll build fractals for us! Fractals pair great with recursion because recursion can exploit and represent its hierarchical and repetitive characteristic very naturally.\r\n                <br/><br/>\r\n                The fractal we want to construct for this assignment is fairly simple. Consider a single cube as the starting point. Our fractal will spawn new cubes half its size on five of its faces. Each of those cubes will then do the same thing, and so on until we reach the maximum recursion depth. Finally, every cube will slowly rotate on its y-axis, and thus children need to be oriented such that they do not clip significantly into their parent.\r\n                <br/><br/>\r\n                Consider a top down view of a parent and its direct children:\r\n                <br/><br/>\r\n                <img src={img2}/>\r\n                <br/><br/>\r\n                As you can see, the light grey children are half the size as the dark grey parent. Note that each child is right next to the parent - its face touches the parent’s face, but the two don’t overlap. The child in the center is no exception; it sits on top of the parent.\r\n                </p>\r\n\r\n                <div className={decalStyles.boxLine}>\r\n                    <div className={decalStyles.box}></div>\r\n                </div> \r\n\r\n                <h2 id=\"getting-started\">Getting Started</h2>\r\n                <p>\r\n                First off, download the skeleton asset package <a href=\"https://drive.google.com/file/d/1XDZzyjZIlU7TJ6J9rWNkQZCH-DNdbPeh/view?usp=sharing\" target=\"_blank\" className={decalStyles.yellowUnderline}>here</a> and import it into a new project. Create a new scene called HW3 to work in.\r\n                <br/><br/>\r\n                For testing purposes, we’ve provided you with a script to let you to zoom/pan your camera via mouse while in Game Mode. Attach the CameraController script to your Main Camera to do so.\r\n                <br/><br/>\r\n                Within the Main Camera’s inspector, we would also recommend that you change the Clear Flags option from “Skybox” to “Solid Color”. This will make your fractal easier to see.\r\n                <br/><br/>\r\n                <img src={img3}/>\r\n                <br/><br/>\r\n                You’ll also want to enable automatic lighting so your scene gets proper lighting. Do so through Windows > Lighting > Settings > Auto Generate.\r\n                <br/><br/>\r\n                Next, create an empty gameobject called “Fractal”, center it at the origin, and attach the Fractal script to it. You’ll notice there are some unpopulated fields in the Fractal component. Populate the fields with the following:\r\n                <ul>\r\n                    <li><b>Mesh: </b>Cube (standard Unity asset, click the circle next to the field to select it)</li>\r\n                    <li><b>Material: </b>Fractal (included in the package)</li>\r\n                    <li><b>MaxDepth: </b>1</li>\r\n                    <li><b>Child Scale: </b>0.5</li>\r\n                    <li><b>Max Rotation Speed: </b>15</li>\r\n                </ul>\r\n                Before jumping into the code writing parts of the homework, we recommend reading through Fractal.cs and understanding what the script is trying to do.\r\n                </p>\r\n\r\n                <div className={decalStyles.boxLine}>\r\n                    <div className={decalStyles.box}></div>\r\n                    <div className={decalStyles.box}></div>\r\n                </div> \r\n\r\n                <h2 id=\"creating-the-children\">Creating the Children</h2>\r\n                <p>\r\n                In the first section, we’ll be filling in the CreateChildren() function of Fractal.cs.\r\n                <br/><br/>\r\n                The CreateChildren() function currently runs a for-loop through the length of the childDirections array, which contain all the directions in which the children of this fractal will be growing. We’ll use this for-loop to spawn our children.\r\n                <br/><br/>\r\n                In your code, you’ll want to do the following:\r\n                <ol>\r\n                    <li>Create a new gameobject.</li>\r\n                    <li>Add a Fractal instance to the new gameobject.</li>\r\n                    <li>Call the Initialize() function on the new Fractal.</li>\r\n                </ol>\r\n                Once you’ve successfully done this, press play and look at your hierarchy - you should see five additional gameobjects with Fractal components attached. \r\n                You’ll want to look into <a href=\"https://docs.unity3d.com/ScriptReference/GameObject-ctor.html\" target=\"_blank\" className={decalStyles.yellowUnderline}>creating new gameobjects</a> and \r\n                the <a href=\"https://docs.unity3d.com/ScriptReference/GameObject.AddComponent.html\" target=\"_blank\" className={decalStyles.yellowUnderline}>AddComponent()</a> function.\r\n                <br/><br/>\r\n                Additional hints:\r\n                <ul>\r\n                    <li>You’d want to use the generic version of the AddComponent function.</li>\r\n                    <li>Pay careful attention to what’s being passed into Initialize().</li>\r\n                    <li>It’s possible to do all this in one line!</li>\r\n                </ul>\r\n                </p>\r\n\r\n                <div className={decalStyles.boxLine}>\r\n                    <div className={decalStyles.box}></div>\r\n                    <div className={decalStyles.box}></div>\r\n                    <div className={decalStyles.box}></div>\r\n                </div> \r\n\r\n                <h2 id=\"setting-children-transforms\">Setting Children Transforms</h2>\r\n                <p>\r\n                In this section, we’ll be working on modifying the transforms of our fractal children within the Initialize() function of Fractal.cs.\r\n                <br/><br/>\r\n                In particular, you’ll have to modify the gameobject’s transform such that it matches the requirements described at the beginning of the homework. Specifically, there are three attributes you’ll want to change:\r\n                <ul>\r\n                    <li><b>transform.localScale: </b>Use the childScale variable.</li>\r\n                    <li><b>transform.localPosition: </b>Use the childDirections array and childIndex variable.</li>\r\n                    <li><b>transform.localRotation: </b>Use the childOrientations array and childIndex variable. You will not be able to tell whether your rotation is correct until the next section.</li>\r\n                </ul>\r\n                Once you’ve successfully completed this section, you’ll see something very similar to the image below. Notice how there’s no visible gaps between the children and parent.\r\n                <br/><br/>\r\n                <img src={img4}/>\r\n                </p>\r\n\r\n                <div className={decalStyles.boxLine}>\r\n                    <div className={decalStyles.box}></div>\r\n                    <div className={decalStyles.box}></div>\r\n                    <div className={decalStyles.box}></div>\r\n                    <div className={decalStyles.box}></div>\r\n                </div> \r\n\r\n                <h2 id=\"recursive-attributes\">Recursive Attributes</h2>\r\n                <p>\r\n                In the first section, you wrote the recursive call. You might not have realized it back then, but you did! Now, we will complete the recursive structure. Since we’re building fractals, the children will need to inherit attributes from their parents to enforce the recursive, repetitive nature of fractals.\r\n                <br/><br/>\r\n                We’ve already completed three of the attributes for you: the mesh, materials, and childScale. You must figure out the values for:\r\n                <ul>\r\n                    <li><b>maxDepth: </b>This should be the same as its parent.</li>\r\n                    <li><b>maxRotationSpeed: </b>This should be the same as its parent.</li>\r\n                    <li><b>depth: </b>This should be one higher than its parent.</li>\r\n                    <li><b>transform.parent: </b>This should be the transform associated with the Fractal parent.</li>\r\n                </ul>\r\n                Once you’ve done so, start by verifying that your implementation for transform.parent is correct. If you’ve implemented it correctly, your children will correctly “nest” within your parent in the hierarchy. Your hierarchy should look something like the one below!\r\n                <br/><br/>\r\n                <img src={img5}/>\r\n                <br/><br/>\r\n                Now, we can test everything else. Change the maxDepth in scene’s Fractal gameobject from 1 to 5. Assuming everything was implemented correctly, you should see something very similar to the image below.\r\n                <br/><br/>\r\n                <img src={img6}/>\r\n                <br/><br/>\r\n                Notice the beautiful nesting structure that we’ve created!\r\n                <br/><br/>\r\n                Finally, verify that your implementation for localRotation is correct. As you can observe from the image above, the children are rotating along the face of the parent. Make sure your children are doing so as well, and not rotating “into” the parent. To make it more clear, here is an example where the localRotation was set <b>incorrectly</b>:\r\n                <br/><br/>\r\n                <img src={img7}/>\r\n                Congratulations! You now have a fully operating fractal!\r\n                </p>\r\n\r\n                <div className={decalStyles.boxLine}>\r\n                    <div className={decalStyles.box}></div>\r\n                    <div className={decalStyles.box}></div>\r\n                    <div className={decalStyles.box}></div>\r\n                    <div className={decalStyles.box}></div>\r\n                    <div className={decalStyles.box}></div>\r\n                </div> \r\n\r\n                <h2 id=\"further-exploration\">Further Exploration</h2>\r\n                <p>\r\n                Now that you’ve completed the assignment, there’s lots of cool things that you can add to it. I’ve provided a few suggestions below!\r\n                <ul>\r\n                    <li>Adding support for spawning different sorts of meshes.</li>\r\n                    <li>Irregular spawning of meshes? (i.e. only spawns if it’s greater than a certain number?)</li>\r\n                    <li>Right now, our fractal has an upwards growing pattern. We can add support for it to grow towards the bottom as well.</li>\r\n                </ul>\r\n                Something cool to both try and be wary for: increasing the maxDepth! Due to how this fractal grows exponentially in size, increasing maxDepth can easily cause Unity to overload and crash. See how far you can push it!\r\n                <br/><br/>\r\n                <b>IMPORTANT NOTE:</b> You should <b>SAVE</b> before attempting to do this experiment. You may be unlucky and lose all of your work.\r\n                </p>\r\n\r\n                <div className={decalStyles.boxLine}>\r\n                    <div className={decalStyles.box}></div>\r\n                    <div className={decalStyles.box}></div>\r\n                    <div className={decalStyles.box}></div>\r\n                    <div className={decalStyles.box}></div>\r\n                    <div className={decalStyles.box}></div>\r\n                    <div className={decalStyles.box}></div>\r\n                </div> \r\n\r\n                <h2 id=\"submission-and-grading\">Submission and Grading</h2>\r\n                <p>\r\n                Use simmer.io to submit your work to this <a href=\"https://forms.gle/2rtuMmQrcff5A1AU6\" target=\"_blank\" className={decalStyles.yellowUnderline}>Google Form</a>. Completion of the “operational fractal” that we guided you in creating will get 4 points (out of 5), and adding your own improvements will get you the last point. There will be extra credit given to those whom we deemed went above and beyond with their improvements.\r\n                <br/><br/>\r\n                Original assignment concept taken from Jasper Flick from catlikecoding.\r\n                </p>\r\n                \r\n            </div>\r\n        </div>\r\n\r\n      </body>\r\n    </main>\r\n  )\r\n}\r\n\r\nexport default hw3\r\n\r\nexport const Head = () => <title>Extended Reality @ Berkeley</title>\r\n","export default \"data:image/png;base64,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WfM9dbansmOw37x58+T9tD7766+/Hsv4+X1ysH///ffxZf/q1StrvLOzs8PXX3/95BfJKezi4mK8Pn/+3JruGLTj/v9sT2XHX7kuLy+fvJ/WY7e3t4fvv//+sY6f3ycH+/jf9bfffnu4v7+3xvviiy9OOtjn5+eHu7u7Jz+79diPP/548sH+4Ycfnvzs1mM//fTT4bvvvnus4+cn2DYm2FZ9gm3VJ9i2ZIJt1SfYVn2CbUsm2FZ9gm3VJ9i2ZIJt1SfYVn2CbUsm2FZ9gm3VJ9i2ZIJt1SfYVn2CbUsm2FZ9gm3VJ9i2ZIJt1SfYVn2CbUsm2FZ9gm3VJ9i2ZIJt1SfYVn2CbUsm2FZ9gm3VJ9i2ZIJt1SfYVn2CbUsm2FZ9gm3VJ9i2ZIJt1SfYVn2CbUsm2FZ9gm3VJ9i2ZIJt1SfYVn2CbUsm2FZ9gm3VJ9i2ZIJt1SfYVn2CbUsm2FZ9gm3VJ9i2ZIJt1SfYVn2CbUsm2FZ9gm3VJ9i2ZIJt1SfYVn2CbUsm2FZ9gm3VJ9i2ZIJt1SfYVn2CbUsm2FZ9gm3VJ9i2ZIJt1SfYVn2CbUsm2FZ9gm3VJ9i2ZIJt1SfYVn2CbUsm2FZ9gm3VJ9i2ZIJt1SfYVn2CbUsm2FZ9gm3VJ9i2ZIJt1SfYVn2CbUsm2FZ9gm3VJ9i2ZIJt1SfYVn2CbUsm2FZ9gm3VJ9i2ZIJt1SfYVn2CbUsm2FZ9gm3VJ9i2ZIJt1SfYVn2CbUsm2FZ9gm3VJ9i2ZIJt1SfYVn2CbUsm2FZ9gm3VJ9i2ZIJt1SfYVn2CbUsm2FZ9gm3VJ9i2ZIJt1SfYVn2CbUsm2FZ9gm3VJ9i2ZIJt1SfYVn2CbUsm2FZ9gm3VJ9i2ZIJt1SfYVn2CbUsm2FZ9gm3VJ9i2ZIJt1SfYVn2CbUsm2FZ9gm3VJ9i2ZIJt1SfYVn2CbUsm2FZ9gm3VJ9i2ZIJt1SfYVn2CbUsm2FZ9gm3VJ9i2ZIJt1SfYVn2CbUsm2FZ9gm3VJ9i2ZIJt1SfYVn2CbUsm2FZ9gm3VJ9i2ZIJt1SfYVn2CbUsm2FZ9gm3VJ9i2ZIJt1SfYVn2CbUsm2FZ9gm3VJ9i2ZIJt1SfYVn2CbUsm2FZ9gm3VJ9i2ZIJt1SfYVn2CbUsm2FZ9gm3VJ9i2ZIJt1SfYVn2CbUsm2FZ9gm3VJ9i2ZIJt1SfYVn2CbUsm2FZ9gm3V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\"","export default \"data:image/png;base64,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\"","// extracted by mini-css-extract-plugin\nexport var bodyWrapper = \"decal-module--bodyWrapper--7cbfc\";\nexport var box = \"decal-module--box--08640\";\nexport var boxLine = \"decal-module--boxLine--6ea90\";\nexport var code = \"decal-module--code--9b2c6\";\nexport var copy = \"decal-module--copy--cc970\";\nexport var redLink = \"decal-module--redLink--36893\";\nexport var resources = \"decal-module--resources--ee376\";\nexport var textWrapper = \"decal-module--textWrapper--f3b49\";\nexport var toc = \"decal-module--toc--fe879\";\nexport var yellowUnderline = \"decal-module--yellowUnderline--1be03\";","// extracted by mini-css-extract-plugin\nexport var active = \"nav-module--active--e2142\";\nexport var arrow = \"nav-module--arrow--f97c8\";\nexport var arrowOpen = \"nav-module--arrowOpen--0a74b\";\nexport var decal = \"nav-module--decal--6e3af\";\nexport var group = \"nav-module--group--9c696\";\nexport var item = \"nav-module--item--0b430\";\nexport var logo = \"nav-module--logo--d13a3\";\nexport var navBar = \"nav-module--navBar--cb2fc\";\nexport var navBarDecal = \"nav-module--navBarDecal--a9df9\";\nexport var navBarSmall = \"nav-module--navBarSmall--0bb6d\";\nexport var navBarSmallWrapper = \"nav-module--navBarSmallWrapper--b56b7\";\nexport var navList = \"nav-module--navList--7fdbd\";\nexport var smallNavButton = \"nav-module--smallNavButton--bf652\";\nexport var smallNavButtonOutline = \"nav-module--smallNavButtonOutline--db7e1\";\nexport var subLinks = \"nav-module--subLinks--34e84\";\nexport var title = \"nav-module--title--d190f\";"],"names":["activePage","open","className","navStyles","Link","to","style","display","includes","shown","setShown","useState","src","logo","alt","href","target","onClick","decalStyles","text","color","icon","EastIcon","type","link","img1","id","img3","img4","img6","img7","Head","bodyWrapper","box","boxLine","code","copy","redLink","resources","textWrapper","toc","yellowUnderline","active","arrow","arrowOpen","decal","group","item","navBar","navBarSmall","navBarSmallWrapper","navList","smallNavButton","smallNavButtonOutline","subLinks","title"],"sourceRoot":""}