| Both sides previous revision Previous revision Next revision | Previous revision |
| start [2024/06/26 22:35] – yiler.huang | start [2024/07/07 08:35] (current) – yiler.huang |
|---|
| transform-origin: left; | transform-origin: left; |
| transform: scaleX(0); | transform: scaleX(0); |
| transition: transform 0.4s cubic-bezier( 0, 0, 0.3, 1 ), background-color 0.9s; | transition: transform 0.4s cubic-bezier( 0, 0, 0.3, 1 ), background-color 1s, opacity 0.9s; |
| opacity: 0.75; | opacity: 0.7; |
| } | } |
| |
| transform: scaleX(1); | transform: scaleX(1); |
| background-color: black; | background-color: black; |
| | opacity: 0.5; |
| } | } |
| |
| opacity: 1; | opacity: 1; |
| top: -3%; | top: -3%; |
| color: #80ffff; | color: #ff9152; |
| } | } |
| |
| opacity: 1; | opacity: 1; |
| left: 43%; | left: 43%; |
| color: #80ffff; | color: #ff9152; |
| } | } |
| |
| opacity: 1; | opacity: 1; |
| top: -3%; | top: -3%; |
| color: #dbff4d; | color: #55dde2; |
| } | } |
| |
| opacity: 1; | opacity: 1; |
| top: -3%; | top: -3%; |
| color: #ff80bf; | color: #df8af2; |
| } | |
| | |
| .button:hover .title.and-1 { | |
| opacity: 1; | |
| transition: opacity 0.2s; | |
| transition-delay: 1s; | |
| } | |
| | |
| .button:hover .title.society { | |
| transition: left 0.2s, opacity 0.2s; | |
| transition-delay: 1.25s; | |
| opacity: 1; | |
| left: 56.5%; | |
| } | } |
| |
| opacity: 1; | opacity: 1; |
| top: -3%; | top: -3%; |
| color: #dbff4d; | color: #f6f865; |
| } | |
| | |
| .button:hover .title.line { | |
| opacity: 1; | |
| transition: opacity 0.2s; | |
| transition-delay: 1s; | |
| } | |
| | |
| .button:hover .title.workplace { | |
| transition: left 0.2s, opacity 0.2s; | |
| transition-delay: 1.25s; | |
| opacity: 1; | |
| left: 45.2%; | |
| } | } |
| |
| opacity: 1; | opacity: 1; |
| top: -3%; | top: -3%; |
| color: #ff80bf; | color: #ff66c2; |
| } | } |
| |
| opacity: 1; | opacity: 1; |
| top: -3%; | top: -3%; |
| color: #ff80bf; | color: #7cd962; |
| } | |
| | |
| .button:hover .description.worthAndValue { | |
| opacity: 1; | |
| transition: opacity 0.2s; | |
| transition-delay: 1.5s; | |
| } | } |
| |
| <body onload="removeBootstrapStyle()"> | <body onload="removeBootstrapStyle()"> |
| <div onclick="redirectPage('https://renickbell.net/ed/fallacies/doku.php?id=biases')" class="button"> | <div onclick="redirectPage('https://renickbell.net/ed/fallacies/doku.php?id=biases')" class="button"> |
| <img class="image" src="https://renickbell.net/ed/fallacies/lib/exe/fetch.php?media=placeholder.png"> | <img class="image" src="https://renickbell.net/ed/fallacies/lib/exe/fetch.php?media=button-bias.png"> |
| <div class="overlay"></div> | <div class="overlay"></div> |
| <div class="overlay two"></div> | <div class="overlay two"></div> |
| </div> | </div> |
| <div onclick="redirectPage('https://renickbell.net/ed/fallacies/doku.php?id=fallacies')" class="button"> | <div onclick="redirectPage('https://renickbell.net/ed/fallacies/doku.php?id=fallacies')" class="button"> |
| <img class="image" src="https://renickbell.net/ed/fallacies/lib/exe/fetch.php?media=placeholder.png"> | <img class="image" src="https://renickbell.net/ed/fallacies/lib/exe/fetch.php?media=button-fallacy.png"> |
| <div class="overlay"></div> | <div class="overlay"></div> |
| <div class="overlay two"></div> | <div class="overlay two"></div> |
| </div> | </div> |
| <div onclick="redirectPage('https://renickbell.net/ed/fallacies/doku.php?id=logic-stories')" class="button"> | <div onclick="redirectPage('https://renickbell.net/ed/fallacies/doku.php?id=logic-stories')" class="button"> |
| <img class="image" src="https://renickbell.net/ed/fallacies/lib/exe/fetch.php?media=placeholder.png"> | <img class="image" src="https://renickbell.net/ed/fallacies/lib/exe/fetch.php?media=button-stories.png"> |
| <div class="overlay"></div> | <div class="overlay"></div> |
| <div class="overlay two"></div> | <div class="overlay two"></div> |
| <p class="description twoWordTitle">Our students imagined and wrote interesting stories that utilized vocabulary words from a big “must know” list. At the same time, these stories illustrated and taught readers about some common cognitive biases and logical fallacies, information which is also increasingly important for the youth of today.</p> | <p class="description twoWordTitle">Our students imagined and wrote interesting stories that utilized vocabulary words from a big “must know” list. At the same time, these stories illustrated and taught readers about some common cognitive biases and logical fallacies, information which is also increasingly important for the youth of today.</p> |
| </div> | </div> |
| <div onclick="redirectPage('https://renickbell.net/ed/2024worth/doku.php?id=gender-and-society')" class="button"> | <div onclick="redirectPage('https://renickbell.net/ed/fallacies/doku.php?id=experiments-on')" class="button"> |
| <img class="image" src="https://renickbell.net/ed/fallacies/lib/exe/fetch.php?media=placeholder.png"> | <img class="image" src="https://renickbell.net/ed/fallacies/lib/exe/fetch.php?media=button-experiments.png"> |
| <div class="overlay"></div> | <div class="overlay"></div> |
| <div class="overlay two"></div> | <div class="overlay two"></div> |
| <div class="overlay five"></div> | <div class="overlay five"></div> |
| <h1 class="title experiments">Experiments</h1> | <h1 class="title experiments">Experiments</h1> |
| <p class="description oneWordTitle">I have an uncontrollable desire to collect plush toys from the Angry Birds franchise. Even though their irritated demeanor never changes, they are always deciding who goes to the next plane of existence. At the end of the universe, after the explosion of the sun, the person with the most Angry Birds gets to ascend to the next world. If I collect enough Angry Birds, I will be able to transverse universes and be the first to have infinite power. Angry Birds are lifeless now, but soon they will rise once again.</p> | <p class="description oneWordTitle">After learning about some interesting and common biases and fallacies from previously established research, the students created and conducted their own experiments to see if the biases and fallacies are “real”.</p> |
| </div> | </div> |
| | <div onclick="redirectPage('https://renickbell.net/ed/fallacies/doku.php?id=coding')" class="button"> |
| <div onclick="redirectPage('https://renickbell.net/ed/2024worth/doku.php?id=coding')" class="button"> | <img class="image" src="https://renickbell.net/ed/fallacies/lib/exe/fetch.php?media=button-coding.png"> |
| <img class="image" src="https://renickbell.net/ed/fallacies/lib/exe/fetch.php?media=placeholder.png"> | |
| <div class="overlay"></div> | <div class="overlay"></div> |
| <div class="overlay two"></div> | <div class="overlay two"></div> |
| <div class="overlay five"></div> | <div class="overlay five"></div> |
| <h1 class="title coding">Coding</h1> | <h1 class="title coding">Coding</h1> |
| <p class="description oneWordTitle">I have an uncontrollable desire to collect plush toys from the Angry Birds franchise. Even though their irritated demeanor never changes, they are always deciding who goes to the next plane of existence. At the end of the universe, after the explosion of the sun, the person with the most Angry Birds gets to ascend to the next world. If I collect enough Angry Birds, I will be able to transverse universes and be the first to have infinite power. Angry Birds are lifeless now, but soon they will rise once again.</p> | <p class="description oneWordTitle">While improving our logical thinking skills, we also practiced that through a variety of independent projects in programming. From using code to generate images of butterflies to making autonomous systems that can produce music, we continued to develop our coding abilities.</p> |
| </div> | </div> |
| <div onclick="redirectPage('https://renickbell.net/ed/2024worth/doku.php?id=women-workplace')" class="button"> | <div onclick="redirectPage('https://renickbell.net/ed/fallacies/doku.php?id=about-program')" class="button"> |
| <img class="image" src="https://renickbell.net/ed/fallacies/lib/exe/fetch.php?media=placeholder.png"> | <img class="image" src="https://renickbell.net/ed/fallacies/lib/exe/fetch.php?media=button-about.png"> |
| <div class="overlay"></div> | <div class="overlay"></div> |
| <div class="overlay two"></div> | <div class="overlay two"></div> |