|
|
Line 1: |
Line 1: |
| {{:Team:ETH Zurich/tpl/head|Background}} | | {{:Team:ETH Zurich/tpl/head|Background}} |
| + | <html> |
| + | |
| + | <script> |
| + | |
| + | $(document).ready(function() { |
| + | |
| + | $("text").on("click", function(){ |
| + | var ID = $(this).attr("name"); |
| + | $(this).text(function(i, text){ |
| + | return text === "Complexify" ? "Simplify" : "Complexify"; |
| + | }) |
| + | $("article."+ID+".complex").toggle(); |
| + | $("article."+ID+".simple").toggle(); |
| + | }); |
| + | |
| + | $("polygon").on("click", function(){ |
| + | var ID = $(this).next().attr("name"); |
| + | $(this).next().text(function(i, text){ |
| + | return text === "Complexify" ? "Simplify" : "Complexify"; |
| + | }) |
| + | $("article."+ID+".complex").toggle(); |
| + | $("article."+ID+".simple").toggle(); |
| + | }); |
| + | }); |
| + | |
| + | </script> |
| + | |
| + | <div id="emergence"> |
| + | |
| + | <article class="emergence complex"> |
| + | </html> |
| + | {{:Team:ETH Zurich/project/background/emergence}} |
| + | <html> |
| + | </article> |
| + | |
| + | <article class="emergence simple" style="display:none;"> |
| + | </html> |
| + | {{:Team:ETH Zurich/project/overview/emergencesimple}} |
| + | <html> |
| + | </article> |
| + | </div> |
| + | |
| + | |
| + | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="50%" y="0px" width="150" height="150" viewBox="0 0 100 100" enable-background="0 0 1000 1000" xml:space="preserve"> |
| + | <a href="#emergence" id="bgreen" class="circled scrolly" style="text-decoration:none;"> |
| + | <polygon style="cursor: pointer" x="0" stroke-width="100%" points="50,10 90,30 90,70 50,90 10,70 10,30"></polygon> |
| + | <text name="emergence" x="50" y="55" style="cursor: pointer" fill="#FFFFFF" font-size="15" text-anchor="middle">Simplify</text> |
| + | </a> |
| + | </svg> |
| + | |
| + | |
| + | </br> |
| + | </br> |
| + | </br> |
| + | </br> |
| + | |
| + | <div id="ca"> |
| + | <article class="ca simple" style="display:none;"> |
| + | </html> |
| + | {{:Team:ETH Zurich/project/background/casimple}} |
| + | <html> |
| + | </article> |
| + | |
| + | <article class="ca complex"> |
| + | </html> |
| + | {{:Team:ETH Zurich/project/background/ca}} |
| + | <html> |
| + | </article> |
| + | </div> |
| + | |
| + | <a href="#ca" id="bblue" style="text-decoration:none;"> |
| + | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="50%" y="0px" width="150" height="150" viewBox="0 0 100 100" enable-background="0 0 1000 1000" xml:space="preserve"> |
| + | <a href="#ca" id="bblue" class="circled scrolly" style="text-decoration:none;"> |
| + | <polygon style="cursor: pointer" x="0" stroke-width="100%" points="50,10 90,30 90,70 50,90 10,70 10,30"></polygon> |
| + | <text name="ca" x="50" y="55" style="cursor: pointer" fill="#FFFFFF" font-size="15" text-anchor="middle">Simplify</text> |
| + | </a> |
| + | </svg> |
| + | |
| + | |
| + | </br> |
| + | </br> |
| + | </br> |
| + | </br> |
| + | |
| + | <div id="logicGate"> |
| + | <article class="logicGate simple" style="display:none;"> |
| + | </html> |
| + | {{:Team:ETH Zurich/project/background/logicGatesimple}} |
| + | <html> |
| + | </article> |
| + | |
| + | <article class="logicGate complex"> |
| + | </html> |
| + | {{:Team:ETH Zurich/project/background/logicGate}} |
| + | <html> |
| + | </article> |
| + | </div> |
| + | |
| + | <a href="#logicGate" id="bblue" style="text-decoration:none;"> |
| + | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="50%" y="0px" width="150" height="150" viewBox="0 0 100 100" enable-background="0 0 1000 1000" xml:space="preserve"> |
| + | <a href="#logicGate" id="bblue" class="circled scrolly" style="text-decoration:none;"> |
| + | <polygon style="cursor: pointer" x="0" stroke-width="100%" points="50,10 90,30 90,70 50,90 10,70 10,30"></polygon> |
| + | <text name="logicGate" x="50" y="55" style="cursor: pointer" fill="#FFFFFF" font-size="15" text-anchor="middle">Simplify</text> |
| + | </a> |
| + | </svg> |
| + | |
| + | |
| + | </a> |
| + | </html> |
| + | |
| === "The whole is more than the sum of its parts" ''Aristotle'' === | | === "The whole is more than the sum of its parts" ''Aristotle'' === |
| Emergence describes how novel properties can arise from lower-complexity parts, where these properties are not observed.<sup>[[Team:ETH_Zurich/project/references#refEmergence|[12]]]</sup> This phenomenon is wide-spread in nature. One straight-forward example is water: from the molecules of H<sub>2</sub>O, which are here considered as simple subparts, we are able to consider the liquid "water" at a higher level of complexity, with properties such as viscosity, pressure, transparency... | | Emergence describes how novel properties can arise from lower-complexity parts, where these properties are not observed.<sup>[[Team:ETH_Zurich/project/references#refEmergence|[12]]]</sup> This phenomenon is wide-spread in nature. One straight-forward example is water: from the molecules of H<sub>2</sub>O, which are here considered as simple subparts, we are able to consider the liquid "water" at a higher level of complexity, with properties such as viscosity, pressure, transparency... |