Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
| start [2023/06/08 18:15] – 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 === | === A presentation of work by a group of students in experimental education in Taipei, Taiwan === | ||
| < | < | ||
| + | <meta property=" | ||
| < | < | ||
| .level4 { | .level4 { | ||
| Line 647: | Line 648: | ||
| higs.carosel.style.height=higs.mainImg1.getBoundingClientRect().height+' | higs.carosel.style.height=higs.mainImg1.getBoundingClientRect().height+' | ||
| higs.addSpaceAbove(2) | higs.addSpaceAbove(2) | ||
| - | | + | setTimeout(() => { |
| + | higs.carosel.style.height=higs.mainImg1.getBoundingClientRect().height+' | ||
| + | | ||
| + | },700) | ||
| },400) | },400) | ||
| }) | }) | ||
| Line 940: | Line 944: | ||
| < | < | ||
| .button { | .button { | ||
| - | width: | + | width: |
| - | height: | + | height: |
| background-color: | background-color: | ||
| position: relative; | position: relative; | ||
| Line 947: | Line 951: | ||
| margin: 3px; | margin: 3px; | ||
| } | } | ||
| + | |||
| + | @media only screen and (max-width: 767px) { | ||
| + | .button { | ||
| + | width: 79%; | ||
| + | height: 79%; | ||
| + | background-color: | ||
| + | position: relative; | ||
| + | overflow: hidden; | ||
| + | margin: 3px; | ||
| + | } | ||
| + | .title { | ||
| + | font-family:' | ||
| + | position: absolute; | ||
| + | top: 1.7%; | ||
| + | left: 10%; | ||
| + | font-size: 10%; | ||
| + | color: white; | ||
| + | font-weight: | ||
| + | } | ||
| + | .description { | ||
| + | line-height: | ||
| + | position: absolute; | ||
| + | top: 150%; | ||
| + | left: 10%; | ||
| + | font-size: 20%; | ||
| + | color: white; | ||
| + | transition: top 0.45s ease-in-out; | ||
| + | overflow-wrap: | ||
| + | word-break: normal; | ||
| + | max-width: 330px; | ||
| + | } | ||
| + | |||
| + | } | ||
| + | |||
| .image { | .image { | ||
| Line 1082: | Line 1120: | ||
| </ | </ | ||
| - | |||
| - | |||
| - | |||