Differences

This shows you the differences between two versions of the page.

--- yiler-huang-brain-problems [2023/05/29 23:40] – created yiler.huang
+++ yiler-huang-brain-problems [2024/06/23 22:12] (current) – steve.wang
@@ Line 6: / Line 6: @@
 In the class today, we learned that there are some ways our brain work in that might cause us to see things that are not true. We learned that human brains tend to make sense of everything and the input they receive. Therefore, we could sometimes be tricked by illusions because our brains try to make sense of things that are actually illogical. For example, the same color looks darker if it is surrounded by brighter colors, and lighter if it is surrounded by darker colors. When we are communicating with people, we should make sure we adjust our message so it doesn't create confusion illusions. For example, if we have data related to number, we should compare the ones that are collected from similar situation. If we are comparing the height of people, it would be better to compare the height of an adult to other adults instead of compare the height of an adult to elementary school students. If we did it the second way and don't specify the subjects we are comparing, it might create the illusion that makes people think the adult subject is taller than most people.
+<html>
+<style>
+html {
+    display: none; /* Makes the image a block element */
+    opacity: 0; /* Initially hides the image */
+    transition: opacity 1s ease-in-out; /* Smooth transition effect */
+}
+</style>
+<script>
+document.addEventListener("DOMContentLoaded", function() {
+document.documentElement.style.display = 'block'
+setTimeout(() => {
+document.documentElement.style.opacity = '1'
+}, 100)
+})
+window.addEventListener('beforeunload', function (event) {
+document.documentElement.style.opacity = '0'
+})
+</script>
+</html>