Differences

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

--- yuna-wu-organization-interpretation [2023/06/06 19:00] – yuna.wu
+++ yuna-wu-organization-interpretation [2024/06/23 22:12] (current) – steve.wang
@@ Line 6: / Line 6: @@
 Lexus NX200 - // https://www.google.com/url?sa=i&url=https%3A%2F%2Fautos.yahoo.com.tw%2Fnew-cars%2Fmake%2Flexus&psig=AOvVaw1EwiG-qHFXPNOel868Fzkj&ust=1686189307080000&source=images&cd=vfe&ved=0CBEQjRxqFwoTCKi7nueGsP8CFQAAAAAdAAAAABAE //
-{{ ::nlbjfzzaqkk1hnhyxrcs.jpeg?400 |}}
+{{ ::nlbjfzzaqkk1hnhyxrcs.jpeg?800 |}}
 military vehicle - // https://www.google.com/url?sa=i&url=https%3A%2F%2Fwww.setn.com%2FNews.aspx%3FNewsID%3D547809&psig=AOvVaw35q9fwyhQkWwyQQpNgsj3Y&ust=1686189451268000&source=images&cd=vfe&ved=0CBEQjRxqFwoTCKjgk6yHsP8CFQAAAAAdAAAAABAE //
-{{ ::1201776-xxl.jpg?400 |}}
+{{ ::1201776-xxl.jpg?800 |}}
+<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>