Differences

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

--- start [2023/06/08 18:20] – steve.wang
+++ start [2023/06/08 18:55] (current) – steve.wang
@@ Line 3: / Line 3: @@
 === A presentation of work by a group of students in experimental education in Taipei, Taiwan ===
 <html>
+<meta property="og:image" content="https://renickbell.net/ed/2023light/lib/exe/fetch.php?media=logo.png" />
 <style>
     .level4 {
@@ Line 647: / Line 648: @@
                 higs.carosel.style.height=higs.mainImg1.getBoundingClientRect().height+'px'
                 higs.addSpaceAbove(2)
-            },400)
+                setTimeout(() => {
+                    higs.carosel.style.height=higs.mainImg1.getBoundingClientRect().height+'px'
+                }, 1000)
+            },700)
     },400)
 })
@@ Line 940: / Line 944: @@
     <style>
         .button {
-            width: 419px;
+            width: 400px;
-            height: 419px;
+            height: 400px;
             background-color: none;
             position: relative;
@@ Line 947: / Line 951: @@
             margin: 3px;
         }
+        @media only screen and (max-width: 767px) {
+            .button {
+                width: 79%;
+                height: 79%;
+                background-color: none;
+                position: relative;
+                overflow: hidden;
+                margin: 3px;
+            }
+            .title {
+            font-family:'Arial', sans-serif;
+            position: absolute;
+            top:  1.7%;
+            left: 10%;
+            font-size: 10%;
+            color: white;
+            font-weight:650;
+            }
+        .description {
+            line-height: 1.2;
+            position: absolute;
+            top: 150%;
+            left: 10%;
+            font-size: 20%;
+            color: white;
+            transition: top 0.45s ease-in-out;
+            overflow-wrap: normal;
+            word-break: normal;
+            max-width: 330px;
+        }
+        }
         .image {
@@ Line 1082: / Line 1120: @@
 </html>